.ferme {
  position: fixed;
  padding: 15px;
  width: 442px;
  height: 120px;
  bottom : 10px;
  left: 10px;
  background: #f03838;
  animation: shake 2.5s infinite;
  transform: translate3d(0, 0, 0);
}

@keyframes shake {
  0% {
    
   box-shadow: 0px 0px 0px 5px #F44336;
  }
  
  25% {
    box-shadow: 0px 0px 0px 0px #F44336;
  }
  
  50% {
    box-shadow: 0px 0px 0px 5px #F44336;
  }
  
  75% {
    box-shadow: 0px 0px 0px 0px #F44336;
  }
  100% {
    box-shadow: 0px 0px 0px 5px #F44336;
  }
  } 

.hr{
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
margin: 5px;
text-align: center;
margin-bottom: 15px;
}


.retrait{
 
 border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px;
  margin: 5px;
  text-align: center;
  

}
#heureretrait{
font-size: 19px;
background: #03A9F4;
color: #ffffff;
padding: 0 8px 0 28px;
height: 49px;
width: 100%;
}
#heureretrait option{

  background: white;
  color: #2d2d2d;
  padding: 13px;
  height: 49px;
}


/* Add Animation */




.wnb-notification-bar {
  z-index: 1001;
  position: relative;
  width: 100%;
  background: #000;
  color: #FFFFFF;
  text-align: center;
}

.wnb-notification-bar.display_top {
  top: 0;
  position: absolute;
}

.wnb-notification-bar.display_bottom {
  bottom: 0;
  position: relative;
}

.wnb-notification-bar.display_top.display_sticky {
  position: fixed;
}

.wnb-notification-bar.display_bottom.display_sticky {
  bottom: 0;
  position: sticky;
}

.wnb-notification-text {
  padding: 10px
}

.admin-bar .wnb-notification-bar.display_top {
  top: 46px;
}

@media screen and (min-width: 783px) {

  .admin-bar .wnb-notification-bar.display_top {
      top: 32px;
  }

}

@media (max-width:560px){
 .ferme{
    width:100%;
    left:0px;
    z-index:9999999999999999;
    bottom:50px;

}
}