body > .content {
	background-color: #feed05;
}
.galerie {
	display: block;
	padding: 5px;
	align-content: center;
}
.galerie > div {
	vertical-align:bottom;
	overflow: hidden;
}
.galerie img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit:cover;
}

@media (max-width:479px) {
	.galerie > div {
		display: block;
	}
	.paysage {
		width: 300px;
		height: 198px;
		margin: 5px;
	}
	.portrait {
		width: 198px;
		height: 300px;
		margin: 5px auto;
	}
}
@media (min-width:480px) {	
	.galerie > div {
		display: inline-block;
	}
	.portrait {
		width: 307px;
		height:414px;
		margin: 5px 0.5px 5px 5px;
	}
	.paysage {
		width: 625px;
		height: 414px;
		margin: 5px 0 5px 5px;
	}			
}

.nav a {
	display: inline-block;	
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin: 3px;
	text-decoration: none;
	color: #3B3B3B;			
	text-align: center;
	padding: 6px;
}
.nav .select:hover {
	background-color: #FFFFFF;
}

.nav a > div {
	width: 40%;
	height: 80%;
	margin: 10% auto;			
	background-color: #3B3B3B;			
}
.nav a:hover > div {
	background-color:#FFFFFF;
}
.precedent > div {
	clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
.suivant > div {
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.nav {
	width: 100%;
	max-width: 640px;
}
.nav > .content {
	width: 315px;
	margin: 10px auto;
}
@media (min-width:960px) {
	.droite {
		margin-bottom: -207px;
	}
	.nav > .content {
		margin: 75px auto;
	}
}