/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Bloc annuaire des entreprises~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#bloc-annuaire-pnr .annuaire-item{
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

#bloc-annuaire-pnr .annuaire-note{
  text-align:center;
  color:#ffffff;
  font-weight:700;
  margin-top: 6px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~Bandeau PNR / Filière bois (inséré en haut de #dock par JS)~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Bandeau logo : position fixe en haut à gauche, ne bouge jamais, taille contrainte */
#bandeau-pnr-filiere-bois {
  position: fixed !important;
  top: 10px !important;
  left: 55px !important;
  z-index: 1000 !important;
  text-align: center;
}

#bandeau-pnr-filiere-bois .bandeau-logo {
  width: 110px !important;
  height: auto !important;
  max-width: 110px !important;
  display: block;
}

/* Masquage du logo natif du thème (on utilise à la place celui inséré par JS dans #dock) */
#logo {
    display: none !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~Modification de la barre du haut pour un rendu plus esthéthique~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Hauteur barre du haut */
/* Si on ne rajoute pas #headermenu, la barre d'outils de recherche d'adresses va être décalée */
#header,#headermenu {
    height: 0px;
}

/* Désaffichage de la barre d'authentification (admin) */
#auth.navbar-inner div.pull-right ul.nav {
    display: none;
}

/* Ajout d'une marge pour repositionner la barre d'outils de recherche d'adresses */
#auth {
    margin-right: 11px;
	margin-top: 10px;
}

/* Évite que le mini-dock et la navbar ne chevauchent l'espace laissé par le header */
#mini-dock,#navbar {
    margin-top: 40px;
}

/* Descend un peu plus le mini-dock spécifiquement, pour ne pas toucher la recherche d'entreprise (#locate) */
#mini-dock {
    margin-top: 70px !important;
}

/* Masquage de la recherche d'adresse, remplacée par la recherche d'entreprise
   (le formulaire est dans #auth, pas #headermenu comme on le pensait) */
#auth .navbar-search {
  display: none !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Masquage de la barre d'outils~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#mapmenu {
    display: none;
}

#docks-wrapper {
        left: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Menu filtre~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Fond transparent pour le conteneur global : seul le contenu (.menu-content) sera vert, pas toute la hauteur du panneau */
#dock {
	background-color: transparent !important;
	display: block !important;
	height: auto !important;
	bottom: auto !important;
	max-height: none !important;
}

/* Affichage systématique de l'outil de filtre, déplacé en bas à gauche de la page */
#filter {
    display: block !important;
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    top: auto !important;
    z-index: 999;
}

/* Uniformise le fond vert sur toute la zone de contenu (filtre + annuaire), au lieu du gris/blanc par défaut */
#dock div.menu-content {
    background-color: #00594c !important;
}

/* Passe les textes en blanc pour rester lisibles sur le fond vert (hors menu déroulant, qui garde un fond blanc) */
#dock,
#dock div.menu-content,
#filter-content,
#filter-content label {
    color: #ffffff;
}

/* Masquage du nom de menu filtrer */
#dock-tabs {
    display: none;
}

/* Masquage de la boite de sélection des couches */
#filter-content div.menu-content:nth-child(1){
    display: none;
}

/* Masquage du bouton de fermeture du panneau */
#dock-close {
    display: none;
}

/* Masquage du bouton de fermeture de filtre */
button.btn-primary:nth-child(2) {
    display: none;
}

div.liz-filter-field-box p {
  overflow-y: auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Changement barre de navigation~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navbar div.slider {
    background-color: #00594c;
}

#navbar button.btn {
	background-color: #00594c;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Boutons flottants sur la carte~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Rechercher une entreprise ou une structure : mis à la place de la recherche d'adresse, en haut à droite */
#locate {
  display: block !important;
  position: fixed !important;
  top: 10px !important;
  right: 60px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 3000 !important;
  pointer-events: auto !important;
}

#locate * {
  pointer-events: auto !important;
}

/* Je souhaite y inscrire mon entreprise : bouton flottant, juste à gauche du sélecteur de fond de carte.
   #baselayer-image-selector (défini dans main.css) fait 62px de large et est à right:20px quand la mini-carte
   de localisation est présente (classe .with-overview-box) — d'où le right:92px ci-dessous (20 + 62 + 10 de marge).
   Si ça ne s'aligne pas parfaitement, ajuste cette valeur de quelques pixels. */
#bloc-annuaire-pnr .annuaire-btn {
  position: fixed;
  bottom: 50px;
  right: 92px;
  z-index: 1000;
  margin: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Changement apparence mini-dock~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Fond et angle titre */
#mini-dock h3 span.title {
	background: #00594c;
	border-radius: 3px 3px 0px 0px;
}

/* Style titre H4 */
#popupcontent > div.popupcontent > div > div > h4 {
    color: black !important;
    border-bottom: none;
}

/* Angles + taille et scroll */
#mini-dock {
    border-radius: 4px 4px 3px 3px;
	overflow: auto;
    box-shadow: 5px 5px 10px 0px black;
	max-height: 91%;
	max-width: 45%;
}

#mini-dock div.menu-content {
    border-radius: 0px 0px 3px 3px;
    max-height: none;
}

/* Suppresion barre de défilement en bas du cadre zoom sur */
#locate div.locate-layer {
    width: 99%;
}

#locate div.locate-layer .custom-combobox-input {
  margin-right: 60px;
  width: 100%;
}

/* Croix fermeture mini-dock en blanc */
#mini-dock .title .btn.btn-error {
    color: #ffffff;
    opacity: 1;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Changement apparence popup~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tooltipPopupContent {
	border-radius: 15px 15px 15px 15px;
	box-shadow: 6px 6px 6px rgba( 0, 0, 0, 0.50 );
	border: 2px solid #000000;
}
.lizmapPopup.olPopup .lizmapPopupTable,
#map-content .lizmapPopupTable,
#popupcontent .lizmapPopupTable{
	background-color:rgba( 255, 255, 255, 0.00 ) !important;
}
.lizmapPopup.olPopup .lizmapPopupTable th,
#map-content .lizmapPopupTable th,
#popupcontent .lizmapPopupTable th{
  padding-left: 10px;
}

/* Masquage des titres */
#popupcontent .lizmapPopupContent h4,
#popupcontent > div.popupcontent > h3 {
  display: none;
}

/* Passage du fond en transparent */
#mini-dock{
    background-color: transparent !important;
	box-shadow: none;
}

#mini-dock div.lizmapPopupDiv {
    background-color: transparent !important;
}

/* Modification des couleurs */
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
    color: #00594c;
	background-color: #e0ebe0;
}

.nav-pills>li>a {
    color: #00594c;
}

.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~AFFICHAGE MOBILE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Logo : plus petit, reste en haut à gauche mais laisse la place au sélecteur de fond de carte
   (qui passe aussi en haut à gauche sur mobile, cf. main.css #content.mobile #baselayer-image-selector) */
#content.mobile #bandeau-pnr-filiere-bois {
  top: 5px !important;
  left: 5px !important;
}

#content.mobile #bandeau-pnr-filiere-bois .bandeau-logo {
  width: 60px !important;
  max-width: 60px !important;
}

/* Recherche d'entreprise : prend presque toute la largeur, sous le logo plutôt qu'à droite
   (évite de chevaucher les boutons de zoom sur petit écran) */
#content.mobile #locate {
  top: 55px !important;
  left: 5px !important;
  right: 5px !important;
  width: auto !important;
}

/* Bloc filtre/annuaire : largeur presque pleine, hauteur limitée avec défilement interne */
#content.mobile #filter {
  left: 5px !important;
  right: 5px !important;
  bottom: 10px !important;
  max-width: none !important;
  max-height: 55vh !important;
  overflow-y: auto !important;
}

/* Bouton d'inscription : repositionné en bas à droite (le calcul basé sur le sélecteur de fond de carte
   ne vaut que pour desktop, puisque ce dernier passe en haut à gauche sur mobile) */
#content.mobile #bloc-annuaire-pnr .annuaire-btn {
  bottom: 10px !important;
  right: 10px !important;
}

/* Mini-dock (popup) : prend presque toute la largeur au lieu de 45% */
#content.mobile #mini-dock {
  max-width: 92% !important;
  max-height: 75% !important;
}