#boite {
max-width:200px;
margin:auto;
margin-left:50px;
margin-top:50px;
min-height:200px;
position:absolute;
}

#boite1 {
max-width:120px;
margin:auto;
margin-left:220px;
margin-top:70px;
min-height:80px;
position:absolute;
}

.flip-card {
  background-color: transparent;
  width: 150px;
  height: 200px;
  border: 0px solid #f1f1f1;
  perspective: 1000px;
}


.flip-card-inner {
  background-image:url(fond.png);
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}


.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}


.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.flip-card-front {
  background-color: transparent;
  color: black;
}


.flip-card-back {
	background-image:url(fond.png);
  background-color: white;
  color: white;
  transform: rotateY(180deg);
}