.contentArea{
	/* width:250px; */
	position:relative;
	margin:0 auto;	
}
#inputSearch
{
	width:100%;
	height:44px;
	border:1px solid #cfd8ca;
	border-radius:10px;
	padding:0 48px 0 46px;
	color:#263126;
	background-color:#fff;
	background-image:none;
	box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 20px rgba(43,52,39,.07);
}
#inputSearch:focus
{
	outline:none;
	border-color:#727571;
	box-shadow:0 0 0 3px rgba(114,117,113,.16),0 10px 24px rgba(43,52,39,.10);
}
#divResult
{	
	position:absolute;
	z-index: 1200;
	box-sizing:border-box;
	left:0;
	right:0;
	width:100%;
	min-height:0;
	max-height:min(520px,70vh);
	display:none;
	margin-top:8px;
	padding:8px;
	border:1px solid rgba(43,52,39,.12);
	border-radius:12px;
	overflow:hidden;
	overflow-y:auto;
	box-shadow:0 22px 54px rgba(24,33,20,.18),0 6px 18px rgba(24,33,20,.08);
	background:#fff;
}
#divResult::-webkit-scrollbar{width:10px;}
#divResult::-webkit-scrollbar-track{background:#f1f4ef;border-radius:10px;}
#divResult::-webkit-scrollbar-thumb{border:2px solid #f1f4ef;background:#aeb8aa;border-radius:10px;}
#divResult::-webkit-scrollbar-thumb:hover{background:#727571;}
.display_box
{
	/*modif ici ; border-top:solid 1px #dedede; */
	box-sizing:border-box;
	display:block;
	width:100%;
	min-height:64px;
	height:auto;
	padding:8px 10px;
	border-radius:8px;
	border:1px solid transparent;
	color:#263126;
	font-size:13px;
	line-height:1.35;
	transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;
}
.display_box:hover
{
	background:#f5f9f2;
	border-color:#dce8d6;
	color:#172213;
	box-shadow:0 8px 18px rgba(43,52,39,.08);
	transform:translateY(-1px);
	cursor:pointer;
}
.display_box img{
	border-radius:7px;
	background:#fff;
	border:1px solid #e1e7de;
	object-fit:contain;
}
.display_box .name{
	color:#1d2c19;
	font-size:13.5px;
	font-weight:700;
	line-height:1.3;
}
#divResult a{
	display:block;
	color:inherit;
	text-decoration:none;
}
.suggestion_img
{
	position:absolute;
	margin-left:356px;
	width:174px;
	height:174px;
}
.suggestion_img2{margin-top:174px}
.suggestion_img3{margin-top:348px}
/*.suggestion_img:hover{ background-color:red; }*/

#productList{
	box-sizing:border-box;
	width:100%;
	height: auto;
	background-color: #fff;
	margin-top: 8px;
	border:1px solid rgba(43,52,39,.12);
	border-radius:12px;
	box-shadow:0 22px 54px rgba(24,33,20,.18),0 6px 18px rgba(24,33,20,.08);
	overflow:hidden;
}
.search-item{
	box-sizing:border-box;
	width:100%;
	height: auto;
	border-bottom: 1px solid #edf1eb;
	background:#fff;
	transition:background .14s;
}
.search-item:hover{
	background:#f5f9f2;
}
.search-item svg{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

#productList .search-item a{
	display: grid;
	grid-template-columns: 72px minmax(0,1fr) auto;
	align-items: center;
	gap:16px;
	min-height: 92px;
	height: auto;
	padding: 12px 16px;
	color:#263126;
	text-decoration:none;
}
#productList .search-item img{
	width: 72px;
	height: 72px;
	object-fit:contain;
	border:1px solid #e1e7de;
	border-radius:8px;
	background:#fff;
}

#productList .search-item .content{
	min-width:0;
	font-size: 14px;
	font-weight:700;
	line-height:1.35;
	color:#1d2c19;
	align-items: flex-start;
}

#productList .search-item .price{
	font-size: 15px;
	font-weight: bold;
	color: #4f8c2d;
	white-space:nowrap;
}