.photo{
	max-width: 21vw;
	max-height: 22vh;
	position: relative;
	z-index: 5;
}
body{
	text-align: center;
}
#titre{
	text-align: left;
}

.sous{
	width: 23vw;
	position: static;
	max-height: 25vh;
	background-color: #000000;
	text-align: center;
	border: solid 0.5px;
	border-color:  var(--colorBack);
	border-radius: 8px;
}
.column {
  padding: auto;
  margin: 1vw;
}
#link{
	text-align: left;
}
.row {
	margin-top: 4vh;
	margin-left: 3vw;
  	display: flex;
  	flex-wrap: wrap;
 	padding: 0 4px;
 	text-align: center;
}
.photo {
  	padding-bottom: 1vh;
  	padding-top: 1vh;
  	vertical-align: middle;
  	justify-content: center;
  	align-items: center;
}
.photo{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.photo:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index:100;
}
#change{
	margin-top: 1vh;
	margin-bottom: -1vh;
	font-size: 2vw;
	text-align: center;
	border: solid 1px;
	background-color: #000000;
	border-color: var(--colorBack);
	color:  var(--colorBack);
	border-radius: 8px;
	padding: 1vh;
	-webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
#change:hover{
	background-color: #A2A2A2;
	color: #000000;
	cursor: pointer;
}