/* V251.2.151.57 — Association / Commissions : gabarit mobile aligné sur Territoire
   Référence globale : carte « Lien parents-école ».
   Référence titre -> filet : « Commission communication ».
   Aucun asset modifié : uniquement la composition HTML/Nunito. */
#page-asso .asso-comm-v15139-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px 24px;
  max-width:1080px;
  margin:0 auto;
  align-items:start;
}
#page-asso .asso-comm-v15139-card{
  container-type:inline-size;
  position:relative!important;
  isolation:isolate;
  width:100%;
  aspect-ratio:1122/1402;
  min-width:0;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}
#page-asso .asso-comm-v15139-card:hover{transform:none!important;box-shadow:none!important}
#page-asso .asso-comm-v15139-art{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  user-select:none;
  pointer-events:none;
  filter:drop-shadow(0 8px 11px rgba(48,58,42,.085));
}
/* Zone de texte commune : mêmes marges sur les six cartes. */
#page-asso .asso-comm-v15139-copy{
  position:absolute;
  z-index:2;
  top:25.10%;
  left:10%;
  width:80%;
  box-sizing:border-box;
  color:#173f2a;
  text-align:center;
  font-family:'Nunito',sans-serif;
}
/* Le titre commence à la même hauteur sur chaque carte.
   Le filet est désormais dans le flux : son écart sous la dernière ligne est identique,
   que le titre fasse une ou deux lignes. */
#page-asso .asso-comm-v15139-copy h3{
  box-sizing:border-box;
  width:100%;
  margin:0 auto;
  padding:0;
  display:block;
  position:relative;
  color:#123d27!important;
  font-family:'Nunito',sans-serif!important;
  font-size:clamp(19px,5.9cqw,22px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.016em;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}
#page-asso .asso-comm-v15139-copy h3::after{
  content:'';
  position:static;
  display:block;
  width:38%;
  height:2px;
  margin:.46em auto 0;
  border-radius:999px;
  background:rgba(57,103,67,.72);
}

#page-asso .asso-comm-v15139-copy h3.is-two-lines{line-height:1.02!important}
#page-asso .asso-comm-v15139-copy h3.is-two-lines .line{display:block}
#page-asso .asso-comm-v15139-copy p{
  margin:.84em auto 0!important;
  width:78%;
  color:#253a30!important;
  font-family:'Nunito',sans-serif!important;
  font-size:clamp(14px,4.05cqw,15.5px)!important;
  font-weight:600!important;
  line-height:1.46!important;
  letter-spacing:0!important;
  text-wrap:pretty;
  text-shadow:0 1px 0 rgba(255,255,255,.82);
}
@media(min-width:761px) and (max-width:1023px){
  #page-asso .asso-comm-v15139-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:760px;
    gap:26px 24px;
  }
}
@media(max-width:760px){
  #page-asso #asso-comm-grid img.asso-comm-v15139-art{filter:none}
  #page-asso .asso-comm-v15139-grid{gap:18px!important;padding-left:0!important;padding-right:0!important}
  #page-asso .asso-comm-v15139-grid>.asso-comm-v15139-card{
    flex:0 0 min(94%,382px)!important;
    scroll-snap-align:center;
  }
  #page-asso .asso-comm-v15139-copy{top:24.85%}
  #page-asso .asso-comm-v15139-copy h3{font-size:clamp(19px,5.95cqw,21.5px)!important}
  #page-asso .asso-comm-v15139-copy p{font-size:clamp(14px,4.1cqw,15px)!important;margin-top:.86em!important;width:78%!important}
}
@media(max-width:390px){
  #page-asso .asso-comm-v15139-grid>.asso-comm-v15139-card{flex-basis:96%!important}
  #page-asso .asso-comm-v15139-copy{top:24.75%;left:9.5%;width:81%}
  #page-asso .asso-comm-v15139-copy h3{font-size:clamp(18.5px,5.9cqw,21px)!important}
  #page-asso .asso-comm-v15139-copy p{font-size:clamp(13.5px,4.08cqw,14.5px)!important;line-height:1.45!important;margin-top:.88em!important;width:79%!important}
}
@media(prefers-reduced-motion:reduce){#page-asso .asso-comm-v15139-art{filter:none}}