/*    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%;
      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;
}