@charset "UTF-8";
/* CSS Document */
.layoutnew{
	display: block;
	position: relative;
	overflow-y:scroll;
}
/* Super-catégories */
.supercats {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.supercat-item {
  padding: 6px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  color: #666;
  text-decoration: none;
  background: #fff;
}
.supercat-item.actif {
  background: #f0f0f0;
  color: #111;
  border-color: #888;
  font-weight: 500;
}

/* Items catégories */
.menu-item {
  display: block;
  padding: 5px 10px;
  color: #666;
  text-decoration: none;
  border-left: 2px solid transparent;
  border-radius: 0 6px 6px 0;
}
.menu-item:hover {
  background: #f5f5f5;
  color: #111;
}
.menu-item.actif {
  color: #111;
  border-left-color: #333;
  background: #f0f0f0;
  font-weight: 500;
}

/* Groupes (feuilles) */
.menu-groupe {
  display: block;
  float: left;
  width: 60px;
  min-height: 40px;
  padding: 4px 10px;
  font-size: 13px;
  color: #666;
  text-decoration: none;
  border-radius: 6px;
  border:rgba(113,113,113,1.00) thin solid;
	text-align: center;
	line-height: 36px;
	margin: 2px;
}
.menu-groupe:hover   { background: #f5f5f5; color: #111; }
.menu-groupe.actif   { color: #111; font-weight: 500; }
	
	/* Super-catégories — style onglets en haut */
.menu-supercats {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.supercat-item {
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 20px;   /* pill */
  color: #666;
  text-decoration: none;
  font-size: 13px;
  background: #fff;
}
.supercat-item.actif {
  background: #333;
  color: #fff;
  border-color: #333;
  font-weight: 500;
}
.supercat-item:hover {
  background: #f0f0f0;
  color: #111;
}