/** General purpose **/
div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
}

div.olMapViewport {
    text-align: left;
    -ms-touch-action: none;
}

div.olLayerDiv {
   -moz-user-select: none;
   -khtml-user-select: none;
}
/**
 * Transition Effect TMS
 */
 

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

/* Turn on GPU support where available */
.olTileImage {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

 /* when replacing tiles, do not show tile and backbuffer at the same time */
.olTileReplacing {
    display: none;
}

/* override any max-width image settings (e.g. bootstrap.css) */
img.olTileImage {
    max-width: none;
}

/*
 * PanZoomBar Style
 */
 
.olControlPanZoomBar div {
    font-size: 1px;
}

.olControlNoSelect {
 -moz-user-select: none;
 -khtml-user-select: none;
}

.olControlCSSCustomizablePanZoomBar .zoomin {
	background-image : url(./images/zoom-plus-mini.png);
	width : 18px;
	height : 18px;
}

#bf-rubrique-vh .olControlCSSCustomizablePanZoomBar .zoomin,
#bf-body-vh .olControlCSSCustomizablePanZoomBar .zoomin
{
	background-image : url(./images/zoom-plus-mini_vh.png);
}

.olControlCSSCustomizablePanZoomBar .zoomout {
	background-image : url(./images/zoom-minus-mini.png);
	width : 18px;
	height : 18px;
}

#bf-rubrique-vh .olControlCSSCustomizablePanZoomBar .zoomout,
#bf-body-vh .olControlCSSCustomizablePanZoomBar .zoomout

{
	background-image : url(./images/zoom-minus-mini_vh.png);
}

.olControlCSSCustomizablePanZoomBar  .zoombar {
	background-image : url(./images/zoombar.png);
}

.olControlCSSCustomizablePanZoomBar .slider {
	background-image : url(./images/slider.png);
}

#bf-rubrique-vh .olControlCSSCustomizablePanZoomBar .slider,
#bf-body-vh .olControlCSSCustomizablePanZoomBar .slider
 {
	background-image : url(./images/slider_vh.png);
}

.closeBox {
  background-image:url(./images/fermer.png);
  position : absolute;
  cursor: pointer;
  right: -15px;
  top: -15px;
  width : 26px;
  height : 26px;
  z-index: 800 !important;
}

.closeBox:hover {
  background-image:url(./images/fermer_hover.png);
}


/*close infobulle en bleu sur la vh*/
#bf-rubrique-vh .closeBox,#bf-body-vh .closeBox{
	background-image: url(./images/fermer_vh.png);
}

#bf-rubrique-vh .closeBox:hover,#bf-body-vh .closeBox:hover{
	background-image: url(./images/fermer_hover_vh.png);
}


.olPopup {
 overflow:none;
 border:0px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 box-shadow: 2px 2px 2px #555;
}

.anchor{
  background-color : white;
  box-shadow : -2px -2px 2px #555;
  width  : 24px;
  height : 24px;
  position : absolute;
  z-index: -1;
}

.geolocPanel {
    width: 31px;
    height: 31px;
    cursor: pointer;
    right: 2px;
    top: 100px;
}

.geolocPanelMobile {
    width: 31px;
    height: 31px;
    cursor: pointer;
    right: 10px;
    top: 10px;
}

.firstItemInactive {
    background-image: url(./images/geo_local.png);
    border: 1px solid #6C6C6C;
    width: 30px;
    height: 30px;
}

.firstItemActive {
    background-image: url(./images/geo_local-active.png);
    border: 1px solid #A52F02;
    width: 30px;
    height: 30px;
}

.olControlLayerSwitcher .layersDiv {
    background-color: #ff0000;
    height: 100%;
    padding: 5px 75px 5px 10px;
    width: 100%;
}