#illicosearch-search{border:none; border-radius:25px; width: auto; padding: 13px 20px; min-width: 30%;
background: rgba(255,255,255,.5); position:relative}
/* #illicosearch-search:after { display:inline-block; font-size: var(--e-icon-list-icon-size); */
  /* width: 1.25em;  content:"\f002"; font-family: "Font Awesome 5 Free"; */
  /* font-weight: 900; font-style: normal; position:relative; */
  /* font-variant: normal;  text-rendering: auto;  line-height: 1;} */
.suggestionrecherche{   display:block; margin:15px 0}
.suggestionrecherche *{  color:#fff }
.suggestionrecherche p{  display: inline-block; padding:5px 10px; cursor: pointer}
.titlerecherche{   color: black;}
.articlerecherche{   border: 1px groove rgb(192 190 190);    border-radius:10px;
    margin:10px 0;   display: flex;   flex-direction: row;}
.articlerecherche:hover .titlerecherche{   color: #FFF;}
.articlerecherche:hover .html{   color:#fff;}
.articlerecherche .date{   display:flex;    gap: 10px;  color: #6199b2;  font-weight:700;}
.articlerecherche .html{   font-weight:400;   color:#fff;}
.imagerecherche {   max-height: 100%;   max-width: 200px;   min-width: 180px
}

.titlerecherche{   color: #fff;   font-weight: 750;}
.articlerecherche .header1{   display: flex; flex-direction: row;
    align-items:center;  padding: 10px;}
.articlerecherche .header2{   padding: 10px;}

@media (max-width: 640px) {
    .articlerecherche{display: block; }
    .articlerecherche .header1{ display: block; }
    .articlerecherche .header2{ display: block;  width: 100%}
    .titlerecherche{margin: 0}
.articlerecherche .html{ font-size: 14px}
}