/*button style*/

#btn_app_light
{
  position:fixed;
  top: 70%;
  left: 90%;
   z-index: 9999;

}
i.fa-circle {
  cursor: pointer;
  position: relative;
  color: #333333;
  font-size: 120px;
}

i.fa-lightbulb-o {
  color: #fff;
  position: absolute;
  font-size: 40px;
  top: 15%;
  left: 40%;
}

i.fa-circle:hover i.fa-lightbulb-o {
  font-size: 50px;
  transition: all 0.15s ease;
  left: 40%;
  color: #ff8300;
}

i.fa-circle:hover{
  font-size: 150px;
  transition: all 0.15s ease;
}

.text_bouton:after {
  content: "Besoin d'aide ?";
  position: absolute;
  color: #fff;
  top: 49%;
  padding: 0 5px;
  font-size:16px;
  font-family : 'Open Sans', sans serif;
  font:0.9rem normal 'Open-Sans',Arial,sans-serif;
  text-align: center;
  letter-spacing: 1px;

}

i.fa-circle:hover .text_bouton:after {
  content: "À votre écoute";
  transition: all 0.15s ease;
  font-size:1.1rem;
  padding: 0 8px;
  letter-spacing: 1px;
  font-weight: normal;
}


@-webkit-keyframes pulse_animation {
  0% { -webkit-transform: scale(1); }
  1% { -webkit-transform: scale(1.08); }
  2% { -webkit-transform: scale(1); }
  3% { -webkit-transform: scale(1.08); }
  4% { -webkit-transform: scale(1); }
  70% { -webkit-transform: scale(1); }
  80% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1); }
}

i.fa-circle.pulse {
  -webkit-animation-name: 'pulse_animation';
  -webkit-animation-duration: 10000ms;
  -webkit-transform-origin:70% 70%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.button-area {
  position: fixed;
  top: 40%;
  left: 90%;
}