@font-face {
	font-family: 'montserratBlack';
	src: url('../fonts/Montserrat-Black.otf') format('truetype');
}


@font-face {
	font-family: 'montserratBold';
	src: url('../fonts/Montserrat-Bold.otf') format('truetype');
}


@font-face {
	font-family: 'montserratReg';
	src: url('../fonts/Montserrat-Regular.otf') format('truetype');
}

body{
	background-color: #23aaa2;
	display:flex;
	flex-direction: row;
	justify-content:center;
	align-content: center;
	flex-wrap:nowrap;
	font-family: 'montserratReg';

}

#conteneur{
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	background-color: white;
	width: 90%;
	min-height:90vh;
	padding:20px;
	flex-wrap:nowrap;
}


img{
	height:100px;
	float :left;
	margin :10px;
}

h1 {
	text-align :center;
	font-family:'montserratBlack';

}

h2 {
	font-family:'montserratReg';
	
}

h2 b {
	font-family:'montserratBold';
}


footer{
	text-align: center;
	font-size:8pt;
}

nav ul {
	display: flex;
	flex-direction: row;
	justify-content:center;
	font-size:10pt;
}

nav li {
	list-style-type:none;
	margin-right: 10px;

}

a {
	color:black;
	text-decoration: none;
}

a:hover {
	background-color: #bde6e3;
}