html,
body {
  background-color: #0a0a0a !important;
}

.article_block.article-color {
  background-color: #141414 !important;
  color: #f2ede3 !important;
}

.altoria_template11,
.altoria_template14,
.altoria_template16,
.altoria_template42 {
  padding: 60px 40px !important;
}

@media (max-width: 768px) {

  .altoria_template11,
  .altoria_template14,
  .altoria_template16,
  .altoria_template42 {
    padding: 20px !important;
  }
}

#direction {
  margin-top: 100px;
  box-shadow: none;
  width: calc(100% - 149px);
  left: 50%;
  min-width: 1380px;
  height: 90px;
  transform: translateX(-50%);
  background-color: transparent;
}

.navbar2 {
  width: 100%;
  background-color: #0a0a0a;
  height: 90px;
  position: fixed;
  z-index: 1000;
  top: 0;
  border-bottom: 1px solid rgba(165, 118, 81, 0.25);
}

.navbar2 .direction {
  padding-left: 0;
  padding-right: 0;
}

.slideraccueil {
  margin-top: 120px !important;
  width: calc(100% - 150px);
  min-width: 1380px;
  margin: 0 auto;
  height: 85vh;
}

.slideraccueil .contenue {
  height: 85vh;
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.75));
  align-items: flex-start;
}

.logo {
  max-height: 86px;
}

.container {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1380px !important;
}

.slideraccueil h1,
.slideraccueil h2 {
  color: #f2ede3;
  font-weight: none;
  text-align: left;
  max-width: 75%;
  text-shadow: none;
  line-height: 1.5;
  font-size: 3rem;
  margin: 0px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.slideraccueil a {
  color: #0a0a0a;
  background-color: var(--second-color);
  font-size: 1.2rem;
  font-family: "TitleFont";
  margin-top: 20px;
}

#tarteaucitronIcon #tarteaucitronManager img {
  display: none;
}

.navbar2 .direction .col-md-8 ul li a {
  color: #f2ede3;
  font-weight: initial;
  font-family: "TitleFont";
  font-size: 16px;
}

.navbar2 .direction .col-md-8 ul li a:hover {
  color: var(--second-color);
}

.navbar2 .direction .col-md-8>ul>li:last-child>a {
  padding: 6px 22px;
  color: #0a0a0a !important;
  background-color: var(--second-color);
  border-radius: var(--border-radius);
}

.navbar2 .direction .col-md-8 ul li {
  padding: 0px;
}

.navbar2 .direction .col-md-8 ul {
  gap: 18px;
}

.navbar2 .direction .col-md-8 ul li .sous_menu {
  gap: 0px !important;
}

.sous_menu {
  width: 255%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  background-color: #141414 !important;
  border: 1px solid rgba(165, 118, 81, 0.2) !important;
}

.navbar2 .direction .col-md-8 ul li .sous_menu li a {
  color: #f2ede3 !important;
  font-weight: initial;
  font-family: "TitleFont";
  font-size: 16px;
}

.navbar2 .direction .col-md-8 ul li .sous_menu li a:hover {
  background-color: rgba(165, 118, 81, 0.18);
  color: var(--second-color);
}

.acceuil3 {
  margin-top: 120px !important;
  width: calc(100% - 150px);
  min-width: 1380px;
  margin: 0 auto;
}

.acceuil3 h1 {
  font-size: 2.5rem;
  color: #f2ede3;
}

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

  .slideraccueil h1,
  .slideraccueil h2 {
    max-width: 65%;
    font-size: 4rem;
  }

  .navbar2 .direction .col-md-8 ul li a {
    font-size: 18px;
  }

  .navbar2 .direction .col-md-8 ul li .sous_menu li a {
    font-size: 18px;
  }

  .navbar2 .direction .col-md-8 ul {
    gap: 25px;
  }
}

.hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #f2ede3;
  background: rgba(165, 118, 81, 0.18);
  border: 1px solid rgba(165, 118, 81, 0.4);
  border-radius: 999px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  white-space: nowrap;
}

.presentation1-main {
  background-color: #141414;
  padding: 40px 0px;
  margin-top: 60px;
}

.pres-header {
  text-align: center;
  margin-bottom: 30px;
}

.pres-header h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #f2ede3;
  margin-bottom: 13px;
  text-align: left;
}

.pres-header p {
  text-align: left;
  font-size: 1rem;
  margin: 0;
  line-height: 1.6;
  color: #cfc6b8;
  max-width: 750px;
}

.presentation1 {
  max-width: 1380px !important;
}

.presentation1 .col-md-3 {
  border-radius: 0px;
  justify-content: flex-start;
  align-items: flex-end;
  height: 270px !important;
}

.presentation1 .col-md-3 img {
  border-radius: 0px;
}

.presentation1 .col-md-3 div {
  align-items: flex-start;
  padding: 20px;
}

.presentation1 .col-md-3 p {
  text-align: left;
  max-width: 755px;
  color: #f2ede3;
}

.presentation1 .col-md-3 h3 {
  font-size: 1.7rem;
  color: #f2ede3;
}

.presentation1 .col-md-3 .discover-btn {
  border: none;
  padding: 6px 24px;
  background-color: var(--second-color);
  color: #0a0a0a;
}

.realisation2 {
  max-width: 1380px;
  padding: 40px 0px;
  margin-top: 25px;
}

.realisation2 .galerie_pin .images img {
  border-radius: 0px;
}

.galerie_pin .images img {
  border-radius: 0px;
}

.galerie_pin .images {
  margin-bottom: 15px;
}

.textGalerie_accueil {
  max-width: 1380px;
  margin-bottom: 30px;
}

.textGalerie_accueil h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #f2ede3;
  margin-bottom: 13px;
  text-align: left;
}

.textGalerie_accueil p {
  text-align: left;
  font-size: 1rem;
  margin: 0;
  line-height: 1.6;
  color: #cfc6b8;
  max-width: 750px;
}

.galerie_pin>div {
  column-gap: 15px;
}

/* Avis */
.ax-section {
  background-color: #141414;
  width: 100%;
}

.ax-inner {
  max-width: 1380px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 50px;
}

.ax-head {
  text-align: center;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ax-title {
  font-size: 2rem;
  font-weight: 700;
  color: #f2ede3;
  margin-bottom: 13px;
  text-align: left;
}

.ax-rating {
  color: #a8a096;
  margin-bottom: 20px;
}

.ax-rating b {
  color: #f2ede3;
}

.ax-btn {
  background-color: var(--second-color);
  border: 1px solid var(--second-color);
  border-radius: var(--border-radius);
  color: #0a0a0a;
  transition: 0.3s ease;
  padding: 8px 22px;
  font-weight: initial;
  font-family: "TitleFont";
  text-decoration: none;
}

.ax-wrapper {
  position: relative;
  max-height: 550px;
  overflow: hidden;
  transition: max-height 0.6s ease;
}

.ax-wrapper.open {
  max-height: 9999px;
}

.ax-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 300px;
  padding-bottom: 40px;
  background: linear-gradient(to bottom, transparent, #141414);
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 20px;
  transition: opacity 0.4s;
}

.ax-fade.hidden {
  opacity: 0;
  pointer-events: none;
}

.ax-toggle {
  text-align: center;
  margin-top: 20px;
}

#ax-btn-more {
  pointer-events: all;
  padding: 7px 30px;
  background: rgba(165, 118, 81, 0.1);
  border: 1px solid var(--second-color);
  color: var(--second-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: 0.3s;
  font-size: 0.9rem;
  font-family: "TitleFont";
}

#ax-btn-more:hover {
  background: rgba(165, 118, 81, 0.2);
}

.ax-grid {
  columns: 4;
  column-gap: 25px;
}

.ax-card {
  break-inside: avoid;
  margin-bottom: 25px;
  background-color: #1c1c1c;
  border-radius: 0px;
  padding: 20px;
  border: 1px solid rgba(165, 118, 81, 0.15);
  box-shadow: none;
}

.ax-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.ax-card-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.navbar2 .direction .col-md-8>ul>li:last-child>a:hover {
  padding: 6px 22px;
  opacity: 0.9;
}

.navbar2 .direction .col-md-8>ul>li:last-child>a::after {
  height: 0px !important;
}

.ax-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  color: #0a0a0a;
  background-color: var(--second-color);
  flex-shrink: 0;
}

.ax-name {
  color: #f2ede3;
  font-size: 0.9rem;
}

.ax-google-logo {
  opacity: 0.8;
}

.ax-stars {
  margin-bottom: 10px;
}

.ax-stars i {
  color: var(--second-color);
  font-size: 13px;
}

.ax-comment {
  color: #cfc6b8;
  font-size: 0.85rem;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 10px;
}

.ax-date {
  color: #8a8276;
  font-size: 0.75rem;
  margin: 0;
}

.footer3 .row:first-child {
  background-color: #0a0a0a;
  /* width: calc(100% - 149px); */
  max-width: 1380px;
  margin: 0 auto !important;
  padding: 50px 0px;
  border-top: 1px solid rgba(165, 118, 81, 0.2);
}

.footer3 .row:last-child {
  background-color: #000000;
  height: auto;
}

.footer3 .row span {
  color: #cfc6b8;
}

.footer3 .row span a {
  color: #cfc6b8 !important;
}

.footer3 .row .col-md-3 h3 {
  color: var(--second-color);
  font-size: 1.3rem;
}

.footer3 .row .col-md-3 ul li a {
  color: #cfc6b8;
}

.footer3 .row .col-md-3 ul li a:hover {
  color: var(--second-color);
}

.footer3 .row .col-md-3 p {
  color: #cfc6b8;
}

#reseauLinkFooter {
  margin-top: 10px;
}

.container-fixe-whatsapp {
  right: 12px;
  width: 5vh;
  height: 5vh;
}

.back_to_top {
  right: 12px;
  border: 2px solid var(--second-color);
  background-color: #141414;
  color: #f2ede3;
}

.acceuil3_div {
  max-width: 1380px;
  width: inherit;
}

.contact_page {
  max-width: 1380px;
}

.textGalerie {
  max-width: 1380px;
  border-radius: 0px;
  padding: 21px 20px;
  background-color: #141414;
  color: #cfc6b8;
}

.textGalerie:first-child {
  margin-top: -25px;
  border-radius: 0px;
}

.album .image_album img {
  border-radius: 0px;
}

#div_img_h2 {
  max-width: 1380px;
  border-radius: 0px;
}

#div_img_h2 h2 {
  color: #f2ede3;
}

.contact_page .row:nth-child(1) .col-md-4 {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.contact_page iframe {
  border-radius: 0px;
}

.contact_page .row:nth-child(1) {
  border-radius: 0px;
}

.map-container iframe {
  height: 300px;
}

.titreGalerieFaqPage {
  font-size: 2rem;
  border: none;
  color: #f2ede3;
}

#container-faq-galerie-contenu {
  margin-bottom: 60px;
}

.textGalerie {
  background-color: var(--second-color);
}

.contact_page .row:first-child .col-md-8 {
  padding: 30px;
  border-top: 1px solid var(--second-color);
  border-right: 1px solid var(--second-color);
  border-bottom: 1px solid var(--second-color);
}

@media (max-width: 992px) {
  .ax-grid {
    columns: 2;
  }
}

@media (max-width: 768px) {
  .hero-badges {
    gap: 6px;
    margin-bottom: 15px;
  }

  .nav-mobile2 ul.sous_menu2.active li a {
    color: white !important;
  }

  .nav-mobile2 ul.sous_menu2.active li a i {
    color: var(--second-color) !important;
  }

  .nav-mobile2 li>i.fa-arrow-right {
    color: var(--second-color) !important;
  }

  .nav-mobile2 li.has-submenu>i {
    color: var(--second-color) !important;
  }

  #container-faq-galerie-contenu:last-child {
    margin-bottom: 0px;
  }

  .titreGalerieFaqPage {
    font-size: 1.5rem;
  }

  .acceuil3 {
    margin-top: 100px !important;
    width: calc(100% - 30px);
    min-width: auto;
  }

  .acceuil3 h1 {
    font-size: 1.6rem;
    margin-bottom: 0px;
  }

  .ax-btn {
    font-weight: 100;
    font-size: 0.9rem;
    padding: 7px 20px;
  }

  .ax-title {
    font-size: 1.5rem;
    width: 100%;
  }

  .ax-head {
    margin-bottom: 25px;
    flex-direction: column;
  }

  .ax-grid {
    columns: 1;
  }

  .ax-fade {
    height: 250px;
  }

  .ax-inner {
    padding-top: 35px;
    padding-bottom: 70px;
    width: 100%;
  }

  .ax-wrapper {
    padding: 0px;
    max-height: 650px;
  }

  .ax-section {
    background-color: #141414;
    width: 100%;
    padding: 0px 20px;
  }

  .hero-badge {
    font-size: 10px;
    padding: 7px 6px;
  }

  .slideraccueil .contenue {
    height: 65vh;
    padding: 1rem;
  }

  .slideraccueil h1,
  .slideraccueil h2 {
    font-size: 1.8rem;
    text-shadow: 0 0.5px 2px rgba(0, 0, 0, 0.75);
    max-width: 100%;
  }

  .slideraccueil {
    margin-top: 100px !important;
    width: calc(100% - 30px);
    height: 65vh;
    padding-top: 0px;
    min-height: 65vh;
    min-width: auto;
  }

  .navbar2 .logo {
    height: 50px;
    margin-left: 0px;
  }

  .navbar2 {
    height: 100px;
  }

  #direction {
    margin-top: 100px;
    width: calc(100% - 30px);
    height: 100px;
    min-width: auto;
  }

  .slideraccueil a {
    font-size: 1rem;
    margin-top: 20px;
  }

  .navbar2 .icon2 {
    color: #f2ede3;
  }

  .close_second_menu i {
    font-size: 25px;
    color: #f2ede3;
  }

  .nav-mobile2,
  .navbar2 .nav-mobile2 {
    background-color: #0a0a0a !important;
  }

  .navbar2 .nav-mobile2 .close_second_menu {
    background-color: transparent;
  }

  .navbar2 .nav-mobile2 ul li a {
    font-size: 18px;
    color: #f2ede3;
  }

  .navbar2 .nav-mobile2 ul {
    margin-top: 30px;
  }

  .presentation1-main {
    padding: 20px 0px;
    margin-top: 30px;
  }

  .pres-header h2 {
    font-size: 1.5rem;
  }

  .presentation1 .col-md-3 h3 {
    text-align: left;
    font-size: 1.45rem;
  }

  .presentation1 .col-md-3 p {
    text-align: left;
    max-width: none;
    width: 100%;
  }

  .presentation1 .col-md-3 .discover-btn {
    padding: 5px 20px;
  }

  .pres-header {
    margin-bottom: 20px;
  }

  .realisation2 {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .galerie_pin>div {
    column-count: 1 !important;
  }

  .ba-slider-label-before {
    font-size: 0.75rem;
  }

  .ba-slider-label-after {
    font-size: 0.75rem;
  }

  .ba-slider {
    aspect-ratio: 4 / 3;
    height: 250px;
  }

  .realisation2 h2 {
    font-size: 1.1rem !important;
    width: 100%;
    margin-bottom: 10px;
    margin: 0px;
    text-align: left;
  }

  .album .image_album h3 {
    font-size: 1.1rem;
  }

  .album .image_album {
    height: 230px;
    max-height: inherit;
  }

  .album {
    grid-template-columns: repeat(auto-fit, minmax(177px, 1fr));
    gap: 10px;
  }

  .textGalerie {
    padding: 15px 20px;
  }

  .footer3 .row .col-md-3 p {
    margin-bottom: 0px;
  }

  .footer3 .row:first-child {
    width: calc(100% - 45px);
    padding: 40px 0px 10px !important;
  }

  .footer3 .row .col-md-3 {
    padding-left: 0px !important;
    margin-bottom: 25px;
  }

  .footer3 .row span {
    width: 90%;
  }
}

/* FAQ */
.faq-container {
  margin-bottom: 0px;
  width: 100%;
  margin-top: 0px !important;
  padding: 50px 0px;
  max-width: 1380px;
}

.faq-container h2 {
  text-align: center;
  border-bottom: 0px solid var(--second-color);
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 25px;
  width: 100%;
  margin-top: 0px;
  color: #f2ede3;
}

.faq-question {
  padding: 25px 20px;
  border-radius: initial;
  background-color: transparent;
}

.faq-toggle {
  background-color: transparent;
  font-size: 16px;
  padding-top: 0px;
  top: 25px;
  color: var(--second-color);
}

.faq-question:hover {
  background-color: rgba(165, 118, 81, 0.1);
}

.faq-question.active {
  background-color: rgba(165, 118, 81, 0.1);
}

.faq-question.active .faq-toggle {
  transform: rotate(180deg);
  background-color: rgba(255, 0, 0, 0);
  border-color: var(--second-color);
  color: var(--second-color);
}

.faq-question.active .faq-title {
  color: var(--second-color);
}

.faq-title {
  font-size: 1.2rem;
  font-weight: bolder;
  color: #f2ede3;
}

.faq-text {
  display: grid !important;
  grid-template-rows: 0fr;
  margin: 0 !important;
  transition:
    grid-template-rows 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    margin 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-text>* {
  overflow: hidden;
  color: #cfc6b8;
}

.faq-question.active .faq-text {
  grid-template-rows: 1fr;
  margin: 20px 0 0 !important;
}

.faq-toggle i {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-question.active .faq-toggle i {
  transform: rotate(180deg);
}

.faq__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--second-color);
  display: flex;
  align-items: center;
  gap: 10px;
}

.faq__eyebrow::before {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--second-color);
  border-radius: 2px;
  display: inline-block;
}

.faq-question:not(:first-child) {
  border-bottom: 1px solid rgba(165, 118, 81, 0.25);
}

#div_img_h2 h2 {
  margin-top: 5px !important;
  margin-left: 175px;
  text-align: left;
}

.album .image_album {
  height: 240px;
}

.album .image_album h3 {
  width: 85%;
}

#backButton {
  z-index: 999;
}

@media (max-width: 768px) {
  .faq-container {
    padding: 30px 20px !important;
  }

  #allImageTitle h2 {
    font-size: 1.5rem !important;
    margin-bottom: 10px !important;
  }

  .faq-container h2 {
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 5px;
  }

  .acceuil3_div {
    padding: 0 10px;
  }

  .faq-title {
    font-size: 1rem;
  }

  .faq-question:not(:first-child) {
    padding: 17px 15px 17px 12px;
  }

  .faq-question.active {
    box-shadow: inset 2px 0 0 0 var(--second-color);
  }

  .faq-toggle {
    height: 24px;
    font-size: 16px;
    top: 14px;
    width: 24px;
    right: 10px;
  }

  .faq-toggle i {
    font-size: 12px;
  }

  .faq-text {
    margin: 15px 0 0;
    font-size: 0.95rem;
  }

  #galerieName {
    margin-left: 0px !important;
  }

  #div_img_h2 h2 {
    text-align: left;
    margin-top: 40px !important;
    width: 90%;
    margin-left: 14px !important;
    margin-bottom: -6px !important;
  }

  #backButton {
    left: 14px;
  }
}

.page-avis .avis-grid {
  display: block !important;
  columns: 3;
  column-gap: 1.5rem;
  grid-template-columns: unset;
  margin-top: 2rem;
}

.page-avis .avis-card {
  break-inside: avoid;
  margin-bottom: 1.5rem;
  display: inline-block !important;
  width: 100%;
  float: none;
  background-color: #1c1c1c;
  border: 1px solid rgba(165, 118, 81, 0.15);
}

.map-container iframe {
  height: 300px;
}

/* ------------------------------------------------------------------
   Lisibilité des blocs "template" (Isolation, Façade, Salle de bain,
   Toiture, Clôture, Peinture thermique, Accueil, etc.) : pour chaque
   bloc le CMS injecte un <style> interne qui fixe le texte en gris
   foncé (#373737), pensé à l'origine pour un fond blanc. Ces blocs
   étant maintenant sur fond sombre (cf. "Couleur de fond" réglée
   dans Pages & contenu > Contenu), ce gris devient quasi illisible
   sur le noir. On repasse ce texte en clair, SAUF dans les cartes
   à fond blanc (avis clients, cartes de service "_card") où le
   gris foncé d'origine reste le bon choix.
   !important nécessaire pour passer devant le <style> injecté par
   le CMS, dont la spécificité est identique à celle des règles
   ci-dessous : c'est donc l'ordre (cette règle est déclarée après)
   qui tranche. Ne pas déplacer ce bloc avant les cartes blanches.
   Sélecteur [class*="template"] (et pas seulement "altoria_template") :
   l'accueil utilise aussi des blocs nommés "template23", "template24",
   "template25" sans le préfixe "altoria_", même souci de contraste. */
[class*="template"] h1,
[class*="template"] h2,
[class*="template"] h3,
[class*="template"] h4,
[class*="template"] p,
[class*="template"] li,
[class*="template"] span {
  color: #f2ede3 !important;
}

/* Formulaire de contact (page Contact & Devis) : le titre "Formulaire
   de contact / Devis" et le label de la question anti-robot restaient
   en gris foncé par défaut du thème sur fond noir. */
.formulaire h1,
.formulaire h2,
.formulaire h3,
.formulaire h4,
.formulaire p,
.additonVerifbot label {
  color: #f2ede3 !important;
}

/* Cartes à fond blanc (avis clients, cartes de service) : on garde
   le texte gris foncé d'origine pour la lisibilité sur fond clair.
   Doit rester déclaré APRÈS la règle ci-dessus pour la neutraliser
   localement (même spécificité, donc l'ordre de déclaration décide). */
[class*="_card"] h1,
[class*="_card"] h2,
[class*="_card"] h3,
[class*="_card"] h4,
[class*="_card"] p,
[class*="_card"] li,
[class*="_card"] span {
  color: #373737 !important;
}

/* ------------------------------------------------------------------
   Contraste entre sections : chaque bloc de contenu a été réglé à la
   même couleur de fond (#141414) dans l'admin, ce qui donne un rendu
   plat (un seul noir uniforme du haut en bas de la page, sans relief).
   On alterne ici deux teintes sombres pour retrouver un rythme visuel
   entre les sections, sans toucher aux réglages de l'admin : chaque
   bloc de contenu est enveloppé dans son propre ".ck-content", ces
   ".ck-content" sont des frères directs sous <main>, donc nth-of-type
   compte correctement la position de chaque bloc sur la page.
   !important nécessaire pour passer devant la couleur de fond inline
   posée par l'admin (ex: background-color: rgb(20, 20, 20)). */
.ck-content:nth-of-type(odd) .article_block.article-color {
  background-color: #0a0a0a !important;
}

.ck-content:nth-of-type(even) .article_block.article-color {
  background-color: #1a140d !important;
  border-top: 1px solid rgba(165, 118, 81, 0.25);
  border-bottom: 1px solid rgba(165, 118, 81, 0.25);
}