.subMenuBubulle {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
  padding: 1px;
  justify-content: center; /* Centre les éléments horizontalement */
  margin: 0 auto; /* Centrage du conteneur si nécessaire */
}

.subMenuBubulleItem {
  flex: 0 0 auto;
  border-radius: 10px;
  margin-right: 4px;
  width: 77px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 1; /* Permet aux éléments de se rétrécir si nécessaire */
}

.subMenuBubulleItem a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  text-align: center;
  width: 100%;
  height: 100%;
}

.subMenuEmoji {
}





.miniMenu{
  text-align: left;
  padding: 4px;
  padding-left: 7px;
  margin-top: 12px;
  border-radius: 3px;
  font-size: 11px;
  display: flex;
  align-items: center;
  font-weight: bold;
}



/*******************************/ 
/*                             */
/*        SUB MENU             */
/*                             */
/*******************************/


.subMenu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    margin: 0 auto;  
}

.subMenu .subMenuItem {
    padding-top:    3px;
    padding-bottom: 3px;

    padding-left:  12px;
    padding-right: 12px;
    border-radius: 7px;
    width: 83px;
    text-align: center;
    display: flex;
    flex-direction: column; /* Permet d'empiler les éléments */
    justify-content: center; /* Centre verticalement */
    align-items: center; /* Centre horizontalement */
}

.subMenu .selected {
    background-color: var(--box-sobre);
}


.subMenu .subMenuName {
    font-size: 11px;
    margin-top: -1px;
    padding-top: 4px;
    line-height: 0.9;
    color: var(--text-color-sobre);
    white-space: nowrap;
}


/*
.subMenu .subMenuItem:hover {
    background-color: #eeeeee;
    transition: all 0.2s ease-in;
}
*/


.mojilove {
 border-radius: 7px;
}

.mojilove:hover {
}


.subMenuEmoji {
    font-size: 19px;
    color:grey;
    filter: grayscale(20%);
}

.subMenuBigEmoji {
    font-size: 30px;
    color:grey;
    filter: grayscale(10%);
}


.subbar_area {
    display: flex;
    justify-content: center;
}

.subbar {
    /* width:  100%; */
    text-align: center;
    padding: 3px;
    padding-left:  7px;
    padding-right: 7px;
    margin-bottom: 7px;
    border-radius: 6px;
}

.commeUnLien  {
     cursor:pointer;
}

.commeUnLien:hover  {
     cursor: pointer;
     webkit-filter: brightness(110%); 
     color: black; 
 }

.selectedMenuItem {
    background-color: PeachPuff;
    font-weight: bord;
    color: black;
}




/* Ya les menu, les submenu et les Sub Sub Menu ! */

.subsubmenu           {  text-align: right; }
.subsubmenu a         {  color: var(--text-color-sobre); }
.subsubmenu a:visited {  color: var(--text-color-sobre); }

.subsubmenu .item {
    margin-left: 12px;
}

.subsubmenu .selected {
    font-weight: bold;
}



/*******************************/ 
/*                             */
/*        Pagination           */
/*                             */
/*******************************/

.pagination {
    margin-top: 21px;
}

.pagination           {  text-align: center; }
.pagination a         {  color: var(--text-color-sobre); }
.pagination a:visited {  color: var(--text-color-sobre); }