/* villesequelande.css */

/* 1) Étoile verte seule */
.star-container {
    text-align: center;
    margin-bottom: 20px;
  }
  .star-container img {
    width: 40px;
    height: 40px;
  }
  
  /* 2) Sous-titre d'intro (remplace l'inline "font-style: italic;") */
  .intro-subtitle {
    font-style: italic;
    margin-bottom: 15px;
    color: #333;
  }
  
  /* 3) Image père/fils */
  .maxfred-wrapper {
    text-align: center;
    margin: 30px auto;
  }
  .maxfred-wrapper img {
    display: block;
    max-width: 600px; /* élargir si vous voulez plus grand */
    width: 90%;
    margin: 0 auto;
    transition: transform 0.4s ease;
  }
  .maxfred-note {
    margin-top: 8px;
    color: #006400;  /* Vert sombre */
    font-style: italic;
  }
  .maxfred-wrapper img:hover {
    transform: translateY(-8px) scale(1.03);
  }
  
  /* 4) Lien "ouvrir la carte" => vert / vert clair */
  .green-map-link {
    color: #008000;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .green-map-link:hover {
    color: #adff2f; /* Vert clair survol */
  }
  
  /* 5) Conteneur de la map (Street View) */
  .map-container {
    text-align: center;
    margin: 20px auto;
  }
  .map-iframe {
    width: 90%;
    height: 400px;
    border: 0;
  }
  
  /* 6) Blason block (Armorial + Lacompté0 + Blason) */
  .blason-links {
    white-space: nowrap;
  }
  .bootstrap-book {
    height: 1em;
    vertical-align: middle;
    margin: 0 4px;
  }
  .blason-link {
    color: #008000;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .blason-link:hover {
    color: #adff2f;
  }
  
  /* Armorial container (images) - réduit à 40% sur grand écran */
  .armorial-container {
    text-align: center;
    margin: 20px auto;
  }
  .armorial-container img {
    max-width: 40%; /* Sur desktop => ~40% */
    height: auto;
    border-radius: 5px;
  }
  
  /* Sur mobile (<= 600px), on autorise plus large (95%) */
  @media (max-width: 600px) {
    .armorial-container img {
      max-width: 95%;
    }
  }
  
  /* 7) Références */
  .references-list {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: left;
  }
  .references-list li {
    margin-bottom: 8px;
  }
  .references-list li::before {
    content: "• ";
    color: greenyellow; /* Vert pour les puces */
  }
  .references-list li a {
    text-decoration: none;
    color: #333;
    transition: color 0.2s ease;
  }
  .references-list li a:hover {
    color: #adff2f;
  }
  
  /* 8) Responsive ajustements */
  @media (max-width: 600px) {
    .maxfred-wrapper img {
      max-width: 100%;
    }
    .map-iframe {
      height: 300px;
    }
  }
  
  /* 9) Vintage container */
  .vintage-container {
    text-align: center;
    margin: 20px auto;
  }
  .vintage-container img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
  }