/************************************************************************/
.vignets {

animation: fadein 1s;
-moz-animation: fadein 1s; /* Firefox */
-webkit-animation: fadein 1s; /* Safari et Chrome */
-o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
from {
opacity:0;
}
 to {
opacity:1;
}
}
@-moz-keyframes fadein { /* sur Firefox */
from {
opacity:0;
}
 to {
opacity:1;
}
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
from {
opacity:0;
}
 to {
opacity:1;
}
}
@-o-keyframes fadein { /* sur Opera */
from {
opacity:0;
}
 to {
opacity: 1;
}
}
/************************************************************************/
	img.zoomEffectplus {
		-moz-transition: all 0.5s ease-in-out 0s;
		-webkit-transition: all 0.5s ease-in-out 0s;
		-o-transition: all 0.5s ease-in-out 0s;
		-ms-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;
		opacity: 0.7;
	}
	img.zoomEffectplus:hover {
		-moz-transform:rotate(360deg) scale(1.30);
		-webkit-transform:rotate(360deg) scale(1.30);
		-o-transform:rotate(360deg) scale(1.30);
		-ms-transform:rotate(360deg) scale(1.30);
		transform:rotate(360deg) scale(1.30);
		opacity: 1;
	}
/************************************************************************/
	img.opacityEffect {
		-moz-transition: all 0.5s ease-in-out 0s;
		-webkit-transition: all 0.5s ease-in-out 0s;
		-o-transition: all 0.5s ease-in-out 0s;
		-ms-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;
		opacity: 1;
	}
	img.opacityEffect:hover {
		opacity: 0.5;
	}
/************************************************************************/
	img.test1 {
		-moz-transition: all 0.5s ease-in-out 0s;
		-webkit-transition: all 0.5s ease-in-out 0s;
		-o-transition: all 0.5s ease-in-out 0s;
		-ms-transition: all 0.5s ease-in-out 0s;
		transition: all 0.5s ease-in-out 0s;
	}
	img.test1:hover {
		transform: scale(0.75);
	}
/************************************************************************/