#infoBulle-opacity {
  width:100%;
  height:100%;
  display:none;
  background-color: rgba(255,255,255,1);
  z-index:1000;
  position:absolute;

}

#infoBulle-opacity .close {

  float:right;

}

#lespatisseries.infoBulle {
  height:250px;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin:auto;
  background-color: #FFF;
  color:#000;
  display:none;
  z-index:1001;
  position:absolute;
  width:95%;
}

.zoom-out {
  position:fixed;
  bottom:85px; 
  left:50px;
  background:url(../img/zoom-phone.png) 0px 0px;
  background-size: cover;
  moz-background-size: cover;
  -o-background-size: cover;          
  -webkit-background-size: cover;
  width:51px;
  height:55px;
  cursor:pointer;
}

.zoom-in {
  position:fixed;
  bottom:85px; 
  left:101px;
  background:url(../img/zoom-phone.png) -51px 0px;
  background-size: cover;
  moz-background-size: cover;
  -o-background-size: cover;          
  -webkit-background-size: cover;
  width:52px;
  height:55px;
  cursor:pointer;
}

@media (min-width: 768px) {


  .zoom-out {
    position:fixed;
    bottom:80px; 
    left:58px;
    background:url(../img/zoom-desktop.png) 0px 0px;
    width:25px;
    height:27px;
    cursor:pointer;
  }

  .zoom-in {
    position:fixed;
    bottom:80px; 
    left:83px;
    background:url(../img/zoom-desktop.png) -25px 0px;
    width:26px;
    height:27px;
    cursor:pointer;
  }

  #infoBulle-content, #infoBulle-opacity  {
    display:none;
  }

}