html{
	scroll-behavior: smooth;
}

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

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

}

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

	nav a:hover{
		background-color:  #fff;
		color: #aa17b2;
}



header, footer{
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(121,9,115,1) 35%, rgba(243,0,255,0.7318277652858018) 100%);
	padding: 60px;
	text-align: center;
	color: #ffffff;
}

h1{
	color: #f5fcff;
	text-align: center;
	font-family: sans-serif;
	font-size: 45px;
	line-height: 60px;
}

h2{
	color: purple;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 35px;
}

h3{
	color: rgb(243 0 255 / 95%);
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
}

p{
	color: #821b83;
	font-size: 14px;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}

strong {
	color: purple;
	font-size: 16px;
}

span{
	color: purple;
	font-weight: bold;
}

#formations, #experiencesPro, #bio, #competences{
	background-color: #ffffff;
	padding: 20px;

	margin: 20px auto;

	width: 80%;
	box-shadow: 5px 5px 5px #bbbbbb;
	text-color: #9c27b0;
}

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

#bio p{
	text-align: justify;
	margin-right: 40px;
	text-color: #9c27b0;
}


#bio img{
	width: 175px;
	border-radius: 100%;
	margin-right: 40px;
	margin-left: 40px;
}

.formation, .job{
	margin-left: 20px;
	margin-right: 20px;
}


/*
Mise en forme sinitiale des compétences :
#competences {

	background-color: #d8d6d6;
	padding 10px;
	border: 5px solid gray;
}
*/

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

.barreRemplissage{
	width: 80%;
	height: 80%;
	background-color: #66335b;
	border-radius: 10PX;
}

#competences .iconeUsaUk{
	margin-left: 40px
display: inline-flex;

}