#menuchambre, #menuchambre * { box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#menuchambre {
  width: 100%;
  height: 0;
  font-size:0;
  display: block;
  opacity:0;
  overflow:hidden;
  text-align:center;
  z-index: 300;
  position: fixed; top: 68px;
  transition:1s all ease; -o-transition:1s all ease; -ms-transition:1s all ease; -moz-transition:1s all ease; -webkit-transition:1s all ease;
}
#menuchambre.open { opacity:1; height:390px; }

#menuchambre .mc_block {
  height: 100%;
  display: inline-block;
  font-size:0;
  vertical-align:top;
  width: 33.3333%;
  position:relative;
  background-size:200%;
  background-repeat:no-repeat;
  background-position:center;
  overflow:hidden;
}
#menuchambre .mc_block::before {
  border:1px solid #fff; bottom:20px; content:" "; display:block; left:20px; opacity:0; position:absolute; right:20px; top:20px;
  transform:scale(2); -o-transform:scale(2); -ms-transform:scale(2); -moz-transform:scale(2); -webkit-transform:scale(2);
  transition:0.3s all ease; -o-transition:0.3s all ease; -ms-transition:0.3s all ease; -moz-transition:0.3s all ease; -webkit-transition:0.3s all ease;
}
#menuchambre .mc_block:hover::before { opacity:1; transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); }

#menuchambre .mc_block .mc_title { color:#fff; display:inline-block; font-size:28px; padding:0 40px; position:relative; text-align:center; text-transform:uppercase; vertical-align:middle; width:99%; }
#menuchambre .mc_block .mc_ghost { display:inline-block; height:100%; position:relative; vertical-align:middle; width:1%; }

#lpi_liste_chambres { font-size:0; }
#lpi_liste_chambres * { box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#lpi_liste_chambres > p { font-size:14px; text-align:center; }
#lpi_liste_chambres .mc_block { display:inline-block; font-size:0; vertical-align:top; width:50%; }
#lpi_liste_chambres .mc_block .mc_img { background-position:center; background-repeat:no-repeat; background-size:cover; display:inline-block; height:415px; vertical-align:top; width:60%; }
#lpi_liste_chambres .mc_block .mc_content { display:inline-block; padding:45px; vertical-align:top; width:40%; }
#lpi_liste_chambres .mc_block .mc_content .mc_title { border-bottom:1px solid #85786d; color:#85786d; display:block; font-family:"dosismedium",Arial; font-size:30px; margin-bottom:25px; padding-bottom:40px; text-align:left; text-transform:uppercase; }
#lpi_liste_chambres .mc_block .mc_content .mc_desc { font-family:"ubuntulight",Arial; font-size:15px; margin-bottom:30px; text-align:left; }
#lpi_liste_chambres .mc_block .mc_content .mc_btn {
  border:2px solid #85786d; border-radius:150px; color:#85786d; display:inline-block; font-family:"dosismedium",Arial; font-size:18px; line-height:1; padding:10px 30px; text-transform:uppercase;
  transition:0.3s all ease; -o-transition:0.3s all ease; -ms-transition:0.3s all ease; -moz-transition:0.3s all ease; -webkit-transition:0.3s all ease;
}
#lpi_liste_chambres .mc_block .mc_content .mc_btn:hover { background:#85786d; color:#fff; }

#lpi_liste_chambres.hp .mc_block { margin-bottom:30px; overflow:hidden; width:100%; }
#lpi_liste_chambres.hp .mc_block .mc_img { /* background-position:center bottom */; float:left; height:360px; }
#lpi_liste_chambres.hp .mc_block .mc_content { float:right; }
#lpi_liste_chambres.hp .mc_block:nth-child(even) .mc_img { float:right; }
#lpi_liste_chambres.hp .mc_block:nth-child(even) .mc_content { float:left; }

@media screen and (max-width: 480px){
  #lpi_liste_chambres .mc_block { display:block; width:100%; }
}


.admin-bar #menuchambre { top:100px; }