.accroche {
  background-color: #004677;
  color: white;
  text-align: center;
  padding: 0 20px;
}
.accroche h2 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 15px;
  padding-top: 35px !important;
}
.accroche a {
  display: inline-block;
  font-weight: 500;
  text-decoration: none;
  color: #014672;
  background-color: #fff;
  border-radius: 7px;
  padding: 5px 15px;
  margin: 35px 0;
}

footer {
  background-color: #012841;
  display: flex;
  flex-direction: row;
  color: white;
  justify-content: space-between;
  padding: 40px 5vw;
}
footer li {
  list-style: none;
}
footer a {
  color: white;
  text-decoration: none;
}
footer > * {
  flex: 4;
}
footer .site-title {
  flex: 6;
  color: white;
}
footer .site-title .logo-container > * {
  display: inline-block;
  vertical-align: middle;
}
footer .site-title img {
  height: 45px;
  margin-right: 7px;
}
footer .site-title span {
  font-size: 1.2rem;
  font-weight: 600;
}
footer .site-title .desc {
  width: 75%;
  padding: 15px 0;
  font-size: 0.8rem;
  font-weight: 400;
}
footer .footer-title {
  font-weight: 600;
  margin-bottom: 15px;
}
footer .menu-menu-footer-container, footer .menu-menu-infos-container {
  font-weight: 200;
  font-size: 0.8rem;
}
footer .menu-menu-footer-container li, footer .menu-menu-infos-container li {
  margin-bottom: 5px;
}
footer .reseaux .item {
  margin-right: 15px;
}
footer .reseaux img {
  height: 25px;
  border-radius: 7px;
}
@media screen and (max-width: 900px) {
  footer {
    flex-direction: column;
    gap: 30px;
  }
  footer > * {
    flex: none;
    width: 100%;
  }
  footer .site-title .desc {
    width: 100%;
  }
}

.copyright {
  padding-bottom: 5px;
}

.copyright {
  background-color: #012841;
  padding: 5px 0;
  text-align: center;
  color: white;
  font-weight: 200;
  font-size: 0.7rem;
}

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