/* Bandeau commun aux pages d'entree (destinations, tarifs).
   Ne touche que l'en-tete : chaque page garde sa propre mise en page. */

.bandeau {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
  padding: 14px 20px;
  background: #111;
}

.bandeau .marque {
  display: inline-flex;
  line-height: 0;
}

/* Le logo est celui de l'en-tete du site (style/images/logosimple.svg), pas un
   nom retape : une page d'entree depuis Google est la premiere impression que
   le visiteur a de l'entreprise. */

.bandeau .marque img {
  width: 190px;
  height: auto;
}

.bandeau .appel {
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid #fe0000;
  border-radius: 4px;
  padding: 7px 14px;
}

.bandeau .appel:hover {
  background: #fe0000;
}

@media (max-width: 480px) {
  .bandeau .marque img {
    width: 150px;
  }
}