.grid-menus {
	display: grid;
	grid-template-columns: 5% 90% 5%;
	grid-template-rows: 100%;
	
	position: fixed;
	top: 0;
	width:100%;
	height: 50px; /*auto;*/
	gap:10px;
	justify-content: center;
	padding-top:9px;
	background-color: var(--vert-fonce);
	z-index: 20;
/*	border: 1px solid red;*/
}

/********** grid_menus_vide **********/

.grid_menus_vide {
	grid-column: 1 / span 1;
	grid-row: 1 / span 1;
}

/********** grid_menus_item **********/

.grid_menus_item {
	grid-column: 2 / span 1;
	grid-row: 1 / span 1;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:0px;
	font-size:1.1rem;
	font-weight: 500;
	margin: auto;
}

.grid_menus_item a {
	text-decoration: none;
	color: var(--arriere_plan);
	
    display: inline-block;
    position: relative;
}

.grid_menus_item a::after {
    content: "";
    display: block;
    margin: auto;
    height: 2px;
    width: 0;
    top: 5px;
    background: transparent;
    transition: all 0.3s;
}

.grid_menus_item > a:hover::after, .grid_menus_item > a.active-nav::after {
  width: 100%;
  background: var(--arriere_plan); //#234F63;//white;
}

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .6;
  cursor: default !important;
  pointer-events: none;
}

/********** grid_menus_panier **********/

.grid_menus_panier {
	grid-column: 3 / span 1;
	grid-row: 1 / span 1;
	
	display: flex;
	justify-content: right;
	padding-bottom:5px;
	padding-right:10px;
	min-width: 31px;
}

.grid_menus_panier:hover .popup {display: block;}


.menu_panier_qte {
	display: flex;
	position: relative;
	background-color: red;
	color:white;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	aspect-ratio: 1 / 1;
	font-size:0.75rem;
	align-items: center;  
	justify-content: center;
	margin-left:-10px;
}