.page__blog {

}

.page__blog h1, .page__blog h2, .page__blog h3 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.25rem;
  color: var(--color-detail-title);
  margin-bottom: var(--padding-size-max);
}

.page__blog h2 {
  font-size: 1.4rem;
  margin-bottom: var(--padding-size-min);
}

.page__blog h3 {
  font-size: 1.2rem;
  margin-bottom: var(--padding-size-min);
}

.page__blog ul {
  margin-bottom: var(--padding-size);
  margin-left:  var(--padding-size);
  list-style: square;
}

.page__blog-list {

}

.page__blog-list-article {
  margin-bottom: var(--padding-size-max);
}

.page__blog-article-title {
  margin-top: var(--padding-size-min);
  margin-bottom: var(--padding-size-min);
  font-weight: 900;
  color: var(--color-text-primary);
}

.page__blog-list-article:after {
  border-top: solid 1px var(--color-separator-secondary);
  content: " ";
  display: flex;
  max-width: 16.875rem;
  margin-top: 1.8375rem;
}

.page__blog-article-title small {
  font-weight: initial;
  font-size: .9rem;
}

.page__blog-article-chapeau {
  margin-top: var(--padding-size-min);
  margin-bottom: var(--padding-size-min);
}

.page__blog-form {

}

.page__blog-article-read {
  display: flex;
}

.page__blog-article-read a {
  margin-right: var(--padding-size);
  font-size: .9rem;
}

.page__blog-article-content {
  margin-bottom: var(--padding-size);
}

.page__blog-article-content img {
  width: 100%;
  border-radius: 1rem;
}

.page__blog-article-content img + em {
  display: block;
  margin-bottom: var(--padding-size);
  font-style: italic;
}

.page__blog header {
  margin-bottom: var(--padding-size-min);
}

.page__blog header a {
  color: var(--color-text-primary);
  font-size: .9rem;
  text-decoration: none;
}

.page__blog-title {
  font-size: 1.2rem;
  font-weight: bold;
}

.page__blog-message {

}