.bg-change:hover {
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-in;
	}

.translate {
	transition-property: top;
	-webkit-transition-property: top;
	transition-duration: .5s;
	transition-timing-function: ease-out;
	top: 0;
	position: relative;
	}
	
.translate:hover {
	top: 30px;
	}

.rotate {
	transition-property: transform, width, height, top;
	-webkit-transition-property: transform, width, height, top;
    transition-duration: .5s;
	transition-timing-function: ease-out;
	position: relative;
	}

.rotate:hover {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width:80px;
	height:80px;
	top: 20px;
	}
	
.zoom {
	transition-property: transform;
	-webkit-transition-property: transform;
    transition-duration: .5s;
	transition-timing-function: ease-out;
	}

.zoom:hover {
	transform: scale(1.2);
   	-webkit-transform: scale(1.2);
}	
.zoom1 {
	transition-property: transform;
	-webkit-transition-property: transform;
    transition-duration: .5s;
	transition-timing-function: ease-out;
	}

.zoom1:hover {
	transform: scale(1.1);
   	-webkit-transform: scale(1.1);
}

.skew {
	transition: transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease-out;
	}

.skew:hover {
   	transform: skew(45deg);
   	-webkit-transform: skew(45deg);
   }

.opacity:hover {
	opacity: 0.5;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-in;
	}

.width {
	transition: width 0.5s ease-out;
	-webkit-transition: width 0.5s ease-out;
	}

.width:hover {
	width: 80%;
	}

.delay {
	transition: width 0.5s ease-in 1s;
	-webkit-transition: width 0.5s ease-in 1s;
	}
	
.delay:hover {
	width: 80%;
	}

.element-englobant {
	position: relative;
	}

.element-englobant button {
	display: none;
	}

.element-englobant:hover button {
	display: inline-block;
	}