/*    MAPS ;*/
.itm-location:after,
.two-cols :after {
  content: ' ';
  clear: both;
  display: block;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

/**
  #map_canvas {
      float: right;
      height: 240px;
      width: 65%;
  }/**/
#map_canvas+.loading {
  width: 25%;
  margin: auto;
  margin-top: -220px;
  z-index: 1337;
  position: relative;
  background: rgb(242, 242, 242);
  text-align: center;
}

#container_map_canvas {
  position: relative;
  display: flex;
  overflow: hidden;
  float: none;
  height: 500px;
  margin-top: 40px;
}

#map_canvas {
  width: 100%;
  height: 500px;
  border: solid white 8px;
}

.page-template-ot-poi #map_canvas {
  width: 50%;
}


a.backHistory {
  background: #e47526;
  border: 4px solid #eeeae7;
  float: right;
}

article.infoPoi a.backHistory {
  right: 15px;
  top: 40px;
  position: absolute;
  float: none;
}



.section_type {
  text-align: center;
  padding: 5px;
  color: #fff;
  background: #333;
}

.section_soustype {
  text-align: center;
  padding: 20px;
  background: #ccc;
}


/*---LOADER DANS LA PAGE---*/
#loader_fg.loader_fg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: rgba(255, 255, 255, .7);
  pointer-events: none;
  cursor: default;
}

#loader_fg.loader_fg a {
  display: block;
  height: 100%;
  pointer-events: none;
  cursor: default;
}

#loader_fg.loader_fg img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
}

/*---------------------------------------------- RESPONSIVE -----------------------*/
@media screen and (max-width: 767px) {

  /* article {padding: 10px!important;} */
  .itm-top li {
    height: auto;
    float: none !important;
    border-right: none;
    max-width: 100%;
  }

  .listPoi .itm-top li:last-child {
    border-left: none;
  }

  .list-itm .itm-content {
    padding: 0;
  }

  .list-itm .listPoi figure,
  .list-itm .infoPoi figure {
    width: 100%;
    margin: 10px 0 !important;
    height: auto;
  }

  .itm-location {
    padding: 10px;
  }

  .itm-top {
    height: auto;
  }

  .list-itm .two-cols>li:nth-child(1),
  .list-itm .two-cols>li:nth-child(2),
  .list-itm .three-cols>li:nth-child(1),
  .list-itm .three-cols>li:nth-child(2),
  .list-itm .three-cols>li:nth-child(3) {
    width: 100% !important;
    padding: 0;
  }

  .page-template-ot-pageList .img-content,
  .page-template-ot-poi .img-content {
    width: 100%;
  }

  .page-template-ot-poi #map_canvas {
    height: 250px;
    width: 100%;
  }

  .page-template-ot-poi .infos.complementaires {
    width: 100% !important;
  }

  article.infoPoi a.backHistory {
    display: none;
  }

  .itm-location li a[href ^="tel:"] {
    font-size: 20px;
  }

  .list-itm .list-infos-contact {
    font-size: 15px;
  }

  .infos.complementaires a {
    width: 100%;
  }

}

/* .infos.complementaires a {text-overflow: ellipsis;overflow: hidden;width: 80%;display: inline-block;white-space: nowrap;}
.infos.complementaires .read-more{position: absolute;bottom: 10px; padding: 8px 15px; 
text-overflow: inherit; width: initial;}
.infos.complementaires {position: absolute;width: 25%;height: inherit;background-color: rgb(255, 255, 255);margin-left: 100%;transition:all 0.5s;z-index: 4;}
.infos.complementaires.open {margin-left: 75%; padding:10px;}
      .infos.complementaires .img-poi { height: 148px;}
*/


.title-page-poi {
  text-align: center;
  margin-bottom: 1.5em;
  font-weight: 600;
  font-size: 26px;
}

.title-page-poi:after {
  display: block;
  content: "";
  width: 20%;
  height: 6px;
  background-color: #07b2e0;
  margin: 8px auto;
}

.hide {
  display: none;
}

.mainFormSelect {
  /* display: flex; */
}

.sousType {
  margin-top: 20px;
  margin-bottom: 30px;
}

.map-selects {
  display: inline-flex;
  padding: 20px;
}

.btn-rechercher {
  text-align: center;
}

.blocselect {
  margin-right: 30px;
  margin-top: 15px;
}