/* 2. La zone de texte sur la pancarte */
#card_postit {
  position: relative;
    text-align: center;
}

#card_postit {
  position: relative;
    text-align: center;
}

#card_postit>.pancarte-text {
  position: absolute;
  /* ASTUCE : On définit que la zone de texte fait 55% de la hauteur totale (la taille de la pancarte) */
  width: 100%;
  /* Centrage Flexbox */
  display: flex;
  flex-direction: column;
  /* Les lignes l'une sous l'autre */
  justify-content: center;
  /* Centre verticalement DANS la zone des 55% */
  align-items: center;
  /* Centre horizontalement */

  /* Marges de sécurité pour ne pas toucher les bords de la pancarte */

  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);

  font-size: 1.3em !important;

  box-sizing: border-box;

}

/* 3. Style du texte ajusté pour la colonne is-4 */
#card_postit>.pancarte-text p {
  margin: 2px 0;
  margin-top: 25px;
  /* Réduit l'espace entre les lignes */
  color: #000;
  /* Noir (ou #363636 pour le gris foncé Bulma) */
  font-weight: 600;
  text-align: center;
  line-height: 2.5;
}

/* Ajustement pour mobile (quand Bulma passe en colonne unique) */
@media screen and (max-width: 768px) {
  #card_postit>.pancarte-text {
    font-size: 1.5em;
     transform: translate(-50%, -25%);
  }

}