footer {
    background-color:var(--hdf-color-gray-lightest);
    color:var(--hdf-color-gray-darker);
}


footer .adresse a {color:var(--hdf-color-gray-darker) !important;}
footer .adresse a:hover {text-decoration:underline;}

footer #legals {font-size:0.825rem;color: var(--hdf-color-gray-dark);}
footer #legals a {color: var(--hdf-color-gray-dark);}
footer #legals a:hover {color: var(--hdf-color-gray-darker);text-decoration:underline;}



footer a#btn-faq-footer {
  padding:0.5rem 0.75rem !important;
  /*padding-left:1.75rem !important;*/
  /*padding-right:0.75rem !important;*/
  text-align:center;
  background-color:var(--hdf-color-gray-dark);
  color:var(--hdf-color-white);
  font-family: Raleway, sans-serif;
  font-size: 0.825rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25rem;
  /*
  background-image : url(../../img/new/icon-faq.svg);
  background-repeat: no-repeat;
  background-position:1rem center;
  background-size:1rem 1rem;
  */
}

footer a#btn-contact-footer {
  padding:0.5rem 0.75rem !important;
  /*padding-left:1.75rem !important;
  padding-right:0.75rem !important;*/
  text-align:center;
  background-color:var(--hdf-color-gray-dark);
  color:var(--hdf-color-white);
  font-family: Raleway, sans-serif;
  font-size: 0.825rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25rem;
  /*
  background-image : url(../../img/new/icon-faq.svg);
  background-repeat: no-repeat;
  background-position:1rem center;
  background-size:1rem 1rem;
  */
}

footer a#btn-faq-footer:hover,
footer a#btn-contact-footer:hover {
    background-color:var(--hdf-color-blue);
} 


/*
footer .media-signature {font-size:1.0625rem;font-weight:500;}
footer .media-signature .media-body h5 {
    text-transform:uppercase;
    font-weight:bolder;
    font-size:1.0625rem

}
footer h3 {
    color:var(--hdf-color-gray-dark) !important;
    background-color: var(--hdf-color-gray-lightest) !important ;text-transform:uppercase;font-weight:bold;
    text-align: left !important;
    padding:0px;
}


footer #footer-magazine p {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 0.875rem;
    color:var(--hdf-color-gray);

}
footer a#btn-magazine {
    background-image : url(../../img/new/arrow-blue-right.svg);
    background-repeat: no-repeat;
    background-position:1rem center;
    background-size:1.125rem 1.125rem;
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: 0;
    color:var(--hdf-color-blue-content);
    background-color:var(--hdf-color-gray);
    border-radius:5px;
    padding-top: 0.5rem;
    padding-bottom: .5rem;
}
footer a#btn-magazine:hover {
    color:var(--hdf-color-white);
    background-image : url(../../img/new/arrow-white-right.svg);
}



*/


#btn-acceo {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    border: solid 1px transparent;
  }
  #btn-acceo:hover {
    background-color:white;
    padding-right:2rem;
    border-radius:10rem;
    border: solid 1px var(--hdf-color-gray-darker);
    box-sizing: border-box;
    border-left: none;
  }
  #btn-acceo img {
    width:48px;
    height:48px;
    background-color:var(--hdf-color-white);
    border-radius:15rem;
  }
  #myBtntop:focus,
  #btn-acceo:focus { outline: solid 2px red;background-color:white;}


  #btn-acceo span {
    display:none;
    font-weight:bold;
    color:var(--hdf-color-gray-darker);
    text-decoration:underline;
    }
    
    #btn-acceo:focus span,
    #btn-acceo:hover span {
    display:inline-block;
  }