/* reset simple */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: "Times New Roman", Times, serif;
  line-height: 1.5;
  margin: 0px;
  padding: 20px;
  background: #000000;
  color: #FFFFFF;
}

p {
  margin: 20px 60px; /* marge normale pour tous les paragraphes */
  text-align: justify;
}
.marge-petite {
  margin: 20px 100 px; /* marge réduite pour ce paragraphe */
}

.centered {
  margin: 20px 100 px; /* marge réduite pour ce paragraphe */
  text-align: center;
}

/* bannière responsive */
.site-header { text-align: center; margin-bottom: 20px; }
.banner-img {
  width: 100%;
  height: auto;          /* change la hauteur si besoin */
  object-fit: cover;      /* garde le cadrage propre */
  display: block;
}

a {
  color: #56c5f1;      /* bleu foncé */
  text-decoration: none;  /* supprime le soulignement */
}

a:hover {
  color: #f9ec7b;      /* bleu un peu plus clair au survol */
  text-decoration: underline; /* ou none si tu veux garder sans soulignement */
}



/* images galerie */
.thumb { max-width: 400px; width: 100%; height: auto; margin: 8px; }

/* iframe youtube responsive */
.video-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-wrap iframe { position: absolute; top:0; left:0; width:100%; height:100%; border:0; }

/* petits espacements */
main { max-width: 1000px; margin: 0 auto; }
section { margin-bottom: 24px; }