.p30{
    padding:var(--fs30) 0;
}

.news-home .content-news .events,
.all-news .content-news .events{
  width: calc(33.33% - 1.42rem);
  height: auto;
  border-radius: 3px;
  padding: 0.625rem;
  margin: 0.625em;
  overflow: hidden;
  position: relative;
  background-color:var(--grey-background);
}

.news-home .content-news figure .img,
.all-news .content-news figure .img{
  border-bottom:4px solid var(--yellow);
  height:222px;
  max-height:224px;
  position:relative;
  overflow:hidden;
}
    
.news-home .content-news .events.first{
  display:flex;
  width: calc(66% - 1.25em);
}

.event-shortcode,
.event-top{
  display:flex;
}
    
.news-home .content-news .events.first .img,
.all-news .content-news .events.first .img,
.event-shortcode .img{
  display: flex;
  height: auto;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  margin-right:var(--fs20);
  overflow:hidden;
  position:relative;
  width: 45%;
}
    
.news-home .content-news .events.first figcaption,
.event-shortcode figcaption{
  width: calc(55% - 20px);
}

.link-event{
  color:var(--blue);
  padding-right:var(--fs40);
  position:relative;
  font-size: var(--fs16);
}

.link-event:after{
  background: transparent url(../img/yellowharrow.svg) no-repeat right center;
  content: "";
  display: block;
  height: 18px;
  right: 20px;
  position: absolute;
  top: 2px;
  transition: var(--transition);
  width: 14px;
}

.event-shortcode figcaption .link-event:hover:after{
  right: 14px;
}
    
.news-home .content-news,
.all-news .content-news{
  width: 100%;
  justify-content: flex-start;
  display: flex;
  flex-flow: row wrap;
}

.news-home .content-news .events .img img,
.all-news .content-news .events .img img {
  position: absolute;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}

.news-home .content-news .events.first .img img {
  position: absolute;
  height: 100%;
  width: auto;
}

.event-shortcode .img img {
  position: absolute;
  height: auto;
  width: 100%;
}

.news-home .content-news .events figcaption,
.all-news .content-news .events figcaption {
  align-items:flex-start;
  display: flex;
  flex-flow: column wrap;
}
    
.news-home .content-news .events figcaption h1,
.all-news .content-news .events figcaption h1,
.event-shortcode figcaption h1{
  color:var(--blue);
  font-size:var(--fs24);
  margin-top:var(--fs8);
}
    
.news-home .content-news .events figcaption .date,
.all-news .content-news .events figcaption .date,
.event-shortcode figcaption .date{
  color:var(--grey);
  font-size:var(--fs12);
  margin:0;
}
    
.news-home .content-news .events figcaption .adress-event,
.all-news .content-news .events figcaption .adress-event{
  color:var(--black);
  font-size:var(--fs14);
  margin-bottom:var(--fs8);
}
    
.news-home .content-news .events figcaption .adress-event,
.all-news .content-news .events figcaption .adeess-events,
.news-home .eventse figcaption .text{
  margin-bottom:var(--fs8);
}

@media screen and (max-width: 991px) {
  .news-home .content-news .events.first .img img {
    height: auto;
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
    .news-home .content-news .events.first .img{
        height: 224px;
        max-height: 224px;
        margin-right:0;
        width: 100%;
    }
    
    .news-home .content-news .events.first{
        flex-direction:column;
    }
    
    .news-home,
    .all-news{
        max-width: 991px;
        display: flex;
        overflow: auto;
    }
    
    .news-home .content-news,
    .all-news .content-news{
        display: flex;
        justify-content: center;
        width:auto;
    }

    .news-home .content-news{
      flex-wrap: nowrap;
    }

    .all-news .content-news{
      flex-wrap: wrap;
    }
    
    .news-home .content-news .events,
    .news-home .content-news .events.first{
        width:39em;
    }

    .all-news .content-news .events{
      width:47%;
    }
    
    .event-shortcode{
        flex-direction:column;
    }

    .event-shortcode .img{
        height: 246px;
        max-height: 246px;
        margin-right:0;
        width: 100%;
    }

    .event-shortcode figcaption{
       width: 100%;
    }
}
    
@media screen and (max-width: 767px) {
    .news-home .content-news .events.first figcaption{
       width: 100%;
    }
    
    .news-home .content-news .events,
    .news-home .content-news .events.first{
        width:28em;
    }

    .all-news .content-news .events{
      width:47%;
    }
}

@media screen and (max-width: 696px) {
  .all-news .content-news .events{
    width:100%;
  }
}

@media screen and (max-width: 575px) {
    .news-home .content-news .events,
    .news-home .content-news .events.first{
        width:28em;
    }
}

.event-shortcode h1 {
  display:inline;
}
.event-picto {
  height: var(--fs24);
  margin-bottom: .5rem;
  display: inline-block;
  margin-right: .5rem;
}

h1.inline {
  display: inline;
}