footer {
  font-family: 'RationalText-Bold';
  letter-spacing: 0.01rem;
  font-size: 1rem;
  line-height: 1.4rem; }

footer #infos, footer #infos #legals-content p, footer #infos #credits-content p {
  font-family: 'RationalTWDisplay-Book';
  letter-spacing: 1.1px;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #fafaeb; }

footer {
  clear: both;
  width: 100%; }
  footer #contact-us {
    cursor: pointer;
    height: 3.9rem;
    background-color: white;
    color: #646464;
    padding: 0 2.7rem; }
    footer #contact-us span, footer #contact-us img {
      line-height: 3.9rem;
      vertical-align: middle;
      display: inline-block; }
    footer #contact-us .blue {
      display: none; }
    footer #contact-us img {
      height: 11px;
      margin-right: 0.5rem; }
  footer #contact-us:hover {
    color: #00c8ff; }
    footer #contact-us:hover .blue {
      display: inline-block; }
    footer #contact-us:hover .grey {
      display: none; }
  footer #infos {
    width: 100%;
    background-color: #4c4c4c;
    min-height: calc( 2 * 11rem);
    padding-bottom: 4rem;
    text-align: left; }
    footer #infos .icon {
      width: 1.8rem; }
    footer #infos .icon:first-child {
      margin-left: -0.4rem;
      width: 1.6rem; }
    footer #infos #infos-content {
      width: 70%;
      margin: auto;
      padding-top: 3.9rem; }
      footer #infos #infos-content > div:nth-child(2) {
        padding-left: 3.4rem; }
    footer #infos li {
      display: block; }
    footer #infos a:hover {
      color: #00c8ff; }
    footer #infos #legals-button, footer #infos #credits-button {
      cursor: pointer; }
    footer #infos #legals-content, footer #infos #credits-content {
      display: none;
      cursor: pointer;
      font-size: 0.8rem;
      position: absolute;
      width: 23rem;
      padding: 2.7rem;
      margin-top: -10rem;
      margin-left: -2.8rem;
      background-color: #00c8ff;
      color: white;
      z-index: 70; }
      footer #infos #legals-content a:hover, footer #infos #credits-content a:hover {
        text-decoration: underline !important; }
      footer #infos #legals-content a, footer #infos #credits-content a {
        border-bottom: none;
        text-decoration: underline !important; }
      footer #infos #legals-content p, footer #infos #credits-content p {
        line-height: 1rem;
        letter-spacing: 0; }
      footer #infos #legals-content p, footer #infos #credits-content p {
        font-size: inherit; }
    footer #infos #credits-content {
      letter-spacing: 0.03rem;
      margin-top: 0rem;
      width: 27rem; }
      footer #infos #credits-content a:hover {
        color: inherit; }
    footer #infos #phone {
      margin-bottom: 0.8rem; }

@media only screen and (max-width: 991px) {
  footer #infos #infos-content > div:nth-child(2) {
    padding-left: 15px; } }
@media only screen and (max-width: 767px) {
  footer #infos #infos-content {
    width: 100%;
    padding-left: 15px; }
    footer #infos #infos-content > div {
      margin-bottom: 2rem; } }

/*# sourceMappingURL=footer.css.map */