/**
 * STICK FOOTER TO BOTTOM PAGE
 */

@media (min-width: 992px) {
  html, body{
    height: 100%;
  }

  #wrap{
    min-height: 100%;
    margin-bottom: -320px;
  }

  #wrap:after {
    content: "";
    display: block;
  }

  .main-footer, #wrap:after {
    height: 320px;
  }
}

#wrap{
  padding-bottom: 45px;
}

.main-footer h2
{
  font-size: 2.0rem;
  text-transform: uppercase;
}

.main-footer{
  background: rgb(29, 60, 52);
  /* background: #4e4e4e; */
  color: #FFF;
  padding: 20px 0 0;
  margin-top: 0;
}

.main-footer #block-adresse-adresse .block-title,
.main-footer #block-bn-general-home-newsletter .block-title,
.main-footer .block-bn-social .block-title
{
    /* font-family: 'ebGaramondBold'; */
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
}

.main-footer .form-item-email{
  display: inline-block;
  width: 70%;
}

.main-footer .form-item-email,
.main-footer button{
  vertical-align: top;
}

.main-footer button{
  position: relative;
  left : -15px;
}

.main-footer p{
  font-size: 1.5rem;
}


.footer-bottom{
  margin: 80px 0 0;
}

.footer-bottom li{
  display: inline-block;
}

.footer-bottom .nav{
  padding: 10px 0;
}

.footer-bottom .nav li a{
  border-right: 1px solid #a2a2a2;
  /* color: rgb(29, 60, 52); */
  /* color: #a2a2a2; */
  display: inline-block;
  padding: 0 10px 0 5px;
}

.footer-bottom .nav li a:hover,
.footer-bottom .nav li a:focus,
.footer-bottom .nav li a:active{
  background: transparent;
  color: rgb(143, 214, 189);
  /* color: #FFF; */
}

.footer-bottom .nav li:last-child a{
  border: 0;
}


span.telephonebutton > button.phonebuttoncss, span.faxNumberbutton  > button.phonebuttoncss {
  background-color: #fff;
  margin-bottom: 0.5em;
  padding: 0.4em;
  color: #4e4e4e;
  left: 0;
  top: -0.3em;
}

.counsellor-phone.phonenumberbutton > button {
  border: 0;
  margin-top: 1px;
  color: #fff;
  background-color:rgb(29, 60, 52);
  border-radius: 20px;
}
.btn.btn-default.btn-sm.phonebuttoncss:hover,
.counsellor-phone.phonenumberbutton > button:hover {
  color: rgb(29, 60, 52);
  background-color: rgb(185, 220, 210);
}