body {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}
#back_news_button, #article {
	padding: 0;
}
#related_news {
	display: none;
}

main.main-article {
	width: 70%;
  max-width: 1500px;
  margin: 30px auto;
}

.article-container {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}

.col-left {
  flex: 2;
}

.col-right {
  flex: 1;
}

.col-left {
  width: 75%;
}
.col-right {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.line_gap {
  background: #525a63;
  width: 22px;
  height: 2px;
  border: none;
  margin-left: 0;
}

h2 {
  color: #01233e;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.28px;
}
#article-title {
  color: #01233e;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.28px;
}

#article-subtitle,
#article-info {
  color: #01233e;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.28px;
}

#article-content, #article-content * {
  color: #01233e !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  letter-spacing: 0.28px !important;
  font-family: Sora !important;
  border: none !important;
  margin: 0 !important;
  background: #ffffff !important;
}
#article-content p {
	margin: 14px 0 !important;
}
#article-content a, #article-content strong, #article-content b, #article-content h1, #article-content h2, #article-content h3, #article-content h4, #article-content h5 {
	font-weight: 700 !important;
}
#article-content i, #article-content em {
	font-style: italic !important;
}
#article-content a {
	color: #00E !important;
	text-decoration: underline !important;
}

.card-news {
  border-radius: 12px;
  border: 1px solid #dbdee2;
  background: #fff;
  display: flex;
  flex-direction: column;

  /*width: 433px;*/
  padding: 10px 12px;

  gap: 10px;
}

.card-news-title {
  padding: 0 10px;
}
.related_news_header {
  color: #01233e;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
  padding: 0 10px;
}

.related_news_header:hover {
  border-radius: 4px;
  background: var(--Neutral-Grey-2---Background-2, #eeeff1);
}

.related_news_header p, .related_news_header a {
  margin: 0;
}

.card-news-content {
  display: flex;
  flex-direction: column; /* empile les éléments verticalement */
  gap: 12px; /* espace vertical entre les textes */
}

#news-date {
  color: #4c545c;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 216.667% */
  margin: 0;
}

#back_news_button {
  margin-bottom: 20px;
}
#back_news_button p, #back_news_button a {
  display: inline-flex;
  transition: border-color 0.2s ease;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  align-items: center;
  gap: 1px;
  color: #01233e;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
  letter-spacing: 0.48px;
}
#back_news_button p:hover, #back_news_button a:hover {
  border-bottom: 1px solid #01233e;
}

#back_news_button p img; #back_news_button a img {
  display: block;
  width: 20px;
  height: auto;
}