lecampus.valdedrome.com/user/themes/lecampus/scss/theme/_blog.scss

#item{
  @include inlineflex();
  .card{
    width: calc( (100% / 4) - 45px);
    margin: 0 15px 30px 15px;
    position: relative;
    border: 1px solid black;
    .card-header{
      width: auto;
      position: absolute;
      right: 0;
      text-align: right;
      .publics{
        padding: 10px;
        background: grey;
        color: white;
      }
    }
    .card-body{
      padding: 15px;
      .card-title{
        margin-bottom: 10px;
      }
    }
  }
}

.content{
  width: 40%;
  p{
    margin: 10px 0;
  }
}

// items
.bandeau{
  width: 100%;
  height: 300px;
  overflow: hidden;
  margin-bottom: 35px;
  img{
    transform: translateY(-20%);
  }
}

.sidebar{
  margin-left: 50px;
  .side-agenda{
    border-top: 1px solid black;
    padding: 10px 0;
    &:nth-of-type(3){
      border-bottom: 1px solid black;
      margin-bottom: 10px;
    }
  }
  .side-all-agenda{
    width: auto;
    padding: 5px;
    margin-bottom: 10px;
    float: right;
    border: 1px solid black;
  }
  .side-newsletter{
    margin-top: 60px;
    padding: 20px;
    background: lightgrey;
  }
}