.banner__item:after {
  background-color: transparent !important;
}
.contact-form .top-map .address {
    font-size: 1.10rem !important;
}
.captcha__description {
    display: none;
}

/* Par défaut, cacher les sous-menus */
.menu-item-has-children ul {
    display: none; /* Cacher les sous-menus */
    position: absolute; /* Positionner le sous-menu sous le parent */
    z-index: 1000; /* Assurer que le sous-menu s'affiche au-dessus d'autres éléments */
}
/* Afficher les sous-menus au survol */
.menu-item-has-children:hover > ul {
    display: block; /* Afficher les sous-menus au survol */
}
.image-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.image-grid img {
    width: 48%;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .image-grid {
        flex-direction: column;
    }

    .image-grid img {
        width: 100%;
    }
 
.btn-arrow-custom {
    margin: 10px; /* Ajoute une marge de 10px autour de chaque bouton */
    display: inline-block; /* Permet aux boutons de s'afficher sur la même ligne */
    text-align: center;
}

}
/* Exemple de style pour les images */
.view-gallery .views-row {
    border: 1px solid #ccc; /* Bordure autour de chaque image */
    padding: 10px; /* Espace autour de l'image */
    margin-bottom: 15px; /* Espace entre les images */
    transition: transform 0.2s; /* Effet de transition pour le zoom */
}

.view-gallery .views-row:hover {
    transform: scale(1.05); /* Agrandir légèrement l'image au survol */
}

/* Styles pour les filtres */
.views-exposed-form {
    margin-bottom: 20px; /* Espace en dessous des filtres */
    background-color: #f9f9f9; /* Couleur de fond pour les filtres */
    padding: 15px; /* Espacement intérieur */
    border-radius: 5px; /* Coins arrondis */
}

/* Style pour le bouton d'application */
.views-exposed-widget input[type="submit"] {
    background-color: #007bff; /* Couleur de fond */
    color: #fff; /* Couleur du texte */
    border: none; /* Supprimer la bordure */
    padding: 10px 15px; /* Espacement intérieur */
    border-radius: 5px; /* Coins arrondis */
    cursor: pointer; /* Pointeur au survol */
}

.views-exposed-widget input[type="submit"]:hover {
    background-color: #0056b3; /* Couleur au survol */
}
/* Style cacher les éléments du top menu droit */
.header__right .search {
        display: none !important ;
    }
.header__right .icon-mail {
        display: none !important ;
    }
.header .wrap-dropdown {
        display: none;
    }
/* Style page Galery */
.view-galerie .views-exposed-form {
    background-color: unset;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.view-galerie .views-exposed-form .form-item,
.view-galerie .views-exposed-form .form-actions {
    float: left;
    padding: .5em 1em 0 0;
    width: 100%;
}
.view-galerie .views-exposed-form label {
    font-weight: bold;
}
.view-galerie .views-exposed-form .form-text,
.view-galerie .views-exposed-form .form-select,
.view-galerie .views-exposed-form .form-submit {
    width: 100%;
    max-width: 98%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
}
.view-galerie .views-exposed-form .form-text,
.view-galerie .views-exposed-form .form-select{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.view-galerie .views-exposed-form .form-submit {
    margin-top: 30px;
    justify-content: space-between;
    border-radius: 4px;
    background-color: #008A90;
    color: #fff;
}
.view-galerie .picture-border2 {
    border: 2px solid #a7a9ac;
    border-radius: 10px;
    margin: 10px 20px 10px 10px;
    padding: 10px;
    height: auto;
    max-width: 98%;
    box-sizing: border-box;
    background-color: #e7e7e7;
}
.view-galerie .picture-border2 img {
    display: block;
    margin: 0 auto;
}
.view-galerie .rtecenter {
    text-align: center;
}
.view-galerie .views-exposed-form .form-actions {
    margin-bottom: 20px !important;!i;!;
}
/*#block-vetoquinol-gallery-block {
    margin-top: -6rem
}*/
#block-vetoquinol-breadcrumbs-2 {
    margin: 0 auto;
    position: relative;
    max-width: 82.5rem;
}
.view-galerie .download {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;}
.view-galerie .download img {
    margin: unset;
}
#block-vetoquinol-gallery-block .banner.banner-single {
    padding: 1.25rem 0;
    background-color: #008A90;
    color: #fff;
    margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
    #block-vetoquinol-gallery-block .banner.banner-single {
        padding: 2.5rem 0;
        margin-bottom: 0;
    }
     .btn-container {
        margin-bottom: 20px; /* Ajoute de l'espace sous les boutons du haut */
    }

    .btn-arrow-custom {
        margin-bottom: 10px; /* Optionnel : espace vertical entre les boutons */
    }
}
}

details summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
}

details summary::before {
  content: "▼"; /* Flèche bas */
  margin-right: 8px;
  display: inline-block;
  transition: transform 0.2s;
}

details[open] summary::before {
  transform: rotate(180deg); /* Retourne la flèche */
}
/* Réduction de la taille des boutons sur mobile */
/* Afficher les boutons en deux colonnes sur mobile */
@media (max-width: 768px) {
    .btn-container {
        display: grid; /* Active le mode grille */
        grid-template-columns: repeat(2, 1fr); /* Deux colonnes de taille égale */
        gap: 10px; /* Espace entre les boutons */
    }

    .btn-arrow-custom {
        font-size: 14px; /* Ajuste la taille du texte si nécessaire */
        padding: 10px 15px; /* Ajuste le padding si nécessaire */
        text-align: left; /* Centrer le contenu */
        width: 100%; /* Chaque bouton occupe toute sa cellule */
    }
  .mailto-link {
   margin-bottom: 10 auto;
    display: inline-block;
  justify-content: center;
    padding: 10px 20px;
    background-color: #4B686C;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
}
}

/* Style général pour le formulaire de mot de passe */
.entity-access-password-password-node-6139,
.entity-access-password-password,
.edit-form-password,
#protected-pages-enter-password {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    margin: 0 auto;
}

/* Style pour les champs de saisie */
.entity-access-password-password-node-6139 input[type="password"],
.entity-access-password-password input[type="password"],
.edit-form-password input[type="password"],
#protected-pages-enter-password input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}

/* Style pour le bouton de soumission */
.entity-access-password-password-node-6139 button,
.entity-access-password-password button,
.edit-form-password button,
#protected-pages-enter-password button {
    width: 100%;
    padding: 15px;
    background-color: #4B686C;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

/* Effet de survol pour le bouton */
.entity-access-password-password-node-6139 button:hover,
.entity-access-password-password button:hover,
.edit-form-password button:hover,
#protected-pages-enter-password button:hover {
    background-color: #388F43;
}

.mailto-link {
  margin-left: 50%;
  transform: translateX(-50%);
   margin-top: 30px;
   margin-bottom: 30px;
    display: inline-block;
  justify-content: center;
    padding: 10px 20px;
    background-color: #4B686C;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
}
.mailto-link:hover,
#protected-pages-enter-password .mailto-pswd:hover {
    background-color: #388F43;
}
#protected-pages-enter-password {
  margin-top: 20px;
}
#protected-pages-enter-password .mailto-pswd {
  display: inline-block;
  padding: 10px 20px;
  background-color: #4B686C;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: normal;
}
#protected-pages-enter-password .fieldset-wrapper {
  position: relative;
}
#protected-pages-enter-password .protected_pages_description {
  position: absolute;
  top: -90px;
  width: 100%;
  text-align: center;
}
#protected-pages-enter-password .icon {
  margin-left: 100px;
}
#protected-pages-enter-password input#edit-submit {
  text-transform: uppercase;
  padding: 15px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  line-height: 2.0625rem;
}