body{
	margin:0 10% 0 10%;
}

.logo{
	text-align:center;
	margin:5vh 0 5vh 0;
}

.menu{
	font-size:15px;
	width:100%;
	display:inline-block;
	text-align:center;
}

h1{
	margin:5% 35% 5% 35%;
	font-family:didot;
	font-size:20px
	padding:5% 5% 5% 5%;
	text-align:center;
}
.images{
	display:flex;
	flex-wrap:wrap;
}

img{
	opacity:100%;
}

.gallerie{
	flex:1 1 40%;
	line-height:0;
	margin:1vh;
}
.gallerie img{
	width:100%;
}
.gallerie img:hover{
	display:inline-block;
	opacity:50%;
}

.gallerie img:active{
	display:inline-block;
	margin:0 0 5% 0;
	opacity:10%;
}
footer{
	background:lightgrey;
	margin:5% 0 0 0;
	display:flex;
	flex-wrap:wrap;
}

.textfooter{
	flex:1 1 50%;
	margin:5% 5% 5% 5%;
	font-family:didot;
}

.annexe{
	font-size:60%;
}

.icon{
	text-align:center;
	flex:1 1 30%;
	width:10%;
	margin:12% 5% 5% 5%;

}
.icon img{
	display:inline-block;
}

a{
	font-family:didot;
	text-decoration:none;
	color:black;
}
a:hover{
	text-decoration:underline;
	color:grey;
}
a:active{
	text-decoration:underline;
	color:lightgrey;
}