.liste{width:31%;min-width:310px;max-width:380px;display:inline-block;background:#fff;margin:10px;height:190px;padding:10px;font-size:15px;border-radius: .25rem;}
.liste:hover{background:rgba(17,142,255,0.20);color:#333 !important;}
.liste img{margin-bottom:70px;float:left;margin-right:20px;width:50px;height:50px;object-fit:cover;border:3px solid #fff;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
.liste div{float:left;display:inline-block;width:280px;min-height:40px;
         white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.loc-h{width:70% !important;}
.liste div.img{float:left;background:#fff;margin-right:20px;width:50px;height:50px;display:block;border-top-left-radius:10px;}

.liste span{font-size:12px;}
.no-img{margin-bottom:10px;float:left;margin-right:20px;width:50px;height:50px;object-fit:cover;background:whitesmoke;border:3px solid #fff;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}

#picBoxdiv{width:110px;height:110px;display:inline-block;background-color:whitesmoke;padding:5px;}
         #picBox{width:100px;
                  height:100px;
                  background-color:gray;
                  padding:5px;
                  background-size:100% 100%;
         }
.excl{display:inline-block;margin:5px;padding:10px;border:1px solid #333;font-size:14px;}
.excl:hover{border:1px solid #118EFF;}

@media only screen and (min-width:501px) and (max-width:1300px){
         .liste img{margin-bottom:5px !important;}
         .liste div{display:block;width:100%;margin-top:3px;}
}
@media only screen and (max-width:500px){
         .liste{width:100%;min-width:100%;display:block;margin:10px 0;margin-left:10px;height:190px;padding:10px;font-size:18px;border:none;border-radius:0px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
         .liste img{margin-bottom:5px;}
         .liste div{display:block;width:100%;margin-top:3px;}
}