.container{
    position:relative;
}

#marteau{
    position:absolute;
    /*background-color:#fff;*/
    height:500px;
    width:1000px;
    left : -1000px;
         transition : all 2s linear 0.2s;
    z-index:3;

}


#pierre{
    position:absolute;
    background-image:url("../image/marteau1.png");
    background-repeat:no-repeat;
    border-radius: 5em;
    right:0;
    left : 35%;
    top : 20%;
    bottom : -20%;
    
    
}
#manche{
    position: absolute;
    background-color: #77585A;
    box-shadow:10px 10px 10px -10px;
    width : 2000px;
    left : -2000px;
    top : 40%;
    bottom : 40%;
}

.frapper{
    transform: scale(0.8) translate(1250px) ;
    
    
}
.casser{
    background-image:   url("../image/verrecasse3.png"), url("../image/fond de forge.png");
    background-position:center;
    background-repeat:no-repeat;
}

.hidden{
    opacity:0;
}