/* CSS Document */
#hotels {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.hotel {
  width:49%;
  margin-bottom:2%;
  display:flex;
  justify-content:space-between;
  padding:10px;
  border:1px solid rgba(200,200,200,0.5);
}
.hotel_gauche {
  width:27%;  
}
.hotel_droite {
  width:71%;
}

.hotel h2 {
  color:#8C1D40;
  font-weight:500;
  font-size:14px;
  margin: 0 0 10px 0;
  text-transform:none;
}
.hotel a {
  color:#000;
}
.hotel a:hover {
  color:#8C1D40;
}

.hotel_photo {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width:100%;
    height:100px;  
}
.hotel_map {
    display:block;
    width:40px;
    height:35px;
    margin:10px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(../../upload/puces/map_icon2.jpg);
  
}

.hotel_desc {
  text-align:justify;
  color:#000;
  margin-bottom:5px;
}
.hotel_ville {
  text-align:left;
  color:#777;
  margin-bottom:5px;
}
.hotel_infos {
   background-color: rgba(200,200,200,0.2);
   padding:5px;
   font-size: 11px;
}

#header_div_speciale {
  text-align:center;
}






/* ---------------------- @NOTE RESPONSIVE 920px */

@media screen and (max-width: 920px) {
  #hotels {
    display:block;
  }
  .hotel {
    width:100%;
    margin:1% 0;
    
  }
 
}

@media print {
  #hotels {
    display:block;
  }
  .hotel {
    width:100%;
    margin:1% 0;
  }
  .hotel_photo {
    background-size: contain;
  }
  .hotel_map {
    display:none;
  }
 
}