/* ------------------------------- CSS PAGE D'ACCUEIL --------------------------------- */

/* ------- CONTENEUR PRINCIPAL ------- */

.texte-accueil-conteneur {
  width: 60%; /* La largeur du conteneur mesure 60% de la largeur de son parent (main) */
  margin-bottom: 20px; /* Le conteneur a une marge de 20px qui le sépare de l'élément lui succédant (footer) */
}

.texte-accueil-conteneur p { /* Définit le style des paragraphes dans ce conteneur */
  font-size: 50px; /* Le texte contenu dans les paragraphes mesure 50px */
  color: white; /* Le texte est blanc */
  text-shadow: #FC0 1px 0 10px; /* Le texte est entouré d'une lumière jaune */
  text-align: center; /* Le texte est centré */
}

/* ------- CONTENEUR DU DECOMPTE ------- */

.decompte-conteneur {
  padding: 20px; /* Le conteneur a un padding de 20px */
  background-color: rgba(0,0,0,0.7); /* Le conteneur a un fond noir transparent à 70% */
  border-radius: 5px; /* La bordure du conteneur est arrondie sur 5px */
}

.decompte-conteneur p { /* Définit le style des paragraphes dans ce conteneur */
  font-size: 25px; /* Le texte contenu dans les paragraphes mesure 25px */
  color: white; /* Le texte est blanc */
  text-align: center; /* Le texte est centré */
}

.decompte-conteneur #decompte {
  font-size: 50px; /* Le texte du décompte mesure 50px */
  color: white; /* Le texte est blanc */
  text-align: center; /* Le texte est centré */
}

/* ------- CONTENEUR DE LA NEWSLETTER ------- */

.newsletter-conteneur {
  width: 100%; /* La largeur du conteneur fait 100% de la largeur de son parent (main) */
}