@charset "utf-8";
/* CSS Document */
#galerie, #galerie2 {
	margin:0;
	padding:0px;
	height: 300px;
	
}
#galerie li,  #galerie2 li {
	list-style: none;
		float: left;

}
#galerie li a img,  #galerie2 li a img {
	float: left;
	width: 450px;
	height:280px;
	border:1px solid #ddd;
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
	-webkit-transform : scale(1);


}


#galerie li a:hover img {
	/*-webkit-transform-origin : bottom left;
	-moz-transform-origin : bottom left;
	-o-transform-origin : bottom left;
	transform-origin : bottom left;*/
	-webkit-transform : scale(2);
	-moz-transform : scale(2);
	-o-transform : scale(2);
	transform : scale(2);
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	behavior: url(css3.htc)
	/* 4 px du sommet 4px de la gauche , flou de 10px à 50% d'opacité*/
}
#galerie li a:hover img {
	/*-webkit-transform-origin : bottom left;
	-moz-transform-origin : bottom left;
	-o-transform-origin : bottom left;
	transform-origin : bottom left;*/
	-webkit-transform : scale(2);
	-moz-transform : scale(2);
	-o-transform : scale(2);
	transform : scale(2);
	-ms-transform : scale(2);
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	behavior: url(css3.htc)
	/* 4 px du sommet 4px de la gauche , flou de 10px à 50% d'opacité*/
}
#galerie2 li a:hover img{
	/*-webkit-transform-origin : bottom left;
	-moz-transform-origin : bottom left;
	-o-transform-origin : bottom left;
	transform-origin : bottom left;*/
	-webkit-transform : scale(1.5);
	-webkit-transform-origin : bottom left;
	-moz-transform : scale(1.5);
	-moz-transform-origin : bottom left;
	-o-transform : scale(1.5);
	-o-transform-origin : bottom left;
	-ms-transform : scale(1.5);
	transform : scale(1.5);
	transform-origin : bottom left;
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	behavior: url(css3.htc)
	/* 4 px du sommet 4px de la gauche , flou de 10px à 50% d'opacité*/
}

#galerie3 {
	margin:0;
	padding:0px;
	height: 1OOpx;
	
}
#galerie3 li {
	list-style: none;
		float: left;

}
#galerie3 li a img {
	float: left;
	width: 90px;
	height:120px;
	border:1px solid #ddd;
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
	-webkit-transform : scale();


}


#galerie3 li a:hover img{
	/*-webkit-transform-origin : bottom left;
	-moz-transform-origin : bottom left;
	-o-transform-origin : bottom left;
	transform-origin : bottom left;*/
	-webkit-transform : scale(1.5);
	-webkit-transform-origin : bottom left;
	-moz-transform : scale(1.5);
	-moz-transform-origin : bottom left;
	-o-transform : scale(1.5);
	-o-transform-origin : bottom left;
	transform : scale(1.5);
	transform-origin : bottom left;
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	behavior: url(css3.htc)
	/* 4 px du sommet 4px de la gauche , flou de 10px à 50% d'opacité*/
}