div#listeNosRealisation{
	text-align:center;
	position:relative;
	width:1250px;
}
div#divListeNosRealisation{
	display: inline-block;
	width:995px;
}
div.titreNosRealisation{
	padding-left:100px;
}
div.selectNosRealisations{
	width:995px;
	text-align:left;
	padding-left:50px;
}
select.selectNosRealisations{
	background-color:#c5c5c5;
	border: 0 none;
}
h1.realisation{
	width:100%;
	text-align: left;
	padding-left: 0px;
}
p.realisation{
	width:100%;
	text-align: left;
}
/******************************************************/
.viewRealisation {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}

.viewRealisation .maskRealisation, .viewRealisation .contentRealisation {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.viewRealisation img {
   display: block;
   position: relative;
}

.viewRealisation a.infoRealisation {
   background:url(../images/admin/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   /*width:20px;
   height:20px;*/
   top: -100px !important;
   width: 300px;
   height: 200px;
   left: -100px;
}
.second-effectRealisation .maskRealisation {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
}

.second-effectRealisation a.infoRealisation {
   position:relative;
   top:-10px;
   opacity:0;
   transform:scale(0,0);
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.second-effectRealisation:hover .maskRealisation {
   opacity: 1;
   border:103px solid rgba(0,0,0,0.7);
}

.second-effectRealisation:hover a.infoRealisation {
   opacity:1;
   transform:scale(1,1);
   transition-delay:0.3s;
}
a.infoRealisation {
	color: #ffffff;
}