/* CSS adapté pour placer le zoomslider entre les deux boutons Zoom+ et Zoom- */
       
		  #viewerDiv .ol-zoom .ol-zoom-out {
			margin-top: 204px;
		  }
		  #viewerDiv .ol-zoomslider {
			background-color: transparent;
			top: 2.3em;
		  }

		  #viewerDiv .ol-touch .ol-zoom .ol-zoom-out {
			margin-top: 212px;
		  }
		 
		  #viewerDiv .ol-touch .ol-zoomslider {
			top: 2.75em;
		  }

		  #viewerDiv .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
		  #viewerDiv .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {
			top: 3px;
		  }

		  #viewerDiv .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
		  #viewerDiv .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {
			top: 232px;
		  }
		 
		 

    /* CSS adapté pour popup */
     	     
		  .ol-popup {
			position: absolute;
			background-color: white;
			-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
			filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
			padding: 2px;
			border-radius: 5px;
			border: 1px solid #cccccc;
			bottom: 12px;
			left: -50px;
			min-width: 280px;
		  }
		/.ol-popup:after, .ol-popup:before {
			top: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		  }
		  .ol-popup:after {
			border-top-color: white;
			border-width: 10px;
			left: 48px;
			margin-left: -10px;
		  }
		  .ol-popup:before {
			border-top-color: #cccccc;
			border-width: 11px;
			left: 48px;
			margin-left: -11px;
		  }