/* --- FONT FAMILY --- */
@font-face {
  font-family: 'Family';
  src: url('fonts/family-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Family';
  src: url('fonts/family-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

/* Appliquer globalement */
body {
  font-family: 'Family', serif;
  margin: 0;
  padding: 0;
  background-color: #F9F9F9;
}
p{
  font-size: 20px;
}

/* --- HERO --- */
.hero {
  min-height: 100vh;
  background: url('images/personnes-participant-a-un-mouvement-de-voyage-durable.jpg') center/cover no-repeat;
  color: white;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.hero-logo img {
  max-width: 220px;
  z-index: 10;
}
.btn-cta-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #BB663A;
  color: white;
  font-size: 1rem;
  font-weight: light;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-cta-circle:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
  color: white;
}

/* --- SECTIONS SPLIT (2 et 3) --- */
.section-split {
  display: flex;
  align-items: stretch;
  background-color: #FCF9F3;
}
.section-split .col-md-8 {
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* --- UNIVERS (colonne droite foncée) --- */
.univers .col-md-8 {
  background-color: #1e1e1e;
  color: white;
  padding: 60px;
}

.univers img {
  object-fit: contain;
}

.univers img:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.5);
}

.univers p {
  font-size: 0.9rem;
  margin-top: 8px;
}

#formulaire{
  background-color: #F9F9F9;
}

/* --- FOOTER --- */
.footer-custom {
  background-color: #000;
  color: white;
  padding: 30px 40px;
}

.footer-custom .footer-logo {
  max-width: 140px;
  display: block;
}

.footer-custom p {
  font-size: 0.9rem;
  margin-top: 5px;
}