/* agenda */
#agenda-wrapper, #agenda-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;
}


.agenda--item {
  margin: 0 0 5px 0;
  background-color: #FFF;  
  overflow: hidden;        
  display:flex;
  gap:20px;
  text-decoration:none;
}

.agenda--item--content {
    width:100%;
}

.agenda--item:hover .agenda--item--titre {
  color:rgb(146,187,7);
}
.agenda--item:hover .agenda--item--texte {
  color:#333;
}
.agenda--item:hover {
  text-decoration:none;
}

.agenda--item .agenda--image {
    width:130px;
    height:90px;
    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%;
}

.agenda--image-picture {
    height: 100%;
    width:130px;
    border-radius: 5px;  
    background-repeat:no-repeat;  
    background-size:cover;
}

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

.agenda--item .agenda--image picture img {
  width: 100%;
  border-radius: 5px;
}

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

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

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

.agenda--item--date-theme {
    display:flex;
   /* justify-content:space-between;*/
    gap: 20px;
    align-items: center;   
}

.agenda--item--date {
    font-size:1.4rem;
    color:rgb(146,187,7);
}
.agenda--item--theme {
    font-size:1.4rem;
    background-color:rgb(146,187,7,0.7);
    color:#444;
    padding:3px 5px;
    border-radius:3px;
}


#agenda-wrapper-admin .agenda--item--titre {
    font-size:16px;
}
#agenda-wrapper-admin .agenda--item--texte {
    font-size:14px;
}
#agenda-wrapper-admin .agenda--item--theme {
    font-size:14px;
    display:none;
}
#agenda-wrapper-admin .agenda--item--date {
    font-size:14px;
}