/* je touche à la boite de mon footer */
footer {
  bottom: 0;
  width: 100%;
}
/* j'enlève le surlignage des liens en a et je lui met une couleur */
footer a {
  text-decoration: none;
  color: blanchedalmond;
  line-height: 1.6;
}
footer p{
padding: 0;
}
/********************************************************************************/
/****************************section1********************************************/
/*********************je touche aux trois icones contact acces et
    don***********/
/* je touche à ma section qui regroupe les 3 icones */
footer section {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  min-height: auto;
  margin: 0 auto;
  /* padding-top: 50px; */
}
footer section:first-child article a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* je touche aux noms des icones contact acces et don */
footer section article h2 {
  text-align: center;
  color: blue;
  margin: 20px;
}
/********************************************************************************/
/****************************section2********************************************/
/*je touche le bas du footer avec les listes et les liens
    sociaux****************/
/* je met en place le backgound img le bleu avec la fresque */
footer section:nth-child(2) {
  width: 100%;
  min-height: 45vh;
  padding-top: 50px;
  background-image: url("../images/icones/Footer_ecran_1-40b6fb203b68ba3ce87c0e6900bdaffd.webp");
  background-size: 100% 100%;
  background-position: bottom;
}
/* j'enleve les puces des listes */
footer section:nth-child(2) {
  ul {
    list-style: none;
    text-decoration: none;

  }
}
/* je touche à la couleur des a des liens */
footer section > a {
  text-decoration: none;
  color: blue;
}
/* je touche aux titres des icones */
footer section > h2 {
  text-decoration: none;
  color: blue;
}
/* je touche aux reseaux sociaux */
.liens_sociaux {
  display: flex;
  gap: 40px;
  
}
.liens_sociaux a:last-child{
  width: 100%;
text-align: center;
}
/* je touche à la second liste accueil a propos administratif */
.ctivitesList a {
  line-height: 1.5;
}
/* je touche aux listes dans le footer bleu */
.planSite {
  display: flex;
  width: 50%;
  justify-content: space-around;
}
/* je touche aux sous-activités afin de les décaler par rapport à Activités */
.sous_activites {
  padding-left: 20px;
}
/* je touche au copyright dans le footer */
a.aggrego-tech {
  display: flex;
  align-items: center;
  font-size: 50px;
  justify-content: center;
}
.Slide-AggregoTech{
  background-color: var(--couleur-primary);
  height: 40px;
  display: flex;
  width: 100%;
  position: relative;
  border-top: 2px solid white;
  overflow: hidden;
  
}
.Slide-AggregoTech img{
  position: absolute;
            top: 50%;
            left: 0%;
            transform: translate(0, -50%);
            min-width: 100%;
            /* min-height: 100%; */
}

/********************************************************************************/
/****************************responsive********************************************/
/* Styles pour les appareils mobiles */
@media only screen and (max-width: 768px) {
  footer {
    width: 100%;
    bottom: 0;
    position: relative;
  }
  /* je touche à la premier section qui englobe contact acces et dons */
  footer section:nth-child(1) {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 0;
    /* margin-top: 8vh; */
  }
  /* je touche le commum de article qui affecte contact acces et dons */
  footer section:nth-child(1) article {
    width: 30%;
    padding-top: 6vh;
  }
  /* je touche au icones de contact acces et dons */
  footer section:nth-child(1) article svg {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 80px;
  }
  /* je touche aux icones des réseaux sociaux en flex sur mobile */
  .liens_sociaux {
    display: flex;
    justify-content: space-between;
    align-items: center;
    order: -1;
  }
  /* je touche à ma boite de mes listes à gauche */
  .planSite {
    height: 160px;
    margin-bottom: 40vh;
    width: 90%;

  }
  /* je met en place le backgound img le bleu avec la fresque */
  footer section:nth-child(2) {
    background-image: url("../images/icones/footer_tablette_1-c92fae16dbba823adc0393e8ebcfcccf.webp");
    height: 380px;
  }
  /* je touche la version mobile */
  @media only screen and (max-width: 425px) {
    footer section:nth-child(2) {
      height: 400px;
      background-image: url("../images/icones/footer_Mobile_3-a31ba5766d07f6c1f75648d1a5a8ba4e.webp");
    }
  }
}