/* CSS Actus */
/* actus */
#actualites-wrapper {
  height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
  gap:20px;
}

#actualites-wrapper-admin {
  height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction:column;
  list-style: none;
  margin: 0;
  padding: 0 0 0 0;
  gap:20px;
}

.actualites-liste {
    flex-wrap:wrap;
}

.actualites--item {
  margin: 0 0 5px 0;
  background-color: #FFF;
  border-radius: 5px;
  overflow: hidden; 
  width:25%;
  
-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);  
}

.actualites-liste .actualites--item {
    width:calc(33% - 20px);
}

#actualites-wrapper-admin .actualites--item {
    width:100%;
}


.actualites--item a {
    position:relative;
    text-decoration:none;  
    
    height: 100%;
    display: block; 
}
/*
.actualites--item .image-wrapper {
    width:100%;
    height:200px;
    background-color:#F6f6f6;
    background-image:url('../images/logo-icone.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:30%;
}
*/

.actualites--item-image {
    width:100%;
    height:200px;
    position:relative;
    border-radius: 5px;
    background-color:#F6f6f6;
    background-image:url('../images/logo-icone.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:30%;
}

.actualites--item-picture {
    width:100%;
    height:200px;
    border-radius: 5px;  
    background-repeat:no-repeat;  
    background-size:cover;
}



.actualites--item .image-wrapper picture {
  display: block;
  width: 100%;
  height: 100%;
}

.actualites--item .image-wrapper picture img {
  width: 100%;
}

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

.actualites--item-content {
    padding:10px;
    position:relative;
}

.actualites--item-titre {
    color:#000;
    font-size:1.8rem;
    font-weight:500;
    margin:5px 0;
}

.actualites--item-texte {
    color:#666;
    font-size:1.4rem;
    font-weight:400;
    margin:5px 0;
}

.actualites--item-theme {
    font-size:1.4rem;
    color:rgb(208,51,130);

}

#actualites-wrapper-admin .actualites--item-titre {
    font-size:16px;
}
#actualites-wrapper-admin .actualites--item-texte {
    font-size:14px;
}
#actualites-wrapper-admin .actualites--item-theme {
    font-size:14px;
}