.section {
    width: 100%;
    
    padding-top: clamp(2rem, 0.557rem + 5.3691vw, 7rem);

    justify-content: center; /* centre les items sur la ligne */
  }
  
  .conteneur-section {
    flex-wrap: wrap;
    width: 95%;
    max-width: 1600px;
    margin-inline: auto; /* centre la boîte */
  }

  .ligne {
    border: none;
    height: 2px;
    background-color: var(--orange-clair);
    width: clamp(200px, 60vw, 900px);
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(0.5rem, 1.2vw, 1.2rem); /* augmenté d’environ 2px */

    border-radius: 2px;
  }
  
  
  /* =========================
   DETAILS / FAQ UNIVERSAL
   ========================= */

 /* Conteneur principal du bloc details */
 details.faq {
    background: var(--blanc-doux);
    border: 1px solid var(--gris-perle);
    margin: 0 0 1rem 0;
  }


  details.faq > summary { 
    padding: 1rem 1.5rem;
    line-height: 1.35;
    cursor: pointer;
  }


  .faq-content {
    padding-bottom: 1rem;
    padding-left: 1.5rem;
   }

   .faq-content p {
    margin-bottom: 1.2em; /* espace entre paragraphes dans ce bloc uniquement */
  }

 



  details.faq[open] .faq-content { 
    background: var(--blanc-pur);  
  }
  
/* Texte "Lire plus/moins" à GAUCHE */
details:not(nav details):not(.nav) summary .action-text {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.9rem;
  color: var(--gris-neutre);
  font-weight: 500;
  /* Plus de margin-left: auto */
}

  /*-----------------*/

  .details-content.courrier p:first-of-type + p + p {
    text-align: right;
}

.details-content.courrier p {
    text-align: justify;
    line-height: 1.6;
}

.details-content.courrier {
    padding: clamp(1rem, 2vw, 2rem);
  }
  


 /*-----------------*/

  a {
    color: var(--bleu-acier);
  }
  
  a:visited {
    color: var(--bleu-acier);
  }
  


  /* =========================
   DETAILS / FAQ UNIVERSAL - AMÉLIORÉ
   ========================= */

details.faq {
  background: var(--blanc-doux);
  border: 1px solid var(--gris-perle);
  margin: 0 0 1rem 0;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

details.faq > summary { 
  padding: 1rem 1.5rem;
  line-height: 1.35;
  cursor: pointer;
  position: relative;
  list-style: none;
  padding-right: clamp(1.5rem, 4vw, 2.5rem);
  min-height: 44px;
  transition: all 0.3s ease;
}

details.faq > summary::-webkit-details-marker {
  display: none;
}

/* Point indicateur à DROITE */
details.faq > summary::before {
  content: '';
  position: absolute;
  right: clamp(1rem, 3vw, 1.25rem);
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--gris-neutre);
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

details.faq[open] > summary::before {
  background: #2ecc71;
}

/* Animation ouverture */
details.faq[open] .faq-content { 
  background: var(--blanc-pur);
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}