#fond {
    top:50%;left:50%;
    position:absolute;
    width:800px;height:600px;
    margin-left:-400px;
    margin-top:-300px;
    object-fit: scale-down;
    background-image: url(jour_avecreflects.png);
    background-position:center center;
    background-repeat: no-repeat;
    background-size: cover;  
    }

  .piece{
    position:absolute;
    z-index:100;
    border:none;
    background-color:transparent;
    background-position: center;
    background-size: cover;
    }

  #piece01 { 
  	width:44px;height:22px;
  	top:474px;left:114px;
  	background-image:url(piece01.png);
  	}
  #piece02 { 
    width:35px;height:17px;
    top:466px;left:204px;
    background-image:url(piece02.png);
    }
  #piece03 { 
    width:39px;height:16px;
    top:514px;left:235px;
    background-image:url(piece03.png);
    }
  #piece04 { 
    width:41px;height:17px;
    top:447px;left:265px;
    background-image:url(piece04.png);
    }
  #piece05 { 
    width:40px;height:14px;
    top:447px;left:265px;
    background-image:url(piece05.png);
    }
  #piece06 { 
    width:43px;height:23px;
    top:466px;left:308px;
    background-image:url(piece06.png);
    }
  #piece07 { 
    width:49px;height:22px;
    top:451px;left:339px;
    background-image:url(piece07.png);
    }
  #piece08 { 
    width:49px;height:22px;
    top:486px;left:380px;
    background-image:url(piece08.png);
    }
 
  #piggy { 
  	position:absolute;
    top:328px;left:466px;
    width:195px;height:161px;
    z-index: 150;
    border:none;
    background-image:url(piggy.png);
    background-repeat: no-repeat, repeat;
    background-color:transparent;
    background-position: center;
    background-size: cover;
  	}
  .visible{
    visibility: visible;
    }
  .text{
    position:absolute;
    left:60%;
    width: 35px;
    background-color: #FAFFCD;
    color: #373737;
    font-family: 'Jost-Regular';
    font-size: 11px;
    text-align: center;
    border-radius: 10px;
    }