/* 1) Le wrap Kadence doit étirer TOUTES les colonnes à la même hauteur */
.wp-block-kadence-rowlayout .kt-row-column-wrap {
  align-items: stretch !important; /* clé pour égaliser */
}

/* 2) Chaque colonne "colonne-info" devient un conteneur flex vertical */
.wp-block-kadence-column.colonne-info {
  display: flex !important;
  /* pas de height ici, on laisse le wrap nous étirer */
}

/* 3) L'inner (où sont le fond/padding) prend 100% de la hauteur
      et répartit le contenu haut/bas */
.wp-block-kadence-column.colonne-info > .kt-inside-inner-col {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;  /* pousse le bas au fond */
  flex: 1 1 auto;                  /* occupe toute la hauteur donnée par le wrap */
}

/* (optionnel) si Kadence imbrique un inner dans un inner, on couvre aussi ce cas */
.wp-block-kadence-column.colonne-info > .kt-inside-inner-col > .kt-inside-inner-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
}
.no-visible { display: none !important; }
/* Rendre FR/EN cliquables visuellement */
.lang-switch .fr-toogle,
.lang-switch .fr-toggle,
.lang-switch .en-toogle,
.lang-switch .en-toggle {
  cursor: pointer;
  user-select: none;            /* évite la sélection de texte */
  -webkit-user-select: none;
}

/* bonus : feedback d’interaction */
.lang-switch .fr-toogle:hover,
.lang-switch .fr-toggle:hover,
.lang-switch .en-toogle:hover,
.lang-switch .en-toggle:hover {
  text-decoration: underline;
}

/* accessibilité clavier si ce ne sont pas des <button> */
.lang-switch .fr-toogle:focus-visible,
.lang-switch .fr-toggle:focus-visible,
.lang-switch .en-toogle:focus-visible,
.lang-switch .en-toggle:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* style “actif” optionnel */
.fr-toogle.actif, .fr-toggle.actif,
.en-toogle.actif, .en-toggle.actif { text-decoration: underline; }

.actif{
  color: #00a79d !important;
}

@media (max-width: 1420px) {
.responsive-nav{
    padding-right: 50px !important;
    padding-left: 50px !important;
    padding-bottom: 20px !important;
}
.wp-block-post-content{
     padding-left: 0px !important;
    padding-right: 0px !important;
}
.button-nav{
    padding: 0px;
}
.button-nav a{
    padding: 0px;
}
.wp-block-button.button-nav .wp-block-button__link,
.wp-block-buttons .button-nav .wp-block-button__link{
  padding: 20px !important;
  min-height: 0;         /* au cas où un min-height gonfle le bouton */
  line-height: 1.2;      /* optionnel : compacter la hauteur */
}

}
@media (max-width: 1220px) {
.kb-row-layout-idiaf__footer_367e69-4b > .kt-row-column-wrap{
    padding-left: 40px !important;
    padding-right: 40px !important;
}
}
@media (max-width: 599px) {
.responsive-nav{
    padding-right: 50px !important;
    padding-left: 50px !important;
    padding-bottom: 20px !important;
}
.intro {
        padding-right: 20px !important;
    padding-left: 20px !important;
    padding-bottom: 20px !important;
}
.entry-content{
    padding: 0px !important;
}
.intro-text{
    margin-bottom: 20px !important;
}
.kt-inside-inner-col{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 15px !important;
}
.colonne-info {
        padding-right: 20px !important;
    padding-left: 20px !important;
    padding-bottom: 20px !important;
}
.colonne-donner{
   padding-right: 20px !important;
    padding-left: 20px !important; 
}
.nav-footer{
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
}
.footer-align{
    justify-content: center !important;
     align-items: center !important;
}
.Formulaire-contact{
   padding-right: 20px !important;
    padding-left: 20px !important;  
}
}