.newscontainer{
    width: 100%;
    height: 100%;
}
.newscontainer{
   margin-top: 5%;
    
}

.newsbox{
    border-left: 2px solid #e3e3e3;
    border-right: 2px solid #e3e3e3;
    border-top:2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
    margin: 10px 10px;

    
}
.newsbox:hover
{
    animation-name: boxanim;
    animation-duration: 2s;
    animation-fill-mode:forwards;
    animation-iteration-count: 1;
}
@keyframes boxanim {
    25% {border-color: #d1f3d1; ;border-width: 3px;}
    50% {border-color: #99cc99; ;border-width: 3px;}
    75% {border-color: #7db47d; ;border-width: 3px;}
    100% {border-color: #6aaa6a; ;border-width: 3px;}
  }

  .newsdescription{
      margin-top: 10px;
      margin-bottom: 10px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    
  }
.newsImage{
    width: 100%;
}
.newsImage img{
    width: 100%;
}
.newsfooter{
    font-size: 0.8rem;
    color: gray;
}
.newstitle{
    font-weight: bold;
}
.bandeaux{
      
    height: 10em;
  background-image: url("../Logo/Offres.png");
  background-size: cover;
  background-position: center;
}
.textbandeaux{
  color: white;
  font-weight: bolder;
  font-size: 2em;
  text-align: left;
  margin-left: 10%;
  padding-top: 5%;
  
}