/*********************MAIN************************/



#main{
    position:absolute;
    width : 1000px;
    height:1000px;
    /*background-color: blue;*/
    background-image:url("../image/gant chevalier.png");
    background-size:cover;
    opacity: 1;
    bottom:-1000px;
    right:-1000px;
     transition :all 2s;
     z-index : 3;
}
.mainMiddle{
    transform : translate(-1200px, -800px) rotate(45deg);
}

.mainSortir{
    transform : translate(0px, 0px) rotate(0deg);
}

/*********************ANNEAUX************************/

.anneau{
     position:absolute;
  border-radius : 50%;
     width : 450px;
     height: 450px;
      
     transition :all 2s;
     z-index : 1;
      
}
#Ann1{
         background-image:url("../image/bague1trans.png");
    background-size:cover;
}
.mainPoseAnn1{
    transform : translate(-700px, -800px) rotate(30deg);
}
.Ann1Finish{
    
     transform : translate(500px, 0px) scale(0.5);
     opacity :1;
}
#Ann2{
         background-image:url("../image/bague1trans.png");
    background-size:cover;
}
.mainPoseAnn2{
    transform : translate(-700px, -1100px) rotate(30deg);
}
.Ann2Finish{
    
     transform : translate(500px, -300px) scale(0.4);
     opacity :1;
}
#Ann3{
        background-image:url("../image/bague1trans.png");
    background-size:cover;
}
.mainPoseAnn3{
    transform : translate(-1700px, -800px) rotate(30deg);
}
.Ann3Finish{
    
     transform : translate(-500px, 0px) scale(0.4);
     opacity :1;
}
#Ann4{
         background-image:url("../image/bague1trans.png");
    background-size:cover;
}
.mainPoseAnn4{
    transform : translate(-1700px, -1100px) rotate(30deg);
}
.Ann4Finish{
    
     transform : translate(-500px, -300px) scale(0.6);
     opacity :1;
}