.header h2{
   margin-bottom: 30px;
}
.query-recherche img{
   text-align: right;
}
.query-recherche #search-input {
  min-width: 500px;
  transition: all 0.3s;
  outline: 0;
  border-bottom: 4px solid transparent;
  vertical-align: middle;
  padding: 8px 100px 8px 35px;
  border-image-slice: 50 70!important;
  border-image-width: 4;
  cursor: auto;
}
.query-recherche #search-input + #search-button, .query-recherche #search-input + #search-button {
   display: inline-block;
   margin-left: -95px;
   padding: 4px 0;
}
.query{
   padding-top: 80px;
   padding-bottom: 80px;
}
.menu_principal .search{
   display: none;
}
.query-item, .query-nope{
   margin-bottom: 40px;
   list-style: none;
}
.query-item h3{
   margin-bottom: 10px;
}
.query-item i.template{
   font-size: 14px;
   display: inline;
   margin-left: 10px;
}
.query-item i.template:before{
   content: '/';
   margin-right: 10px;
}
.query-item:hover{
   color: var(--gris-bleu)!important;
}
.query-item:hover h3 span:not(.template){
   filter: var(--filter-gris-bleu);
   border-image-slice: 45 55!important;
}
.query-item:hover:before{
   filter: var(--filter-gris-bleu);
}
.query-item:before{ 
   content:'';
   background:url('../../../assets/graphics/fleches/fleche-1.png') no-repeat;
   background-size: contain;
   display: inline-block;
   position: relative;
   top: 20px;
   right: 30px;
   vertical-align: middle;
   margin-right: 5px;
   width: 12px;
   height: 12px;
}
@media screen and (max-width: 60rem){
   .query-recherche #search-input {
      min-width: 70vw;
   }
   .query-item{
      padding-left: 20px;
   }
   .query{
      padding-top: 40px;
      padding-bottom: 40px;
   }
}