.titre-coloré {
  color: #FF0000;
}
/* Bouton "CONTACTEZ NOUS" dans le livre */
.component .book .btn {
  font-size: 0.85rem;   /* réduit la taille du texte */
  padding: 6px 10px;    /* réduit les marges intérieures */
  white-space: normal;  /* permet de couper le texte si besoin */
  word-break: break-word; /* évite que ça déborde */
  text-align: center;   /* garde le texte centré */
  display: inline-block;
  max-width: 100%;      /* force à ne pas dépasser */
  box-sizing: border-box;
}
/* ✅ Correctif menu mobile (toujours à droite) */
@media (max-width: 600px) {
  .site-mobile-menu {
    left: auto !important;   /* empêche l'ancrage à gauche */
    right: 0 !important;     /* fixe le menu à droite */
    transform: translateX(110%) !important; /* caché hors écran à droite */
  }
  .offcanvas-menu .site-mobile-menu {
    transform: translateX(0%) !important; /* affiché quand ouvert */
  }
}
.highlight-blog {
  background-color: #8b0000; /* rouge profond */
  color: #ccc !important;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: bold;
  display: inline-block;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease;
}

.highlight-blog:hover {
  background-color: #b71c1c;
}
.dropdown li a.highlight-blog {
  background: #c62828 !important;
  padding: 8px 16px !important;
  color: #fff !important;
}
.dropdown li a.highlight-blog {
  background-color: #c62828;
}

.dropdown li a.highlight-blog:hover {
  background-color: #b71c1c;
}

.dropdown li a.highlight-blog:before,
.dropdown li a.highlight-blog:after {
  display: none;
}
/* Taille standard */
body {
  font-size: 16px;
  line-height: 1.5;
}

/* Réduire les titres trop grands */
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; font-weight: 600; }
h5 { font-size: 15px; }

/* Responsive mobile */
@media (max-width: 480px) {
  h1 { font-size: 22px; }
  h2 { font-size: 18px; }
  h3 { font-size: 16px; }
  p, a, li { font-size: 15px; }
  select { font-size: 16px; height: 28px; }
}
.highlight-red { color: red; font-weight: bold; }
.video-responsive {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto; /* centre la vidéo */
  border-radius: 12px; /* arrondis optionnels */
}
.bg-light {
  background:transparent; }
  .item {
  margin-bottom: 22px;  /* espace entre les lignes */
}