body::before {
  content: "";
  position: absolute;
  
  inset: 0;
  background-image: url('https://media.cdnws.com/_i/418540/60/191/60/background.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  background-position: center;
  opacity: 0.1;
  z-index: -10;
  pointer-events: none;

}


.img_radius img{border-radius:20px;}
.img_radius_all > img{border-radius:20px;}


.nos_actions {width:60%;}
.nos_actions > div > picture{opacity:0.65;}
.nos_actions > div:first-child{border-radius:20px;}

.nos_actions2 picture{opacity:0.65;}
.nos_actions2 div{border-radius:20px;}


.kpi {
  position: relative;
  overflow:hidden;
  border-radius:20px;
}
.kpi::before{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-image: url('https://media.cdnws.com/_i/418540/47/1711/47/jardinerie.png');
  background-size: cover;
  background-position: center;
  opacity:0.65;
}
/*.kpi > *:first-child {background-color:transparent;}*/
.kpi > div:first-child {background-color:transparent;}
.kpi span {height:80%; top:50%; transform:translateY(-50%); border-radius:20px;}

/*
.menu_cat {
    align-items: baseline;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    text-decoration: none;
    justify-content: center;
}
.menu_cat > a {
    align-items: center;
    background-color: white;
    border: 1px solid black;
    border-radius: 10rem;
    color: black;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 5px 15px;
    margin: 5px;
    scroll-snap-align: start;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
}
*/

/* Le span qui contient les liens */
.menu_cat {
  display: inline-block; /* Permet à text-align: center du parent de le centrer */
  max-width: 100%; /* TRÈS IMPORTANT : S'assure que le span ne déborde pas de son parent
                      et qu'il utilise au maximum 100% de la largeur disponible. */
  overflow-x: auto; /* Active le défilement horizontal si le contenu dépasse */
  white-space: nowrap; /* Empêche les liens de passer à la ligne */
  /* Optionnel : pour cacher la barre de défilement visuellement tout en permettant le scroll */
  /* -ms-overflow-style: none;  // Pour Internet Explorer et Edge */
  /* scrollbar-width: none;     // Pour Firefox */
  /* &::-webkit-scrollbar {      // Pour Chrome, Safari, Opera */
  /*   display: none; */
  /* } */
  /* Ajoutez un peu de padding en bas si la barre de défilement est visible, pour éviter qu'elle ne coupe le contenu */
  padding-bottom: 5px; /* Ajustez si nécessaire */
  box-sizing: border-box; /* S'assure que le padding n'ajoute pas de largeur */
}

/* Styles pour les liens à l'intérieur du span */
.menu_cat a {
  display: inline-block; /* Pour qu'ils puissent avoir du padding et des marges */
  white-space: normal; /* Permet au texte DANS le lien de s'enrouler s'il est trop long */
  padding: 8px 15px; /* Exemple de padding, ajustez selon votre design */
  margin: 0 5px; /* Exemple de marge entre les liens */
  text-decoration: none; /* Enlève le soulignement des liens */
  color: #333; /* Couleur du texte */
  /*background-color: #f0f0f0; /* Couleur de fond */
  border: 1px solid black;
  border-radius: 10rem; /* Bords arrondis */
  font-size: 1.25rem; /* Taille de police par défaut */
}

/* Styles spécifiques pour les écrans mobiles (par exemple, moins de 768px de large) */
@media (max-width: 768px) {
  .menu_cat {
    display: flex;             /* On passe en flexbox pour mieux gérer l'alignement et le wrap */
    flex-wrap: wrap;           /* Permet aux éléments de passer à la ligne */
    justify-content: center;   /* Centre les éléments sur chaque ligne */
    white-space: normal;       /* Annule le nowrap, les éléments peuvent passer à la ligne */
    overflow-x: hidden;        /* Désactive le défilement horizontal sur mobile */
    padding-bottom: 0;         /* Plus besoin de padding pour la scrollbar */
  }

  .menu_cat a {
    font-size: 14px;           /* Taille de police légèrement réduite pour mobile */
    padding: 6px 10px;         /* Ajuste le padding */
    margin: 5px;               /* Ajoute un peu de marge verticale entre les liens quand ils wrapent */
  }
}



.retour_boutique { color:black; }
.retour_boutique::before { content:'< retour BOUTIQUE'; }

.new-bloc .bloc a, .new-bloc .bloc a span, body.body .wiziblocks__item a {
    text-decoration: none;
    font-size:1.25rem;
}

.sidebar__link { font-weight:500; }
.list-top__sidebar { display:none; }

.bordure_simple { border:1px solid black; }

.link-no-underline { color:black; }

.body__wrapper { padding-bottom: 20px; }
.wiziBtn__wrapper { justify-content: center; }

#footer__newsletter { display:none; }

/* SANS INTERET car pas possible de le rendre cliquable .breadcrumbs__here::before{content:'TOUS LES PRODUITS > '} */