table.boite-info {
  transform: translate(-50%,-200vh);
}


#bloc-principal {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  background-color: white;
  width: 100vw;
  overflow: hidden;
  transition-duration: 0.6s;
  min-height: 0px;
}

/* SHOW MOBIL */

#bloc-principal div.phrase-intro,
#bloc-principal div.image-fond,
#bloc-principal div.selection-des-lots-mobil,
#bloc-principal div.tableau-des-lots-mobil {
  display: flex;
  vertical-align: middle;
}

/* END - SHOW MOBIL */

/* HIDE MOBIL */

.hide { display: none !important; }

/* BLOCK 1 */

#bloc-principal div.phrase-intro {
  display: inline-block;
  position: relative;
  height: auto;
  flex: 1 20%;
}

#bloc-principal div.phrase-intro h2 {
  display: block;
  position: relative;
  width: 60vw;
  font-size: 3vh;
  line-height: 3.2vh;
  padding: 0 20vw 1vh 20vw;
}

/* BLOCK 2 */

#bloc-principal div.image-fond {
  flex: 1 30%;
}

/* BLOCK 3 */

#bloc-principal div.selection-des-lots-mobil {
  flex: 1 50%;
}

#bloc-principal div.selection-des-lots-mobil table {
  text-align: center;
  width: 80%;
  margin: 10%;
}

#bloc-principal div.selection-des-lots-mobil table tr td {

}

#bloc-principal div.selection-des-lots-mobil table tr td p.info {
  font-family: 'sansBold', sans-serif;
  letter-spacing: 1vw;
  font-size: 2.6vw;
  line-height: 3vw;
  text-transform: uppercase;
}

#bloc-principal div.selection-des-lots-mobil table tr td p a {
  display: inline-block;
  width: 90%;
  padding: 20px 0px;
  font-family: 'sansBold', sans-serif;
  letter-spacing: 0.5vw;
  font-size: 3.6vw;
  line-height: 4vw;
  text-transform: uppercase;
  background-color: rgba(0,0,0,0.0);
  transition-duration: 0.4s;
  cursor: pointer;
}

#bloc-principal div.selection-des-lots-mobil table tr td p a:hover { background-color: rgba(0,0,0,0.05); }

#bloc-principal div.selection-des-lots-mobil table tr td.disponible p a { box-shadow: inset 0 0 0 1px var(--color-gris-fonce), 0 5px 0 0 white, 0 10px 0 0 var(--color-selecteur-dispo); }
#bloc-principal div.selection-des-lots-mobil table tr td.réservé p a { box-shadow: inset 0 0 0 1px var(--color-gris-fonce), 0 5px 0 0 white, 0 10px 0 0 var(--color-selecteur-reser); }
#bloc-principal div.selection-des-lots-mobil table tr td.vendu p a { box-shadow: inset 0 0 0 1px var(--color-gris-fonce), 0 5px 0 0 white, 0 10px 0 0 var(--color-selecteur-vendu); }

#bloc-principal div.selection-des-lots-mobil table tr td p img {
  width: 40px;
}

/* BLOCK 4 */

#bloc-principal div.tableau-des-lots-mobil {
  flex: 1;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil {
  text-align: center;
  width: 90%;
  margin: 5%;
  table-layout: fixed;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil.disponible { box-shadow: 0 10px 0 0 var(--color-selecteur-dispo); }
#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil.réservé { box-shadow: 0 10px 0 0 var(--color-selecteur-reser); }
#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil.vendu { box-shadow: 0 10px 0 0 var(--color-selecteur-vendu); }

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr.contour td {
  border: 1px solid var(--color-gris-fonce);
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr td {
  vertical-align: middle;
  padding: 1vh;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr:nth-child(4) td {
  background-color: var(--color-gris-fonce);
  border: 1px solid var(--color-gris-fonce);
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr td p {
  padding: 0;
  font-size: 3.6vw;
  left: 4vw;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr:nth-child(1) td {
  vertical-align: top;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr:nth-child(1) td p {
  text-transform: uppercase;
  font-family: 'sansBold', sans-serif;
  font-size: 4vw;
  line-height: 4.4vw;
  letter-spacing: 1vw;
  padding: 0 0 2vh 0;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr:nth-child(3) td:nth-child(1) p {
  text-transform: uppercase;
  font-family: 'sansBold', sans-serif;
  font-size: 3.44vw;
  line-height: 4.4vw;
  letter-spacing: 0vw;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil.disponible tr:nth-child(3) td:nth-child(1) { background-color: var(--color-selecteur-dispo); }
#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil.réservé tr:nth-child(3) td:nth-child(1) { background-color: var(--color-selecteur-reser); }
#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil.vendu tr:nth-child(3) td:nth-child(1) { background-color: var(--color-selecteur-vendu); }

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr:nth-child(4) td p {
  text-transform: uppercase;
  font-family: 'sansMedium', sans-serif;
  font-size: 3.2vw;
  line-height: 3.0vw;
  letter-spacing: 0.5vw;
  padding: 2vh 0;
  color: white;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr td p img {
  display: inline-block;
  width: 8vw;
  vertical-align: middle;
}

#bloc-principal div.tableau-des-lots-mobil table.tableau-mobil tr td p span {
  display: block;
  font-size: 2vw;
  line-height: 2vw;
  text-transform: uppercase;
  letter-spacing: 10%;
  padding: 1vh 0 0.5vh 0;
}

/* PANNEAU LATERAL */

#bloc-principal div.panneau-lateral {
  display: flex;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100vw;
  transition-duration: 0.4s;
  background-color: white;
  box-shadow: inset -100px 0 0 0 var(--color-gris-fonce);
}

#bloc-principal div.panneau-lateral div.selection-etage-axo {
  height: 80%;
  top: 10%;
  flex: 2 10%;
  position: relative;
  width: 100px;
}

#bloc-principal div.panneau-lateral div.selection-etage-axo ul li p { font-size: 3.7vw; }

#bloc-principal div.panneau-lateral div.tableau-recap { display: none; }

#bloc-principal div.panneau-lateral div.panneau-fermeture {
  height: auto;
  background-color: rgba(0,0,0,0);
}

#bloc-principal div.panneau-lateral.droite div.panneau-fermeture,
#bloc-principal div.panneau-lateral.gauche div.panneau-fermeture { transform: translateX(0%); z-index: 100; }
#bloc-principal div.panneau-lateral.droite div.panneau-fermeture p,
#bloc-principal div.panneau-lateral.gauche div.panneau-fermeture p {
  font-size: 3vw;
  text-align: left;
}

#bloc-principal div.panneau-lateral div.panneau-fermeture p img {
  width: 3vw;
}