/** 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+TraficOn.png);
	width : 26px !important;
	height : 30px !important;
}

.olControlCSSCustomizablePanZoomBar .zoomin.max{
	/* background-image : url(./images/zoom+TraficOff.png); */
	background-image : url(./images/zoom+TraficOn.png);
	cursor:initial;
}

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

#bf-rubrique-vh .olControlCSSCustomizablePanZoomBar .zoomin.max,
#bf-body-vh .olControlCSSCustomizablePanZoomBar .zoomin.max
{
	background-image : url(./images/zoom+VHOff.png);
	cursor:initial;
}

.olControlCSSCustomizablePanZoomBar .zoomout {
	background-image : url(./images/zoom-TraficOn.png);
	width : 26px !important;
	height : 30px !important;
	top:-56px;
}

.olControlCSSCustomizablePanZoomBar .zoomout.max{
	background-image : url(./images/zoom-TraficOn.png);
	/* background-image : url(./images/zoom-TraficOff.png); */
	cursor:initial;
}

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

{
	background-image : url(./images/zoom-VHOn.png);
	top:-55px;
}

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

{
	background-image : url(./images/zoom-VHOff.png);
	cursor:initial;
}

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

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

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

.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);
}

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

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

.olPopup {
	overflow: hidden;
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 6px #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;
}

.firstItemActive.bleu{
    background-image: url(./images/geo_local_bleu.png);
    border: 1px solid rgb(3, 50, 255);
    width: 30px;
    height: 30px;
}

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

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

/* adaptation du style pour la carte Open Layers 6 */
#map {
	background-color: white;
}

/* Boutons Zoom - Trafic*/
.ol-zoom .ol-zoom-in{
	/*border-radius:0 0 2px 2px;*/
	background-image : url(../_css/images/zoom+TraficOn.png);
	width : 26px !important;
	height : 30px !important;
	top:-56px;
}

.ol-zoom .ol-zoom-in.max{
	/* background-image : url(./images/zoom+TraficOff.png); */
	background-image : url(./images/zoom+TraficOn.png);
	cursor:initial;
}


.ol-zoom .ol-zoom-out{
	/*border-radius:0 0 2px 2px;*/
	background-image : url(../_css/images/zoom-TraficOn.png);
	width : 26px !important;
	height : 30px !important;
	top:-56px;
}

.ol-zoom .ol-zoom-out.max{
	/* background-image : url(./images/zoom-TraficOff.png); */
	background-image : url(./images/zoom-TraficOn.png);
	cursor:initial;
}
	
.ol-control button {
	color:transparent !important;
	background-color:transparent !important;
	margin:0px !important;
}

.ol-control button:hover ,.ol-control button:focus{
	background-color:white;
}


/*Boutons Zoom - VH routes en hiver*/
#bf-rubrique-vh .ol-zoom .ol-zoom-in,
#bf-body-vh .ol-zoom .ol-zoom-in
{
	background-image : url(./images/zoom+VHOn.png);
}

#bf-rubrique-vh .ol-zoom .ol-zoom-in.max,
#bf-body-vh .ol-zoom .ol-zoom-in.max
{
	background-image : url(./images/zoom+VHOff.png);
	cursor:initial;
}

#bf-rubrique-vh .ol-zoom .ol-zoom-out,
#bf-body-vh .ol-zoom .ol-zoom-out
{
	background-image : url(./images/zoom-VHOn.png);
	top:-55px;
}

#bf-rubrique-vh .ol-zoom .ol-zoom-out.max,
#bf-body-vh .ol-zoom .ol-zoom-out.max
{
	background-image : url(./images/zoom-VHOff.png);
	cursor:initial;
}

/*bouton zfe*/
/*Boutons Zoom - VH routes en hiver*/
#bf-rubrique-zfe .ol-zoom .ol-zoom-in
{
	background-image : url(./images/zoom+ZfeOn.png);
}

#bf-rubrique-zfe .ol-zoom .ol-zoom-in.max
{
	background-image : url(./images/zoom+ZfeOff.png);
	cursor:initial;
}

#bf-rubrique-zfe .ol-zoom .ol-zoom-out
{
	background-image : url(./images/zoom-ZfeOn.png);
	top:-55px;
}

#bf-rubrique-zfe .ol-zoom .ol-zoom-out.max
{
	background-image : url(./images/zoom-ZfeOff.png);
	cursor:initial;
}

/* pour masquer le bouton full-screen OL6 */
.ol-full-screen.ol-unselectable.ol-control {
	display:none !important;
}

/* infobulle camera trafic et VH */
.infobulleCamera {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: green;
	padding:2px;
}

/* infobulle liens VH */
.infobulleLiensVH {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: #3f48cc;
	padding:2px;
}

/* infobulle flocons orange */
.infobulleFlocons-orange {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: #ff6400;
	padding:2px;
	padding-right:5px;
	padding-left:5px;
}

/* infobulle flocons rouges */
.infobulleFlocons-rouge {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: red;
	padding:2px;
	padding-right:5px;
	padding-left:5px;
}

/* infobulle flocons noirs */
.infobulleFlocons-noir {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: black;
	padding:2px;
	padding-right:5px;
	padding-left:5px;
}

/* infobulle flocons orange mode daltonien */
.infobulleFlocons-orange-daltonien {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: #ff6400;
	padding:2px;
	padding-right:5px;
	padding-left:5px;
}

/* infobulle flocons rouges mode daltonien */
.infobulleFlocons-rouge-daltonien {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: #951F82;
	padding:2px;
	padding-right:5px;
	padding-left:5px;
}

/* infobulle flocons noirs mode daltonien */
.infobulleFlocons-noir-daltonien {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: black;
	padding:2px;
	padding-right:5px;
	padding-left:5px;

}


/* infobulle ZFE */
.infobulleZfe {
	position:absolute;
	background-color:white;
	border-radius:10px;
	color: #007690;
	padding:1px 4px 2px 4px;
}

/* on masque ce bouton inutile qui s affichait brievement avant de disparaitre */
.ol-attribution button, .ol-attribution ul
{
	display:none !important;
}