header{
	width:calc(100vw - 64px);
	height:5vh;
	background-color:#f4479a;

	margin:0;
	
	padding-top:16px;
	padding-right:32px;
	padding-bottom:16px;
	padding-left:32px;
	
	border-bottom:3px solid #f4479a;
	
	display:flex;
	
	justify-content:space-between;
	position:fixed;
	
	top:0;
	left:0;
}

header a{
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

.logo{
	width:64px;
}

body{
	background-color:#f4479a;
	margin:0;
}

.content{
	background-color:#f4479a;
	
	width:100vw;
	
	margin-top:80px;
	padding:0;
	
	display:flex;
	flex-wrap:wrap;
	overflow:hidden;
}

.projet{	
	flex-grow:0;
	flex-shrink:0;
	flex-basis:33.33vw;

	height:33.33vw;

	margin:0;
	padding:0;
}

.projet img{
	width:100%;
	height:100%;
}

.projet p{
	text-align:center;
	font-size:16px;
	margin:0;
	color:#32084B;
}

.bloc-info{
	display:flex;
	justify-content:space-between;
	width:calc(100vw - 64px);
	
	bottom:0;
	
	padding-top:0;
	padding-right:32px;
	padding-bottom:16px;
	padding-left:32px;
	
	position:fixed;
}

.infos{
	display:inline-block;
	
	padding-top:auto;
	padding-bottom:auto;
}

.infos p{
	color:#002872;
	font-size:18px;
	
	margin-top:0;
	margin-right:64px;
	margin-bottom:0;
	margin-left:0;
	
	bottom:0;
	
	display:flex;
	
	font-family: 'Unbounded', sans-serif;
	font-weight: 300;
}

.infos a{
	text-decoration-line:none;
	
	margin-left:16px;
}

.picto{
	height:32px;
}

.titre-infos{
	text-align:center;
	
	font-size:64px;
	
	margin:0;
}
