.entete{
   color: var(--gris-bleu);
   font-size: 28px;
   margin-top: 30px;
   margin-bottom: 0;
}
.title{
   line-height: 110%;
   width: 80%;
   text-transform: none;
}
.chapeau {
   font-family: 'Karla Bold';
   margin-bottom: 30px;
}
.side,
.side-float{
   width: 40%;
}
.side-float{
   float: right;
   margin-right: -10%;
   padding: 0 0 3% 5% ;
}
.exergue-side{
   border-left: 4px solid transparent;
   border-image-source: url('../../../assets/graphics/borders/border-v-1.webp');
   border-image-slice: 20;
   border-image-repeat: stretch;
   font-family: "gill-sans-nova-condensed", sans-serif;
   font-size: 32px;
   text-align: left;
   padding-left: 8%;
}
.image-side{
   width: 100%;
}
.blog_autres{
   background-color: var(--gris-bleu-clair-A);
   padding: 5%;
   margin-bottom: 80px;
}
.blog_autres a:hover{
   color: var(--gris-bleu);
}

@media screen and (max-width: 64em) and (min-width: 48em) {
   .side,
   .side-float{
      width: 50%;
   }
   .side-float{
      margin-right: 0;
   }
}

/* MOBILE */

@media screen and (max-width: 48em) {
   .side,
   .side-float{
      width: 100%;
   }
   .side-float{
      float: none;
      padding: 0;
      margin: 8% 0;
   }
  .blog_autres .actus-grid{
     margin-bottom: 10%;
  }
}