.logo-xolia {
    position: absolute;
    top: -20px;
    left: -10px;
    width: 65px;
    height: auto;
    border-radius: 0.6rem;
    background-color: #000000e8;
    box-shadow: 0 0 0.2rem black;
	border: 2px solid #ffffffdb;
}

.logo-xolia-center {
  position: absolute;
  top: 2px;                /* dépasse vers le haut */
  left: 50%;                 /* se cale au milieu */
  transform: translateX(-50%); /* centre exact */
  width: 65px;
  height: auto;
  border-radius: 0.6rem;
  background-color: #000000e8;
  box-shadow: 0 0 0.2rem black;
  border: 2px solid #ffffffdb;
}


.logo-xolia2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 65px;
    height: auto;
    border-bottom-right-radius: 1rem;
    /* border-bottom-left-radius: 1rem; */
    background-color: #000000e8;
    box-shadow: 0 0 0.2rem #6f5858;
	z-index:3000;
    /* border: 2px solid #ffffffdb;*/
}

.xolia_small_logo
{
	position: absolute;
	top: 2px;
	left: 47%;
	transform: translateX(-50%);
	width: 40px;
}

.xolia_center_logo {
  width: 60px;
  margin: auto;
  /*animation: pulse 2s infinite ease-in-out;*/
}

.xolia_small_logo_left
{
	position: absolute;
	top: 2px;
	left: 18px;
    width: 40px;
}

@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.offcanvas-body ul li a {
  display: block;             /* occupe toute la largeur */
  padding: 0.6rem 0;          /* espace vertical */
  font-size: 1.05rem;         /* texte un peu plus lisible */
}

.offcanvas-body ul li {
  margin-bottom: 0.3rem;      /* petit espace entre les lignes */
}

#categories-list,
#contenuCarteRestaurant {
  padding-bottom: 100px; /* ou la hauteur de ton menu bas */
}

#produits-list {
	padding-bottom: 120px; /* ou la hauteur de ton menu bas */
}