/* ================================= 
  Base Styles
==================================== */
*,html,body,header,footer,div,h1,h2,h3,p,hr,strong,span,i,a,article,img,nav,ol,ul,li,form,label,input,textarea,iframe{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;
  padding:0;
  outline:0;
  border:none;
}
*,*::before,*::after{box-sizing:inherit;}
body {
  min-height:100%;
  width:90vw;
  width:90%;
  max-width:100vw;
  max-width:100%;
  margin:0 auto;
  afont-family: 'Lato', sans-serif;
  color:#000;
  text-align:center;
  background: #fff;
}
#feuilleBg{left:5%;}

#contact-wrapper{
  position:fixed;
  border:1px solid #ccc;
  background:#ecf0f1;
  width:207px;
  height:80px;
  top:-10px;
  right:-55px;
  top:10px;
  right:105px;
  right:10px;
  box-shadow:0 2px 1px rgba(170, 170, 170, 0.25);
  z-index:9999999;
  transition:all .3s;
}
#contact-wrapper img{
  width:70px;
  position:absolute;
  left:10px;
  top:3px;
  border-radius:50%;
  box-shadow:0 2px 1px rgba(0, 0, 0, 0.25);
  transition:all .3s;
}
#bulle{
  position:absolute;
  background:#e74c3c;
  border:3px solid #e74c3c;
  padding:3px;
  top:3px;
  top:17px;/* 1 ligne en moins */
  left:80px;
  white-space:nowrap;
  box-shadow:0 2px 1px rgba(0, 0, 0, 0.25);
  atransition:opacity .1s, padding .3s;
  transition:all .3s;
}
#bulle span:not(:nth-of-type(1)){
  opacity:0;
  height:0;
  position:absolute;
  adisplay:none;
  transition:opacity .01s, padding .3s, height .3s;
  atransition:all .3s;
}
#bulle br{
  adisplay:none;
  atransition:all .3s;
}
#contact-wrapper:hover{
  width:332px;
  transition:all .3s;
}
#contact-wrapper:hover #bulle{
  font-size:18px;
  padding:7px 23px 26px;
  padding:7px 18px;
  left:69px;
  top:0;
  transition:all .3s;
}
#contact-wrapper:hover #bulle br{
  adisplay:block;
  atransition:all .3s;
}
#contact-wrapper:hover #bulle span{
  opacity:1;
  adisplay:block;
  position:relative;
  height:auto;
  transition:all .3s;
}
#contact-wrapper:hover #bulle span:nth-of-type(1){
  opacity:0;
  transition:all .3s;
}
#contact-wrapper:hover img{
  width:52px;
  top:13px;
  left:13px;
  transition:all .3s;
}
#bulle:before{
  content:'';
  position:absolute;
  top:17px;
  left:-23px;
  top:2px;
  border-top: solid transparent 10px;
  border-bottom: solid transparent 10px;
  border-right: solid #e74c3c 10px;
  border-left: solid transparent 10px;
}
#contact-wrapper:hover #bulle:before{
  aleft:30px;
  left:-35px;
  top:15px;
  atop:4px;/* 1 ligne en moins */
  border-top: solid transparent 20px;
  border-bottom: solid transparent 20px;
  border-right: solid #e74c3c 20px;
  border-left: solid transparent 20px;
  transition:all .3s;
}
a#contact-footer{
  position:absolute !important;
  bottom:0px;
  left:-1px;
  border-bottom:1px solid #27ae60;
  width:332px;
  height:0px;
  background:#27ae60;
  text-decoration:none;
  color:#000 !important;
  font-size:20px !important;
  line-height:15px;
  margin:0;
  padding:0 !important;
  transition:all .3s .1s;
}
#contact-wrapper:hover a#contact-footer{
  height:30px;
  bottom:-30px;
  transition:all .3s;
}
a#contact-footer p{
  margin-top:5px;
  margin-bottom:-10px;
  opacity:0;
  transition:all .3s;
}
#contact-wrapper:hover a#contact-footer p{
  opacity:1;
  transition:all .3s;
}
#contact-wrapper:hover a#contact-footer:hover{
  font-size:23px;
  height:40px;
  background:#2ecc71;
  transition:all .3s;
}
a#contact-footer span{
  font-size:11px;
  opacity:0;
  transition:all .3s;
}
a#contact-footer:hover span{
  opacity:1;
  transition:all .3S .3s;
}
#main-header div .logo::after,a#contact-footer,a#contact-footer:after{
  border:none !important;
}
@media (max-width:1000px){
  body{width:100vw;width:100%}
}


/* update 19092016 */
#pricing-2,.container#pricing-2{margin-top:10px;padding-top:20px;}
/* /update 19092016 */
#tts{padding:10px;}
form#form1{display:inline-block;}
/* update 20170321 */
ol,ul{margin-left:20px;}
@media (max-width:500px){
  ol,ul{margin-left:5px;}
}
/* /update 20170321 */

/* update popup 20170630 */
#popup{
   opacity:0;position:absolute;background:#3fc380;border:1px solid;z-index:99999;padding:25px;width:640px;left:50%;margin-left:-320px;
}
@media all and (max-width:640px){
  #popup{width:320px;margin-left:-160px;}
}
/* /update popup 20170630 */