/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~Modification de la popup de chargement des données~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Change la div de chargement pour quelle prenne toute la page et apparaisse en noir transparent, sans barre de défilement */
html body div.ui-dialog.ui-widget.ui-widget-content.ui-front.liz-dialog-wait {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  top: 0! important;
  left: 0 !important;
  padding: 0 !important;
  background: #00000096 !important;
  border : none !important;
  overflow: hidden;
}

/* Change le cadre contenant le texte chargement des données pour notamment le centrer sur la page */
html body div.ui-dialog.ui-widget.ui-widget-content.ui-front.liz-dialog-wait div.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix {
  height: 100%;
  width: 100%;
  z-index: 50000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  border: none;
}

/* Agrandit la marge liée au texte chargement des données pour éviter qu'il soit grignoté */
#ui-id-1 {
	padding: 10px;
}

/* masque l'image de chargement */
#loading {
  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 */
#auth.navbar-inner div.pull-right ul.nav {
    display: none;
}

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

#mini-dock,#navbar {
    margin-top: 40px;
}

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

#mapmenu {
    display: none;
}

#docks-wrapper {
        left: 0px;
}


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

/* Changement couleur panneau et affichage systématique */
#dock {
	background-color:#00594c !important;
	display: block !important;
}

/* Affichage systématique de l'outil de filtre */
#filter {
    display: block !important;
}

/* 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;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Pied de page~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#attribution-box {
  display: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Changement outil recherche adresse~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* On descend un peu l'image de la loupe pour qu'elle paraisse mieux centrée */
#headermenu .navbar-search .search-icon {
    top: 3px;
}
/* On modifie l'affichage du bouton pour réinitialisé */
#headermenu .btn-locate-clear.icon {
    background-color: white;
    background-position: -872px 1px;
    border-radius: 20px;
}

/* On agrandit la barre de recherche et on décale le bouton de réinitialisation */
#headermenu .navbar-search .search-query {
    width: 375px;
}

#headermenu .navbar-search {
    width: 430px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~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;
}