/* === Base === */
body {
  background-color: #f8f9fa;
  color: #212529;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
}
h1, h2, h3, h4, h5 {
  color: #0d6efd; /* titres en bleu principal */
}

.section-title {
  display: inline-block;
  padding-bottom: 0.3rem;
}

/* === Navbar === */
.navbar {
  background-color: #0d6efd;
}
.navbar-brand{
  color: #fff;
}
.navbar .nav-link {
  color: #fff;
}

.navbar .nav-link:hover {
  color: #adb5bd;
}

.dropdown-menu {
  min-width: 200px;
}

.dropdown-menu-end {
  right: 0;
  left: auto;
}

/* === Timeline === */
.timeline-container {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: 2rem 0;
}

.timeline-container::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  background-color: #0d6efd;
  transform: translateX(-50%);
  z-index: 1;
}

.timeline-block {
  position: relative;
  margin: 3rem 0;
}

.timeline-date {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #0d6efd;
  color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: bold;
  z-index: 2;
}

.timeline-item {
  position: relative;
  width: 45%;
}

.timeline-item.left {
  left: 0;
  text-align: right;
}

.timeline-item.right {
  left: 55%;
  text-align: left;
}

.timeline-content {
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-left: 4px solid #0d6efd; 
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .timeline-item {
    width: 100%;
    left: 0 !important;
    text-align: left !important;
    margin-top: 2rem;
  }

  .timeline-container::before {
    left: 20px;
    transform: none;
  }

  .timeline-date {
    left: 20px;
    transform: translate(0, -50%);
  }
}

/* === Cards === */
.card {
  border: 1px solid #0d6efd;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
  cursor: pointer;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 10px rgba(0,0,0,0.15);
  background: #e7f1ff; /* léger fond bleu au survol */
}

.card-header, .card-title {
  color: #0d6efd;
}

.card a {
  color: inherit;
  text-decoration: none;
}

.card a:hover {
  text-decoration: none;
}

/* === Buttons === */
.btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-primary:hover {
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

.btn-success {
  background-color: #198754;
  border-color: #198754;
}

.btn-success:hover {
  background-color: #157347;
  border-color: #146c43;
}

/* === Carousel === */
.carousel-item img {
  object-fit: cover;
  height: 400px;
}

.carousel-caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); /* Fond noir semi-transparent couvrant tout */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 0; /* pas besoin de coins arrondis puisqu'on couvre tout */
}

.carousel-caption h5,
.carousel-caption p {
  color: #fff;
}


/* === Formulaire === */
.contact-form {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}