.gallerie{ margin-left:240px;
           margin-top:20px;
            margin-right:360px;
            margin-left:180px;
       }
 ul.gallerie> li{ position:relative;
      float:left; 
      width:200px;
      height:200px;
      padding:10px;
      list-style:none; }




ul.gallerie >li> a{ display:block;
         overflow:hidden;
         width:200px;
        height:200px;
        margin-top:0px;
        margin-left:0px;
        border:0px solid rgba(0,0,0,0.7);
             transition-property:width,height,margin,z-index,border; 
             transition-duration:0.4s; } 
ul.gallerie >li >a:hover{ position:absolute;
               width:400px;
               height:400px;
               margin-top:-56px;
               margin-left:-56px;
                z-index:100;
                border:6px solid rgba(0,0,0,0.7); } 
ul.gallerie >li >a >img{ position:absolute;
             width:200px;
             height:200px;
             z-index:20; 
             transition-property:width,height,z-index; 
             transition-duration:0.4s; } 
ul.gallerie >li >a:hover >img{ width:400px;
                  height:400px;
                    z-index:100; }

.ol{margin-top:-20px;
background-image:url(http://drawingart.orgfree.com/images/doom.jpg);
width:1500px;
height:1040px;}
.z{z-index:4010;
   background-color:gray;
width:160px;
position:absolute;
   }