/**
 * breakpoints
*/
/*
@mixin media-breakpoint-desktop() {
    @media screen and (min-width: 768px){
        @content;
    }
}

@mixin media-breakpoint-mobile() {
    @media screen and (max-width: 768px){
        @content;
    }
}
*/
footer#footer {
  border-top: 1px solid var(--gris-200);
  background-color: var(--background-light);
  overflow: hidden;
  width: 100vw;
}
@media screen and (max-width: 768px) {
  footer#footer {
    position: relative;
    z-index: 4;
  }
}
footer#footer .container {
  position: relative;
  display: flex;
  padding: 40px 0px;
}
@media screen and (min-width: 992px) {
  footer#footer .container {
    padding: 60px 0px;
  }
}
footer#footer .container.footer {
  gap: 30px 130px;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  footer#footer .container {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 992px) {
  footer#footer .container .first-col {
    text-align: center;
    width: 100%;
  }
}
footer#footer .container .first-col .logo {
  padding: 13px;
}
footer#footer .container .first-col .logo svg {
  display: block;
}
@media screen and (max-width: 992px) {
  footer#footer .container .first-col .logo svg {
    margin: auto;
  }
}
footer#footer .container .first-col .texte {
  line-height: 130%;
  /* 20.8px */
  margin: 20px 0;
}
@media screen and (min-width: 992px) {
  footer#footer .container .first-col .texte {
    max-width: 313px;
  }
}
footer#footer .container .first-col .menu-rs {
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 992px) {
  footer#footer .container .first-col .menu-rs {
    justify-content: center;
  }
}
footer#footer .container .first-col .menu-rs a {
  text-decoration: none;
}
footer#footer .container .menu-container {
  display: flex;
  gap: 30px 90px;
}
@media screen and (max-width: 768px) {
  footer#footer .container .menu-container {
    flex-direction: column;
    text-align: center;
  }
}
footer#footer .container .menu-container strong {
  display: block;
  color: var(--primary);
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 100%;
  /* 16px */
}
footer#footer .container .menu-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer#footer .container .menu-container ul li {
  margin-bottom: 20px;
}
footer#footer .container .menu-container ul li a {
  line-height: 120%;
  /* 19.2px */
  text-decoration: none;
}
footer#footer .bottom {
  display: flex;
  align-items: center;
  padding: 0 0 30px;
  gap: 20px 60px;
}
@media screen and (max-width: 768px) {
  footer#footer .bottom {
    flex-direction: column;
  }
}
footer#footer .bottom a,
footer#footer .bottom span {
  color: var(--gris-700);
  font-size: 14px;
  line-height: normal;
}
footer#footer .bottom ul {
  z-index: 1;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 20px 60px;
}
@media screen and (max-width: 768px) {
  footer#footer .bottom ul {
    flex-direction: column;
    align-items: center;
  }
}
footer#footer .bottom ul a {
  text-decoration: none;
}
footer#footer .ligneb {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 992px) {
  footer#footer .ligneb {
    right: -65px;
    bottom: -56px;
  }
}