@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); } /* Move left */
  50% { transform: translateX(5px); }  /* Move right */
  75% { transform: translateX(-5px); } /* Move left */
  100% { transform: translateX(0); }
}
@keyframes flip {
  0% { transform: scaleX(-1); }
  100% { transform: scaleX(1);}
}


/* BOUTON TICKETING */
#btn-ticketing {
    background-color: transparent;
    position: absolute; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 85px;
    top: 22px;
    z-index: 999;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    color: white;    /* #007c7e; */
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700
}

#btn-ticketing svg {
    width: 30px;
    height: 30px;
    font-size: 28px;
    -webkit-transition: opacity 150ms cubic-bezier(0.785,0.135,0.15,0.86) 100ms,-webkit-transform 250ms cubic-bezier(0.785,0.135,0.15,0.86) 150ms;
    transition: opacity 150ms cubic-bezier(0.785,0.135,0.15,0.86) 100ms,-webkit-transform 250ms cubic-bezier(0.785,0.135,0.15,0.86) 150ms;
    transition: transform 250ms cubic-bezier(0.785,0.135,0.15,0.86) 150ms,opacity 150ms cubic-bezier(0.785,0.135,0.15,0.86) 100ms;
    transition: transform 250ms cubic-bezier(0.785,0.135,0.15,0.86) 150ms,opacity 150ms cubic-bezier(0.785,0.135,0.15,0.86) 100ms,-webkit-transform 250ms cubic-bezier(0.785,0.135,0.15,0.86) 150ms
}

#btn-ticketing svg path {
    fill: white;              /* #007c7e; */ 
}

#btn-ticketing span {
    -webkit-transition: all 200ms cubic-bezier(0.785,0.135,0.15,0.86);
    transition: all 200ms cubic-bezier(0.785,0.135,0.15,0.86)
}

#btn-ticketing:hover i,#btn-ticketing:hover svg {
 
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
    opacity: 0;
    -webkit-transition: opacity 150ms cubic-bezier(0.785,0.135,0.15,0.86) 100ms,-webkit-transform 250ms cubic-bezier(0.785,0.135,0.15,0.86);
    transition: opacity 150ms cubic-bezier(0.785,0.135,0.15,0.86) 100ms,-webkit-transform 250ms cubic-bezier(0.785,0.135,0.15,0.86);
    transition: transform 250ms cubic-bezier(0.785,0.135,0.15,0.86),opacity 150ms cubic-bezier(0.785,0.135,0.15,0.86) 100ms;
    transition: transform 250ms cubic-bezier(0.785,0.135,0.15,0.86),opacity 150ms cubic-bezier(0.785,0.135,0.15,0.86) 100ms,-webkit-transform 250ms cubic-bezier(0.785,0.135,0.15,0.86)
}

#btn-ticketing:hover span {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
    -webkit-transition: all 200ms cubic-bezier(0.785,0.135,0.15,0.86) 150ms;
    transition: all 200ms cubic-bezier(0.785,0.135,0.15,0.86) 150ms
}

/* BOUTON MENU */

#menu_btn {
   position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 25px;
    top: 22px;
    z-index: 999;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    color: #007c7e;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700
}

#menu_btn  .square-table {
  border-collapse: collapse; /* pour éviter les doubles bordures */
  width: 40px; /* largeur globale du tableau selon la largeur viewport */
  table-layout: fixed; /* fixe la taille des colonnes */
}

#menu_btn .square-table td {
  border: 0px solid black;
  width: 10px; /* 3 colonnes donc 100/3 = ~33.33%, mais ici fixe à 20% pour marge */
  height: 5px;
  padding: 0; /* supprimer le padding pour mieux contrôler la taille */
  /* aspect-ratio: 1 / 1;  */ /* clé pour rendre la cellule carrée */
  font-size: 12px;
  font-family: 'Arial';
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color:White;
}
#menu_btn .square-table:hover {
    background-color: transparent;
    animation: flip 1s ;
}