/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~AFFICHAGE PC~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

/*Suppression de tous les menus sauf couches*/
.home, #button-projects, #button-metadata,#button-permaLink,#button-popupcontent,#nav-tab-switcher {
    display: none !important;
}

/* Modification apparence et position de mapmenu */
#mapmenu {
	white-space: nowrap;/*Suppression des retours à la ligne entre les <span>*/
	width: 180px;/*Élargissement du menu*/
	box-shadow: none;
	background : transparent;
	padding-top: 0px;
	padding-left: 20px;
    z-index: 3000;
}




/* Déplacement conteneur carte sur la gauche */
#map-content {
    margin-left: 0px;
}


/*Décalage du menu de panneau des couches + changement couleur */
#button-switcher {
	position: absolute;
    left: 20px;
    top: 20px;
	background : #F0F0F0;
	width: fit-content !important;
    padding-left: 15px !important;
    padding-top: 7px !important;
    padding-right: 25px !important;
    padding-bottom: 8px !important;
}

/*Changement couleur police panneau couche */
#mapmenu .menu-title {
    display: inline;/*Affichage des titres des menus*/
	color: black;
	vertical-align: bottom;
    margin-left: 10px;
    top: 10px;
	text-shadow: none;/*Suppression de l'effet d'ombre sur les titres des menus*/

}

#mapmenu .nav-list > li > a {/*Agrandissement zone de sélection quand on passe la souris sur les menus*/
    width: 170px; /*Largeur de #mapmenu - 10px de padding-left*/
    padding-left: 10px;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 8px;
}

#docks-wrapper {/*Décalage des panneaux sinon ils recouvrent la barre d'outil*/
    left: 180px;
}

#mapmenu .nav-list > li.switcher .icon {
    background-position: -50px 0px;
}

#mapmenu .nav-list > li > a:hover .menu-title, #mapmenu .nav-list > li.active > a .menu-title {
    color: #000;
} /* Change la couleur des noms de menu quand ils sont actifs ou au survol (hover) */

.tooltip.fade.right {
	display: none !important;
} /* Permet de cacher l'infobulle des noms de menu, avec le important qui surcharge le style existant en dur dans le css de Lizmap */


/*~~~~~~~~~~~~~~~~~~~~~~~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 {
    margin-top: 40px;
}

/* Désaffiche le logo */
#logo {
    display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~Changement panneau couches~~~~~~~~~~~~~~~~~~~~~~~*/


/* Suppression bouton pour déployer ou réduire légende */  
#switcher-layers-actions {
    display: none;
}

/* Suppression boîte à cocher */  
lizmap-treeview input[type=checkbox] {
    display: none;
}

/* Suppression bouton pour déployer légende */  
.expandable.expanded {
    display: none;
}

/* Suppression du nom de couche bâtiment public et de sa légende */ 
#switcher-layers-container > div.menu-content > lizmap-treeview > ul > li:nth-child(1) > div.checked.layer > div.node {
    display: none;
}

/* Agrandissement taille icone légende + espacement entre les éléments */ 
lizmap-treeview img.legend {
    height: 25px;
    width: 25px;
    margin-bottom: 10px;
	margin-right: 4px;
}

/* Alignement des noms de couches et des catégories */ 
lizmap-treeview .node, lizmap-treeview li > div {
	padding-left: 0px;
	border : none;
}

.symbols {
	margin: 0px;
}

/* Centrage du cadre de légende dans le dock  */

#switcher-layers-container > div.menu-content > lizmap-treeview > ul {
	margin: 10px;
}


/* Modification de la taille du panneau contenant la légende */ 
#switcher, #dock {
	height: fit-content;
}

/* Positon de la légende */ 
#docks-wrapper {
    left: 20px;
    top: 20px;
}

#dock-content {
    padding-top: 15px;
}

/* Ajout d'un cadre + passage du dock au dessus du bouton switcher*/ 
#dock {
    border: 1px solid darkgray;
	z-index: 4000;
}

#button-switcher {
    border: 1px solid darkgray;
	z-index: 4000;
}

/* Changement apparence du titre dans le switcher ajouté par js*/ 
#addTitle-switcher > span.icon {
    background-position: -50px 0px;
	display: inline-block;
    vertical-align: middle;
    background-image: url(/index.php/view/media/getMedia?repository=ccccpublic&project=cccc_services_publics&path=media%2Fthemes%2Fcccc_services_publics%2Fcss%2F/images/sprite_20_tools.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

#addTitle-switcher > span.menu-title {
    vertical-align: bottom;
    margin-left: 10px;
}

#addTitle-switcher {
	padding-left: 15px;
    padding-top: 2px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~Changement apparence popup~~~~~~~~~~~~~~~~~~~~~~~*/

#popupcontent > div.popupcontent div div div h4 {
    display : none;
	color: black !important;
    text-align: center;
    border-bottom: none;
}

/*
#mini-dock div.lizmapPopupDiv {
    padding : 0px
}

.table th,.table td {
    border: 1px solid lightgray;
}
*/

#popupcontent > div.popupcontent > h3 {
    display : none;
}

#mini-dock {
    box-shadow: none ;/*5px 5px 10px 0px #777777;*/
	background-color: transparent !important;
}

/* Masquage bouton centrer*/ 
.feature-center {
    display : none;
}

/* Changement apparence bouton fermeture */ 
.mini-dock-close {
	right: 0px;
    position: absolute;
}

.icon-white {
    background-color: #b1b1b1;
    border-radius: 2px;
    border: 1px solid #b1b1b1;
}

/* Pour que les propositions de navigation GPS apparaissent au dela du minidock */ 
#mini-dock, #mini-dock-content, #mini-dock div.menu-content {
    overflow: visible;
}

/* Espacement des différentes popup et ajout d'une bordure */ 
#mini-dock div.lizmapPopupDiv {
    padding-top: 10px;
    border: 1px solid darkgray;
    padding-bottom: 20px;
}

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


#navbar button.btn {
	background-color: #F0F0F0;
    border-radius: 4px;
    padding: 2px;
    background-image: url(/index.php/view/media/getMedia?repository=ccccpublic&project=cccc_services_publics&path=media%2Fthemes%2Fcccc_services_publics%2Fcss%2F/images/sprite_30.png);
    border: 1px solid darkgray;
	box-shadow: none;
}

#navbar button.btn.active {
    background-color: #b7c4c8;
}

#navbar div.slider span {
    border: solid 1px white;
	background: #6d6d6d;
}

/* Masquage des boutons à l'exception des boutons + et - */
#navbar button.btn.pan, #navbar button.btn.zoom, #navbar button.btn.zoom-extent {
    display: none;
}

/* Remontée de la navbar suite à suppression des boutons pour un rendu plus esthétique */
#navbar {
    margin-top: -15px;
}


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