body {
  min-height: 100vh;
  background-image: url('../images/noise.svg'), radial-gradient(circle, #0f17edff 0%, #609bf7b6 25%, #86c8fb00 60%, #86c8fb00 100%), linear-gradient(180deg, #83c5fbff 0%, #83c5fb33 100%);
}
.section-spectacle {
  left: 2rem;
  width: auto;
  height: auto;
  opacity: 1;
}
.croix a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.article .conteneur-page {
  padding: 2rem 4rem;
}
.retour-blog {
  margin-top: 2rem;
}

.contenu-blog {
    width: 75%;
}
.archives {
    position: absolute;
    top: 2rem;
    left: 80%;
    width: 20%;
    font-size: 85%;
}

.blog-article-conteneur {
    margin: 3rem 0;
}
.blog-article {
    display: flex;
    color: inherit;
}
.partie-vignette {
    display: inline-block;
    width: 30%;
}
.partie-vignette img {
    width: 80%;
}
.partie-description {
    display: inline-block;
    width: 70%;
}
.partie-description .blog-title {
    display: inline-block;
    margin-top: 0;
    font-size: 24px;
}
.hebergement .partie-description .blog-title {
  margin-bottom: 1rem;
}
.partie-description .date, .partie-description .resume {
    display: block;
}
.partie-description .date {
    margin: 1rem 0;
}


/* Archives */
  .archive-plus ul {
    margin-left: 0.5rem;
  }
  .archive-plus .label ~ ul.last {
    margin-left: 1rem;
    margin-top: 0.5rem;
  }
  .archive-plus .last li {
    line-height: 1rem;
    font-size: 90%;
  }
  
  .archive-plus.last a {
    line-height: 1.2rem;
  }
  .archive-plus li > input:checked ~ label::before, .archive-plus label::before {
    color: #74f0ff;
  }
  /*.archive-plus li > input:checked ~ label::before {
    content: "\25BC";
  }*/
  .archive-plus label::before {
    content: "\25B6";
  }
  .archive-plus ul.last a::before, .archive-plus li > input:checked ~ label::after, .archive-plus label::after {
    display: none;
  }
  
  /* archives déroulées */
  .archive-plus label {
    cursor: auto;
  }
  .archive-plus li ul {
    display: block;
  }


.pagination li {
  border: none;
}


/***************/
/* HÉBERGEMENT */
/***************/
.hebergement .section-spectacle {
  left: unset;
  right: 2rem;
}
.hebergement .contenu-blog {
  width: 850px;
  max-width: 100%;
}
.conteneur-page.hebergement {
  max-width: 900px;
}
.hebergement .partie-description {
  width: 100%;
  max-width: 580px;
}

@media screen and (max-width: 48em) {
  .section-spectacle {
    left: 0;
  }
  .hebergement .section-spectacle {
    left: unset;
    right: 0;
  }
}