@media screen and (max-width: 768px) {
    
    .wp-block-column.is-layout-flow {
     display:block!important;
  }
 nav.wp-block-navigation.colleft {
    padding-left: 0 !important;
}
  /* Style du bouton Menu */
  .colleft.wp-block-navigation.is-vertical .wp-block-navigation__responsive-container-open {
    width: 100%;
    background-color: var(--wp--preset--color--accent-3);
    color: var(--wp--preset--color--base);
    font-weight: 700;
    text-align: center;
    padding: 1rem;
    border: none;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
  }
  /* Conteneur de la barre MENU + X */
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--wp--preset--color--accent-3);
    padding: 0.75rem 1rem;
    border:none;
  }

  /* Titre "MENU" */
  .wp-block-navigation__responsive-dialog::before {
    content: "MENU";
    font-weight: bold;
    color: var(--wp--preset--color--base);
    font-size: 1rem;
  }
.wp-block-navigation__responsive-container-open {
 /*   font-size: 0!important; /* Cache le texte original */
    position: relative;
  }


  /* Bouton close (remplace le texte par X) */
  .wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--accent-3);
    background: none;
    border: none;
    font-size: 2.2rem;
    font-weight: bold;
    cursor: pointer;
  }

  /* Remplacer texte "Close" par "×" 
  .wp-block-navigation__responsive-container-close::before {
    content: "×";
     font-size: 1.2rem;
    font-weight: bold;
    
  }
*/
  .wp-block-navigation__responsive-container-close span {
    display: none;
  }
  /* position sous-menu */
  .wp-block-navigation__responsive-dialog {
      margin-top: -20px !important;
  }
 .wp-block-navigation__responsive-dialog ul {
  margin-top: -20px !important;
 }
 /* footer */
 .wp-block-site-logo {
     align-self:center;
 }
 .footcoldeux, .footcoltrois, .wp-block-buttons, .footmap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

 .footadress, .footetel, .footcoldeux h5, .footcoltrois h5, .btninscription  {
 align-self:center;
 }
/* mise en page breadcrumb articles */
.wp-block-template-part {
    margin-top:90px;}
}
}