/* Feuille de style intégrée #2 | http://localhost/Agglobus%20refonte/ */

footer {
  background-color: var(--color-bleu);
  display: flex;
  flex-direction: column;
  padding: 100px 10%;
  width: 80%;
}

footer .footer_haut {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

footer .footer_haut .footer_haut_gauche,
footer .footer_haut .footer_haut_droite {
  display: flex;
  align-items: flex-start;
  width: 50%;
}

footer .footer_haut .footer_haut_gauche .footer_haut_gauche_gauche,
footer .footer_haut .footer_haut_gauche .footer_haut_gauche_droite,
footer .footer_haut .footer_haut_droite .footer_haut_droite_gauche,
footer .footer_haut .footer_haut_droite .footer_haut_droite_droite {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}

footer .footer_haut .footer_haut_droite .footer_haut_droite_gauche_haut,
footer .footer_haut .footer_haut_droite .footer_haut_droite_droite_haut,
footer .footer_haut .footer_haut_gauche .footer_haut_gauche_gauche_haut,
footer .footer_haut .footer_haut_gauche .footer_haut_gauche_droite_haut {
  display: flex;
  flex-direction: column;
}



footer .footer_haut .footer_haut_gauche .footer_haut_gauche_droite_bas {
  display: flex;
  flex-direction: column;
  margin-top: 90px;
}


footer .footer_haut .footer_haut_droite .footer_haut_droite_gauche_bas {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
}

footer h4 {
  color: white;
  text-transform: uppercase;
  font-family: var(--police-proxima-bold);
  font-weight: inherit;
  font-size: 19px;
  margin-bottom: 20px;
}

footer .footer_haut .footer_haut_gauche .footer_haut_gauche_gauche a,
footer .footer_haut .footer_haut_gauche .footer_haut_gauche_droite a,
footer .footer_haut .footer_haut_droite .footer_haut_droite_gauche_haut a,
footer .footer_haut .footer_haut_droite .footer_haut_droite_droite_haut a {
  text-decoration: none;
  color: white;
  line-height: 30px;
  font-size: 15px;
  font-family: var(--police-proxima-regular);
  max-width: max-content;
}

footer .footer_bas {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}

footer .footer_bas img {
  height: 115px;
}


footer .footer_haut .footer_haut_droite .footer_haut_droite_gauche_bas .store img {
  height: 35px;
  margin-right: 20px;
}

.footer_haut .footer_haut_droite .footer_haut_droite_droite_haut p {
  color: var(--color-orange);
  font-family: var(--police-proxima-regular);
  margin-bottom: 10px;
}

.footer_haut .footer_haut_droite .footer_haut_droite_droite_haut span {
  text-decoration: underline;
  text-underline-offset: 4px;
  margin-left: 5px;
  color: white;
}

.footer_haut_droite .footer_haut_droite_droite .footer_haut_droite_droite_bas .reseaux_sociaux img {
  height: 30px;
}

.footer_haut_droite .footer_haut_droite_droite .footer_haut_droite_droite_bas .reseaux_sociaux img.insta {
  margin-left: 25px;
  height: 27px;
}




footer .footer_haut .footer_haut_droite .footer_haut_droite_droite .footer_haut_droite_droite_bas {
  margin-top: 90px;
}



/*************** MEDIA ****************/

@media screen and (max-width: 1300px) {
  .footer_haut_droite_droite_haut a {
    display: flex;
    flex-direction: column;
  }
}


@media screen and (max-width: 1024px) {

  footer .footer_haut .footer_haut_gauche,
  footer .footer_haut .footer_haut_droite {
    width: 100%;
  }

  footer .footer_haut {
    flex-wrap: wrap;
  }

  footer .footer_haut .footer_haut_gauche {
    margin-bottom: 50px;
  }

  .footer_haut_gauche_gauche a,
  .footer_haut_gauche_droite a {
    display: none;
  }

  .footer_haut_gauche .active a {
    display: initial;
  }

  footer .footer_haut .footer_haut_gauche .footer_haut_gauche_gauche,
  footer .footer_haut .footer_haut_gauche .footer_haut_gauche_droite,
  footer .footer_haut .footer_haut_droite .footer_haut_droite_gauche,
  footer .footer_haut .footer_haut_droite .footer_haut_droite_droite {
    width: 50%;
  }

  footer .footer_haut .footer_haut_gauche .footer_haut_gauche_droite_bas {
    margin-top: 0;
  }

  .footer_haut_gauche_gauche h4::after,
  .footer_haut_gauche_droite h4::after {
    content: "\276E";
    position: absolute;
    right: 30px;
    transform: rotate(-90deg);
  }

  .footer_haut_gauche_gauche.active h4::after,
  .footer_haut_gauche_droite.active h4::after {
    transform: rotate(90deg);
  }

  .footer_haut_gauche_gauche h4::before,
  .footer_haut_gauche_droite h4::before {
    content: "";
    position: absolute;
    right: 50px;
    width: calc(100% - 200px);
    height: 1px;
    top: 50%;
    border-bottom: 1px solid #B7B7B73D;
  }

  .footer_haut_gauche_gauche h4,
  .footer_haut_gauche_droite h4 {
    position: relative;
  }

  footer .footer_bas img {
    height: 100px;
  }
}

@media screen and (max-width: 600px) {
  footer .footer_haut .footer_haut_gauche {
    margin-bottom: 0;
  }

  .footer_haut_droite_gauche_haut a {
    display: none;
  }

  .footer_haut_droite_gauche_haut.active a {
    display: initial;
  }

  .footer_haut_droite_gauche_haut h4::after {
    content: "\276E";
    position: absolute;
    right: 30px;
    transform: rotate(-90deg);
  }

  .footer_haut_droite_gauche_haut.active h4::after {
    transform: rotate(90deg);
  }

  .footer_haut_droite_gauche_haut h4::before {
    content: "";
    position: absolute;
    right: 50px;
    width: calc(100% - 200px);
    height: 1px;
    top: 50%;
    border-bottom: 1px solid #B7B7B73D;
  }

  .footer_haut_droite_gauche_haut h4 {
    position: relative;
  }

  footer .footer_haut .footer_haut_gauche,
  footer .footer_haut .footer_haut_droite {
    flex-wrap: wrap;
  }

  footer .footer_haut .footer_haut_gauche .footer_haut_gauche_gauche,
  footer .footer_haut .footer_haut_gauche .footer_haut_gauche_droite,
  footer .footer_haut .footer_haut_droite .footer_haut_droite_gauche,
  footer .footer_haut .footer_haut_droite .footer_haut_droite_droite {
    width: 100%;
  }

  footer .footer_haut .footer_haut_droite .footer_haut_droite_gauche_bas {
    text-align: center;
    margin-bottom: 40px;
  }

  .footer_haut_droite_droite_haut a {
    flex-direction: row;
  }

  footer h4 br {
    display: none;
  }

  .footer_haut_droite_droite h4 {
    text-align: center;
  }

  .footer_haut_droite_droite_haut {
    text-align: center;
  }

  footer .reseaux_sociaux {
    text-align: center;
  }

  .footer_haut_droite_droite_haut a {
    margin: auto;
  }

  footer .active a:last-child {
    margin-bottom: 19px;
  }

  footer .footer_haut .footer_haut_droite .footer_haut_droite_droite .footer_haut_droite_droite_bas {
    margin-top: 40px;
  }

  footer .footer_bas {
    margin-top: 60px;
  }

  footer .footer_bas img {
    height: 80px;
  }
}