.publications--liste {
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    margin-bottom:20px;
    padding: 0 0 0 0;
    gap: 20px;
    flex-wrap: wrap;
}

.publications--item {
  margin: 0 0 5px 0;
  background-color: #FFF;
  
  overflow: hidden; 
  width:calc(50% - 20px);
  
  position:relative;
}



.publications--liste .publications--item {
    width:calc(50% - 20px);
}

.publications--item .publications--image {
    width:100%;
    height:360px;
    position:relative;
    border-radius: 5px;
    
    background-position:center;
    background-size:50%;
    background-repeat:no-repeat;
    background-image: url(../assets/logos/logo-header.png);    

}

.publications--item .publications--image picture {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.publications--item .publications--image picture img {
  width: 100%;
  border-radius: 5px;
  background-color: #fff;
}

@supports (object-fit: cover) {
  /* IF object-fit IS SUPPORTED */
  .publications--item .publications--image picture img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }
}



.publications--item .no-photo {

    background-color:#F6f6f6;

}

.publications--btns {

    z-index:99;
    display:flex;
    gap:15px;
    justify-content:right;
    margin: 5px;
    margin-right:20px;
}

.publications--btns a {
    background-color:rgba(255,255,255,0.9);
    display:block;
    background-repeat:no-repeat;
    background-position:center;    
    border-radius: 5px;
    transition:0.5s all ease-in;
    width:50px;
    height:50px;    
-webkit-box-shadow: 0px 2px 10px 0px rgba(184,184,184,0.3);
-moz-box-shadow: 0px 2px 10px 0px rgba(184,184,184,0.3);
box-shadow: 0px 2px 10px 0px rgba(184,184,184,0.3);     
}

.publications--btns a:hover {
    background-color:rgba(255,255,255,1);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(184,184,184,0.9);
-moz-box-shadow: 0px 2px 10px 0px rgba(184,184,184,0.9);
box-shadow: 0px 2px 10px 0px rgba(184,184,184,0.9); 
}

.publications--btns a.publications--btn-download {
    background-image:url('../assets/icons/download.svg');
}
.publications--btns a.publications--btn-view {
    background-image:url('../assets/icons/eye.svg');
}

.publications--item--content {
    position:absolute;
    bottom:0;
    left:10px;
    width:100%;
    height:auto;
    
    display:flex;
    gap:15px;
    flex-direction:column;
}

.publications--item--titre {
    background-color:#fff;
    padding:10px;
    height:auto;
}

.liste_full {

}

.liste_full .publications--item--titre {
    color:#fff;
    background-color:#3AB979;
}

@media (max-width: 768px) {
  .publications--liste {
    display:block;
  }
  .publications--liste .publications--item {
    width:100%;
    margin-bottom:5px;
  }
}


/* liste simple sans image */
.liste_simple {
}
.liste_simple .publications--item .publications--image {
    display:none;
}
.liste_simple .publications--item .publications--item--content {
    position:relative;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
    left:initial;
} 
.liste_simple .publications--item .publications--item--content .publications--btns {
    /*margin:0;*/
}
.liste_simple .publications--liste .publications--item {
    width:100%;
    margin-bottom:5px;
}