/** @format */
.font-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200; /* ajustez selon la disponibilité */
}

.font-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}

.font-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.font-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

.font-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.font-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 900; /* ou le poids maximum disponible */
}
body main {
  height: fit-content;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 6em;
}

main h1 {
  display: inline-block;
}

p {
  padding: 5%;
}

h2 {
  font-size: 17px;
 
}
.font-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200; /* ajustez selon la disponibilité */
}

.font-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}

.font-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.font-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

.font-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.font-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 900; /* ou le poids maximum disponible */
}
/* h2.activites-sociocult2 {
  color: var(--couleur-primary);
  margin-top: 18%;
}
h2.activites-sociocult3 {
  color: var(--couleur-primary);
  margin-top: 18%;
} */
/* h2.activites-sociocult {
  display: flex;
} */

.activites-enfances {
  color: var(--couleur-accent-un);
}
.activites-jeunes {
  color: var(--couleur-accent-deux);
}
.activites-famille {
  color: var(--couleur-accent-trois);
}
.activites-adultes {
  color: rgba(204, 102, 204, 1);
}
.activites-sociocult {
  color: var(--couleur-primary);
}
.span-wrap {
  width: 113%;
}
.articles {
  
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 20px;

}

.articles article {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 auto;
  min-width: 30%;
  

}
.activiteAge{width:100%;
  display: block;
  text-align: center;
}

/* .articles article img {
  display: block;
  /* width: 90%; */
  /* height: 90%; */
  object-fit: contain;
  margin: 0 auto;
} */

.articles > * {
  
}


/* les liens */
.articles a {
  text-decoration: none;
}

.letterA {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 2em;
  line-height: 80px;
}

.letterC {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 2em;
  line-height: 80px;
}

.letterT {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 2em;
  line-height: 80px;
}

.letterI {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 2em;
  line-height: 80px;
}

.letterV {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 2em;
  line-height: 80px;
}
.letterI2 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 2em;
  line-height: 80px;
}
.letterT2 {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 2em;
  line-height: 80px;
}
.letterE {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 2em;
  line-height: 80px;
}

.letterS {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-size: 2em;
  line-height: 80px;
}

.activites-enfances .age-range {
  color: var(--couleur-accent-un);
  font-family: "Poppins", sans-serif;
  /* font-weight: 900; */
  font-size: 1.5em; /* Ajustez la taille de la police selon vos besoins */
}

.activites-jeunes .age-range {
  color: var(--couleur-accent-deux);
  font-family: "Poppins", sans-serif;
  /* font-weight: 900; */
  font-size: 1.5em; /* Ajustez la taille de la police selon vos besoins */
}

/* 
.activsociocult {
  color: #0a3cdd;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
} */

/* .activ {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 310px;
  column-gap: 0.2rem;
} */
/* .actsocio {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 310px;
  column-gap: 0.2rem;
} */
/* .cult {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 310px;
  column-gap: 0.2rem;
} */

.articles article img {
  display: block;
  /* width: 90%;
  height: 90%; */
  object-fit: contain;
  margin: 0 auto;
}

/* bouton remonter */
.button-scroll {
  width: 40px;
  height: 70px;
  position: sticky;
  bottom: 150px;
  left: 92%;
  border: none;
  cursor: pointer;
}


/***************************************responsive**********************************/

@media screen and (max-width: 768px) {
  /*
.image_socio {
    width: 100%;
  }
*/

 
}


/* Polices prises dans styleCommun */
/* @font-face {
  font-family: "Poppins-medium";
  src: url("../fonts/Poppins-Medium-d38951d30b1868a412050411fc95e78d.otf") format("opentype");
}
@font-face {
  font-family: "Poppins-bold";
  src: url("../fonts/Poppins-Bold-1f80138a13bb12a286ad115cd66cd97c.otf") format("opentype");
}
@font-face {
  font-family: "Poppins-semi-bold";
  src: url("../fonts/Poppins-SemiBold-45cc82f23fe1e38aae19e0afc44eeffa.otf") format("opentype");
}
@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins-Light-1a49c40a1692644066148932bd56db85.otf") format("opentype");
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular-f429597f4b4e5abcad133a3b845eaf67.otf") format("opentype");
}
@font-face {
  font-family: "Poppins-Thin";
  src: url("../fonts/Poppins-Thin-e4f9ef22343f9f2c20e2ce9175bb1eed.otf") format("opentype");
}
@font-face {
  font-family: "Poppins-Extra-Bold";
  src: url("../fonts/Poppins-ExtraBold-9306f429ea8c5bd4c27feaead3a598b7.otf") format("opentype");
} */

/* Polices corrigées /syntaxe dans font-family (majuscules manquantes + tiret en trop) */
/* @font-face {
  font-family: "Poppins-Semibold";
  src: url("../fonts/Poppins-SemiBold-45cc82f23fe1e38aae19e0afc44eeffa.otf") format("opentype");
}
@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("../fonts/Poppins-ExtraBold-9306f429ea8c5bd4c27feaead3a598b7.otf") format("opentype");
} */

/* Polices rajoutees */
/* @font-face {
  font-family: "Poppins-Black";
  src: url("../fonts/Poppins-Black-c583136995e3ed8d9d6e788b1c0b66ef.otf") format("opentype");
}
@font-face {
  font-family: "Poppins-ExtraLight";
  src: url("../fonts/Poppins-ExtraLight-92af1203f2e50d2bb837492d3a4d0d29.otf") format("opentype");
} */

/* Graisses entremêlées des activités */
/* .font-thin {
  font-family: "Poppins-Thin";
}
.font-regular {
  font-family: "Poppins-Regular";
}
.font-medium {
  font-family: "Poppins-Medium";
}
.font-black {
  font-family: "Poppins-Black";
}
.font-light {
  font-family: "Poppins-Light";
}
.font-extralight {
  font-family: "Poppins-ExtraLight";
}
.font-bold {
  font-family: "Poppins-Bold";
}
.font-semibold {
  font-family: "Poppins-SemiBold";
}
.font-extrabold {
  font-family: "Poppins-ExtraBold";
} */