html {
	scroll-behavior: smooth;
}
body{
	background-color: #683794;
	margin: 0 auto;
}
header{
	position: relative;
}

header, footer{
	background-color: #F0DD22;
	color: white;
	padding: 1vw;
}
h1 {
	color: purple;
	font-size: 3vw;
	font-family: 'Niconne', cursive;
}

nav {
    width: 97vw;
    margin: 0 auto;
}

nav ul {
	display: flex;
	list-style: none;
	font-family: 'Niconne', cursive;
	justify-content: flex-end;
	margin: 20px 2vw;
	
}
nav a {
	color: #9E53E0;
	font-size: x-large;
	text-decoration: underline;
	padding: 20px 0;
	margin: 2vw;
}
nav a:hover{
	color: #F0DD22;
	background-color: #9E53E0;
	padding: 20px 0;

}

#superTitre{
	text-align: center;
}
#superTitre h2{
	font-size: x-large;
	text-shadow: 0px 3px 3px purple;
}


#contact, #presentation, #competences{
	
	padding: 2vw;
	margin-bottom: 2vw;
	width: 85vw;
	margin: 2vw auto;
	background-color: #9E53E0;
	box-shadow: 0px 3px 0px #442461; 
}
#contact{
	display: flex;
	margin-top: 0;
}
#contact p{
	text-align: justify;
	padding-left: 1vw;

}

.permis{
	padding-top: 3vw;
}
#contact img{
	width: 15vw;
	height: 15vw;
	box-shadow: -5px 5px 3px black;
	text-align: center;
}


.piedTitre {
	text-align: center;
}
#embauches{
	
	width: 85vw;
	margin: 2vw auto;
	color: black;

}