/* PAGE */
.demander-page {
  font-family: Arial, sans-serif;
  background: #f7f9fc;
  min-height: 100vh;
  padding: 3rem 1.5rem;
  color: #333;
}

.demander-container {
  max-width: 1100px;
  margin: 0 auto;
}

/* TITRES */
.demander-title {
  text-align: center;
  color: #0C5B94;
  font-size: 2.4rem;
  margin-bottom: 0.5rem;
}

.demander-subtitle {
  text-align: center;
  color: #555;
  margin-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 1.6;
}

/* GRID */
.demander-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.8rem;
}

/* DESKTOP */
@media (min-width: 900px) {

  .demander-grid {
    grid-template-columns: 1.1fr 1fr;
    grid-template-areas:
      "processus lancement"
      "faq lancement";
  }

  .bloc-processus {
    grid-area: processus;
  }

  .bloc-lancement {
    grid-area: lancement;
  }

  .bloc-faq {
    grid-area: faq;
  }

}

/* BLOCS */
.demander-bloc {
  background: #ffffff;
  border-radius: 14px;
  padding: 1.8rem;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
}

.demander-bloc h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #0C5B94;
}

.demander-bloc p {
  margin-bottom: 0.8rem;
  line-height: 1.6;
}

/* ETAPES */
.steps-list {
  margin: 0.5rem 0 1rem;
  padding-left: 1.2rem;
}

.steps-list li {
  margin-bottom: 0.7rem;
  line-height: 1.5;
}

/* MINI PRESENTATION */
.mini-presentation {
  border-left: 4px solid #D12517;
  padding-left: 1rem;
  margin-top: 1rem;
  margin-bottom: 1.2rem;
}

/* BOUTON SECONDAIRE */
.btn-secondary {
  display: inline-block;
  margin-top: 0.8rem;
  padding: 0.7rem 1.4rem;
  border-radius: 999px;
  border: 1px solid #0C5B94;
  background: white;
  color: #0C5B94;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
}

.btn-secondary:hover {
  background: #0C5B94;
  color: white;
}

/* TEMOIGNAGE */
.temoignage-bloc {
  margin-top: 1.2rem;
  padding: 1rem 1.2rem;
  border-radius: 12px;
  background: #fdf4f3;
  border: 1px solid #f3cbc6;
}

.temoignage-texte {
  font-style: italic;
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

.temoignage-auteur {
  font-weight: bold;
  color: #D12517;
  font-size: 0.95rem;
}

/* JE ME LANCE */
.form-intro {
  margin-bottom: 1rem;
}

.form-help {
  font-size: 0.85rem;
  color: #777;
  margin-top: 1rem;
  text-align: center;
  line-height: 1.5;
}

/* BOUTON PRINCIPAL */
.btn-primary {
  margin-top: 0.5rem;
  display: inline-block;
  padding: 0.9rem 1.7rem;
  border-radius: 5px;
  border: none;
  background: #FFCC00;
  color: black;
  font-weight: bold;
  font-size: 0.95rem;
  text-decoration: none;
  transition: 0.3s;
}

.btn-primary:hover {
  background: #e6b800;
  transform: translateY(-2px);
}

/* CENTER */
.center {
  text-align: center;
  margin-top: 1.5rem;
}

/* FAQ */
.faq-mini-list {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.faq-mini-item {
  padding: 0.8rem;
  border-radius: 10px;
  background: #f4f7fb;
  border: 1px solid #e0e7f1;
}

.faq-mini-question {
  font-weight: bold;
  color: #0C5B94;
  margin-bottom: 0.3rem;
}

.faq-mini-answer {
  font-size: 0.92rem;
  line-height: 1.6;
}

/* LIEN FAQ */
.faq-link-full {
  margin-top: 1rem;
  display: inline-block;
  font-size: 0.92rem;
  color: #0C5B94;
  text-decoration: none;
  font-weight: bold;
}

.faq-link-full:hover {
  text-decoration: underline;
}

/* MOBILE */
@media (max-width: 768px) {

  .demander-page {
    padding: 2rem 1rem;
  }

  .demander-title {
    font-size: 2rem;
  }

  .demander-bloc {
    padding: 1.3rem;
  }

}