div.map-localisation span.tt-dropdown-menu  {
    z-index: 5000 !important;
    width   : 100%;
   }

.map input[type=checkbox]
{
  display: none;
    /*position: relative;
    left: -999999999px;*/
}


/*.couche:checked ~ label[class^="map_check"]::before {

  background-color: #de2251;
       border-radius: 3px;
   }*/

#widLocalisationRapide
{
  width: 200px;
  /*padding-right: 30px;*/
}

.map .twitter-typeahead{
    background: none;
    margin-left:12px;
}

.twitter-typeahead .tt-input{
    margin-bottom: 0;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
}

.ie .map-list {
    margin-bottom: -5px;
}
.ie .map_check{
    overflow-x: auto;
}
.ie .map .twitter-typeahead{
    overflow-y:auto;
    padding-top: 10px;
}
.map .map-title {
    background-color: transparent;
}
.mapcontainer{
  margin-left: -5rem;
}
.stturn-5 {
transform: rotate(-5deg);
}

.stturn5 {
transform-origin: top left;
transform: rotate(5deg);
}

.stmenu_select {
height: 40px;  
font-size: 15px !important;
font-style: italic;
color: #767A7E;
width: 215px;
padding-left: 5px;
background-position: calc(100% - 10px) calc(1em + 3px),
calc(100% - 6px) calc(1em + 2px),
100% 0% !important;
}
.stmap_menu {
  font-size: 1.25rem;
  font-weight: 600;
}
#vse_popup_GroupDiv {
    overflow: auto !important;
}
div.map-affichage {
    padding-left:0;
    padding-top: 96px;
    margin-top: 9px;

    background-color : #eae9e7;
   }
.tp-panel-list{
    margin-bottom:50px;
}
.map-affichage {
    z-index: 10;
}
.menu-map {
    z-index:10 !important;
}
.ie #map svg{
  overflow: auto !important;
}

#map svg {
    overflow: hidden;
}
/*div.map-affichage div {
    background-color : #eae9e7;
    padding-left     : 5px;
    margin-left: 26px;

}*/

.zoom
{
  position: absolute;
  left: 120px;
  top: 210px;
  z-index: 10000;
  /*background-color: rgba(255, 255, 255, 0.8);*/
  border-radius: 6px;
  padding: 0 10px 0 10px;
  text-decoration: none;
}

.zoom > a {
  font-size: 30px;
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}

.menu_select.poi
{
  font-size: 15px !important;
  background-size: 12px !important;
  background-position: calc(100% - 10px) calc(1em + 1px), calc(100% - 6px) calc(1em + 2px), 100% 0% !important;
}

.map_s {
    margin-left: -49px;
    background: white;
    margin-top: -4px;
    padding-bottom: 6px;
    margin-bottom: 0;
    min-height: 0;
    font-size: 19px !important;
    color: #7C767A;
    padding-top: 7px;
    padding-right: 7px;
    position: absolute;
    z-index: 148;
}

.menu-map_title
{
  margin-left: 46px;
}

.panel-group
{
  margin: 40px 91px 0 39px;
  padding-left: 0;
  text-align: left;
}
.panel.panel-default
{
  margin: 0;
  border-radius: 0;
}

.panel.panel-default a
{
  color: #6F6F71;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-heading.panel-poi
{
  background-color: #eae9e7 !important;
  border-radius: 0;
  padding: 0;
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%) !important;
  color: #999;
  border: 1px solid #ddd !important;
}

.panel-heading [data-toggle="collapse"]
{
  display: block;
  padding: 10px 15px;
  color: #999;
  text-decoration: none;
}
.panel-heading [data-toggle="collapse"]::before {
    /*position: absolute;
    display: block;*/
    margin-top: 1px;
    float: right;
    font: normal normal normal 16px/1 FontAwesome;
    content: "\f107";
    /*font-size: 0.7em;*/
    color: #6F6F71;
    /*top: 13px;
    right: 10px;*/
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: -moz-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    font-family: "Font Awesome 6 Pro";
}
.panel-heading [data-toggle="collapse"]:not(.collapsed)::before
{
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

.panel-body
{
    /*border-top: 1px solid #ddd;*/
    border: 0;
    border-radius: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body
{
  /*border: 0;*/
  border: 1px solid #ddd;
}

@media (max-width: 990px) {

  .zoom
  {
    left: 95px;
    top: 125px;
  }

    #map {
        height: 500px;

    }

    div.map-affichage div {
       display : inline-block;
       width   : 33%;
      }

    div.map-affichage {
       padding-left:15px;
       padding-top:15px;
      }
   }

@media (max-width: 500px) {

   }

@media (max-width: 350px) {
   div.map-affichage div {
       width   : 100%;
      }
}

.map-list
{
  margin-bottom: 5px;
}

div.map-affichage div label
{
    cursor: pointer;
    color: #6F6F71;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin:0;
    position: relative;
}

div.map-affichage div label::before
{
  margin: 0 !important;
  border: 1px solid #6F6F71 !important;
}

.couche:not(:checked) ~ label[class^="map_check"]:after,
.couche:checked ~ label[class^="map_check"]::after
{
  content: '\f00c';
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  top: 4px !important;
  left: 2px !important;
  float: left;
  color: #fff !important;
  background-color: transparent;

}

div.map-affichage div input
{
   /* position : relative!important;
    left     : 0!important;*/
    margin: 0;
    top : 3px;
}

div.map-affichage div img
{
  width: 24px;
  margin: 0 5px 3px 5px;
}



/**
 * Infobulles
 */

#chicken, #vse_popup , image[id^="OpenLayers.Geometry.Point"] {
overflow: auto !important;
}
#vse_popup {
    z-index: 99999999999 !important;
}
#chicken, #vse_popup{
    top : 250px !important;
}
div.olPopup div.olPopupCloseBox {
    background-image : url("/images/front/v2/clients/saintetienne/carte/close.gif");
    right            : 6px;
   }

div.olFramedCloudPopupContent {
    font-family : Arial;
    font-size   : 11px;
    overflow    : auto;
    color       : black;
    padding     : 0;
    min-width   : 150px;
    max-width   : 300px;

   }

div.olFramedCloudPopupContent div {
    margin-top : 2px;
    max-height : 250px;
    overflow   : auto;
   }

div.olFramedCloudPopupContent h2 {
    font-family : Arial;
    font-size   : 11px;
    color       : black;
    font-weight : bold;
    padding     : 0;
    line-height : 11px;
    margin      : 1px 0px 2px 0px;
   }

div.olFramedCloudPopupContent a {
    display         : inline-block;
    margin          : 2px 0 0 0;
    color           : #5A5A5A;
    text-decoration : underline;
    cursor          : pointer;
   }

div.olFramedCloudPopupContent span {
    font-family : Arial;
    font-size   : 11px;
    color       : black;
   }
.menu-map_responsive #widLocalisationRapide
{
    margin-left:0px;
}

.menu-map_responsive .twitter-typeahead{
    width: auto;
}


@media only screen and (max-width: 991px) {
    .map_s {
        margin-left: -49px;
        background: white;
        margin-top: -4px;
        padding-bottom: 6px;
        margin-bottom: 0;
        min-height: 0;
        font-size: 19px !important;
        color: #7C767A;
        padding-top: 7px;
        padding-right: 7px;
        position: absolute;
        z-index: 148;
    }

    .map .twitter-typeahead {
        margin-left: 0px;
    }
    .map-localisation{
        padding-right: 0px;
    }
    .mapcontainer {
        margin-left: -54px;
    }

    /*#my-slider {
        height: 480px;
        clip-path: polygon(0 0, 0 400px, 100% 330px, 100% 0);
        -webkit-clip-path: polygon(0 0, 0 400px, 100% 330px, 100% 0);
    }*/
}

@media only screen and (max-width: 767px) {
    .map .twitter-typeahead {
        /*margin-left: -41px !important;*/
        margin-top: 0px;
    }
}