/*
DÉBUT PERSONNALISATION
*/


#bandeau {
    background-image: url(/index.php/view/media/getMedia?repository=bvta&project=rex_viaur&path=media%2Fthemes%2Frex_viaur%2Fcss%2F/../img/bandeau_viaur.jpg);
    background-size: cover;
    height: 200px; /* Ajustez la hauteur selon vos besoins */
    /* Ajoutez d'autres styles nécessaires */
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Barre menu gauche~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#mapmenu {
    background: #329a92;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Dock Latéral~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* transparence dock latéral */
/* Utilisez !important pour vous assurer que la propriété est prioritaire */

#dock {
    background-color: transparent !important; 
}

/*Titre Fond de carte en gras*/
span.text {
    font-weight: bold !important;
}

/* transparence fond de l'outil de sélection de fond*/ 
div.menu-content {
    background-color: rgba(255, 255, 255, 0.3) !important;
} 

/*
#switcher-layers-container > div.menu-content {
  background-color:#F0F0F0;
  overflow: hidden auto;
  display: none;
}
*/

/* Couleur titre fond de carte */
.title .text {
    color: black !important;
}

/* Cacher nom de la rubrique en haut du dock */
#dock-tabs {
    display: none !important;
}

/*Cacher le bouton dock close*/
#dock-close {
    display: none;
}

/* Cacher les outils du switcher layers actions */

#switcher-layers-actions {
    display: none;
    position: relative;
    z-index: 9999; /* ou une valeur plus élevée si nécessaire */
}

#button-edition {
    display: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~Onglet Filtre (intégré au dock latéral)~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Menu filtres fond transparent */
#filter-content .menu-content {
    background-color: rgba(0, 0, 0, 0) !important;
}


/*Position du dock filtres par rapport à la page*/
.tree.menu-content {
    position: fixed;
    top: 0;
    left: 30px !important;
    padding: 10px;
}



#liz-filter-layer-selector {
    display: none;
}
/* Cacher sélection de chouche pour les filtres */
body  .menu-content {
    display: none;
}
/*Décompte des abjets filtrés*/
#liz-filter-item-layer-total-count,
b {
    display: none;
}

/*Cacher bouttons*/
#liz-filter-zoom,
#liz-filter-export,
#liz-filter-unfilter {
    display: none;
}

/*Cacher l'overflow sur le coté droit de la sélection box*/
div.liz-filter-field-box p {
  max-height: 25vh;
  overflow: hidden;
  padding-left: 5px;
  clear: both;
}

/* Position cadre filtre */
#liz-filter-box-Annee {
    position: relative;
    margin-top: 30px; 
    z-index: 999; 
}

/*~~~~~~~~~~~~~~~~~~~~~~Minidocks (menus flotants)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* croix pour fermer les fenêtres de minidocks*/
#toolbar .title .btn.btn-error,
#dock .title .btn.btn-error,
#mini-dock .title .btn.btn-error,
#right-dock .title .btn.btn-error {
color:#4d1b19;  /*<- marron foncé*/
font-weight: bold;
}

/* Taille popup à 100% sans avoir la slide bar pour descendre dans la fenêtre*/

.olPopupContent.lizmapPopupContent {
    height: 100%;
    overflow: hidden;
}

/*Titres de minidocks*/
/*
#mini-dock h3{
background:#a9be4d;
border-radius: 15px 15px 0px 0px;
}

/* Couleur des liens http (tous, même pour le lien osm du copyright)*/
a {
    color: #a9be4d !important;
    text-decoration: none !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~Sélection fond de carte~~~~~~~~~~~~~~~~~~~~*/

/*Fond transparent outil de sélection de fond de carte*/
div.menu-content {
    background-color: rgba(255, 255, 255, 0) !important;
}


#switcher {
    opacity: 0.5; /* rend tout le contenu à 50% opaque */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~logo~~~~~~~~~~~~~~~~~~~~*/

#attribution-box-perso {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    right: 0;
    padding: 0 0.5em;
    position: absolute;
    z-index: 1000;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.7);
    border-top-left-radius: 1em;
    display: flex;
    align-items: flex-end;
    gap: 5px;
} 