.path-actualites #block-socialbase-breadcrumbs {
  display: none;
}

.path-actualites .views-view-responsive-grid .views-view-responsive-grid__item {
  background-color: white;
  border-radius: 8px;
  margin-bottom: 8px;
}

.path-actualites .views-view-responsive-grid .views-view-responsive-grid__item .img-responsive {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.path-actualites .views-view-responsive-grid .views-view-responsive-grid__item .card-actu-desc {
  background-color: white;
  padding: 8px 16px 16px 16px;
  border-radius: 0 0 8px 8px;
}

.path-actualites .views-view-responsive-grid .views-view-responsive-grid__item .card-actu-desc a {
  font-size: 18px;
  font-weight: 700;
}

.user-logged-in.path-actualites .with-title-region.layout--with-complementary {
  grid-template-columns: 1fr
}

.user-logged-in.path-actualites .with-title-region.layout--with-complementary .title-page-templete {
  grid-row: 1/2;
}

.user-logged-in.path-actualites .with-title-region.layout--with-complementary .title-page-templete .section-title {
  text-align: left;
}

.user-logged-in.path-actualites .with-title-region.layout--with-complementary .stream-content {
  grid-column: 1/2;
  grid-row: 2/3;
}



/* .page-node-type-actualite .views-view-responsive-grid .views-view-responsive-grid__item img */

.path-actualites .views-view-responsive-grid .views-view-responsive-grid__item .card-actu-desc {
  background-color: white;
  padding: 16px;
  border-radius: 0 0 8px 8px;
}

.path-actualites .views-view-responsive-grid .views-view-responsive-grid__item img {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px 8px 0 0;
}

.page-node-type-actualite .stream-content .field--name-field-media-image img {
  aspect-ratio: 16/9;
  object-fit: cover;
  width: 100%;
  margin-bottom: 24px;
}

.path-actualites .layout--with-complementary {
  padding: 40px 0;
}

.path-actualites .layout--with-complementary .stream-content {
  width: 100%;
  padding: 0;
}

.page-node-type-actualite .stream-content {
  padding: 16px;
}

.path-actualites .layout--with-complementary .title-page-templete, .page-node-type-actualite .title-page-templete {
  display: unset;
}


@media screen and (max-width: 540px) {

  .path-actualites .views-view-responsive-grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .path-actualites .main-container > .layout--with-complementary {
    padding: 24px 16px;
  }

}

@media screen and (min-width: 541px) {
  .path-actualites #block-pagetitleblock-content {
    /* display: none; */
  }
}

@media screen and (min-width: 1200px) {

  .path-actualites .layout--with-complementary  {
    max-width: calc(1200px - 2rem);
    margin: auto;
  }

  .page-node-type-actualite .main-container {
    max-width: calc(1200px - 2rem);
    margin: 160px auto 20px;
  }
  .user-logged-in.page-node-type-actualite .main-container {
    margin: 0 auto 0;
  }

  .user-logged-in.page-node-type-actualite .main-container .title-page-templete {
    /* grid-column: 2/3;
    grid-row: 1/2; */
  }

  .user-logged-in.page-node-type-actualite .main-container .stream-content {
    /* grid-column: 2/3;
    grid-row: 2/3; */
  }

  .page-node-type-actualite .main-container .title-page-templete {
    /* display: unset !important;
    padding: 16px; */
  }

}

@media screen and (min-width: 601px) and (max-width: 768px) {
  .user-logged-in.path-actualites .main-container {
    margin-top: 0 !important; 
  }
  .user-logged-in.path-actualites .with-title-region.layout--with-complementary  {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 800px) {


  .path-actualites .with-title-region.layout--with-complementary .stream-content .views-view-responsive-grid {
    grid-template-columns: repeat(3, 1fr);

  }

}