body {
	background-color:#000000;
	margin: 0;
	font-family: Ceviche One;
}
header, footer {
	background-color: #ffffff;
	padding-top: 60px;
	padding-bottom: 60px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,255,196,1) 100%);
padding: 60px 0;

}

h1, h2, h3{
	text-transform: uppercase;
}


h1, h2 {

	color: #000000;
}



h3 {
	color: #000000;

}

p {
	color: black;
font-size; 12px
}

strong{
	color:black;

}

span{
	color:black;
}
span{
	color:black;
}

#formation, #expPro, #bio {
	margin: 20px auto;
	padding: 20px;
	margin-bottom: 20px;
	width: 80%;
	box-shadow: 15px 15px 20px #bbbbbb;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,255,196,1) 100%);
}

#competences {
	margin: 20px auto;
	padding: 20px;
	margin-bottom: 20px;
	width: 80%;
	box-shadow: 15px 15px 20px #bbbbbb;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,255,196,1) 100%);
}


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

}

#bio p {
	texte-align: justify;

}


#bio img {
	width: 200px;
	border-radius: 100%;
	border: 8px solid #bbbbbb;
	border-shadow: 4px 5px 5px #888;
	margin-right: 20px;
}



.formation {
	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;
}