body{
	background:#DADADA
}

#global_projets ul li{
	display:inline;
	float:left
}

.vignette{
	width:190px;
	height:190px;
	background:white;
	margin-top:20px;
	margin-right:20px;
	box-shadow: 1px 1px 12px #555;
	}

.vignette img{
	width:174px;
	height:110px;
	margin-top:8px;
	margin-left:8px;
	opacity:0.8
}
.vignette img:hover{
	width:182px;
	height:114px;
	margin-top:8px;
	margin-left:4px;
	opacity:0.99
}

#global_projets ul li h2{
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	font-weight: bolder;
	letter-spacing:-1px;
	margin-left: 10px;
	margin-top: 0px;
	upper-case: ;
	text-transform: uppercase;
}

#global_projets ul li h3{
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:0.65em;
	margin-left: 10px;
	color:#B5B5B5;
	margin-top:-10px;
	text-transform: uppercase;
}
/*animation à l'ouverture*/
@keyframes ouverture {
    0% {
        -webkit-transform: scaleY(1.0);
        -o-transform: scaleY(1.0);
        -moz-transform: scaleY(1.0);
        -ms-transform: scaleY(1.0);
        transform: scaleY(1.0)
        
    }

    80% {
       -webkit-transform: scaleY(1.1);
        -o-transform: scaleY(1.1);
        -moz-transform: scaleY(1.1);
        -ms-transform: scaleY(1.1);
        transform: scaleY(1.1)
    }
    100% {
       -webkit-transform: scaleY(1.0);
        -o-transform: scaleY(1.0);
        -moz-transform: scaleY(1.0);
        -ms-transform: scaleY(1.0);
        transform: scaleY(1.0)
    }
    }

.vignette img:hover{
    animation-name: ouverture;
    animation-duration: 1s;
    animation-iteration-count: 1;       
}/*fin de l'animation à l'ouverture*/