.dede{
	margin-left:200px;
	Margin-top:-20px;
	text-align:center;
	width:200px;height:auto;
	-webkit-transition-duration: 2.5s;
	-o-transition-duration: 2.5s;
	transition-duration: 2.5s;
}
.dede img{
	width:300px;height:auto;
	-webkit-transform: rotateZ(-10deg);
	-ms-transform: rotateZ(-10deg);
	-o-transform: rotateZ(-10deg);
	transform: rotateZ(-10deg);

}
.dede:hover {
	-webkit-transform: scale(1.8) rotateZ(10deg);
	-ms-transform: scale(1.8) rotateZ(10deg);
	-o-transform: scale(1.8) rotateZ(10deg);
	transform: scale(1.8) rotateZ(10deg);
	position: relative;
	z-index: 999;
}
.ville{
	display:inline-block;
}
.ville img{
	-webkit-transition-duration: 2.5s;
	-o-transition-duration: 2.5s;
	transition-duration: 2.5s;

}
.gif{
	margin-right:20px; width:208px;height:auto;
	-webkit-transform: rotateZ(-5deg);
	-ms-transform: rotateZ(-5deg);
	-o-transform: rotateZ(-5deg);
	transform: rotateZ(-5deg);
}
.gif:hover{
	-webkit-transform: scale(1.8) rotateZ(0deg);
	-ms-transform: scale(1.8) rotateZ(0deg);
	-o-transform: scale(1.8) rotateZ(0deg);
	transform: scale(1.8) rotateZ(0deg);
	position: relative;
	z-index: 999;

}
.villiers{
	width:208px;height:auto;
	-webkit-transform: rotateZ(5deg);
	-ms-transform: rotateZ(5deg);
	-o-transform: rotateZ(5deg);
	transform: rotateZ(5deg);
}

.villiers:hover{
	-webkit-transform: scale(1.8) rotateZ(0deg);
	-ms-transform: scale(1.8) rotateZ(0deg);
	-o-transform: scale(1.8) rotateZ(0deg);
	transform: scale(1.8) rotateZ(0deg);
	position: relative;
	z-index: 999;
}
#tableau{
	width:700px; margin:0px auto; border:2px black solid;text-align:center;
}
#tableau img{
	cursor:pointer
}