/* BASE */

.mobilSupr { display: none !important; }
.justMobil { display: block !important; }
.mobilSuprTable { display: none !important; }
.justMobilTable { display: table !important; }

/* MENU */

#menu-principal ul li:nth-child(1),
#menu-principal ul li:nth-child(3) {
  width: 10%;
  border-right: 1px solid var(--color-projet-tonique);
}

#menu-principal ul li:nth-child(4) {
  display: none;
}

#menu-principal ul li {
  padding: 0 10vw;
}

#menu-principal ul li:nth-child(3) {
  border-right: none;
}

#menu-principal ul li.bouton-retour p span,
#menu-principal ul li.bouton-contact p span {
  font-size: 2.2vw;
  line-height: 3vw;
}

/* FILTRES */

#zone-filtres {
  margin: 0 auto 2vh auto;
}

#zone-filtres ul li {
  display: table;
  float: left;
}

#zone-filtres ul li {
  width: 50%;
}

#zone-filtres table.filtre {
  float: none;
}

#zone-filtres ul li table {
  width: 96%;
  margin: 0 auto;
}

#zone-filtres ul li table.filtre {
  table-layout: fixed;
}

#zone-filtres table.filtre tr:nth-child(1) td p { font-size: 2vw;  }
#zone-filtres table.filtre tr:nth-child(2) td p { font-size: 3vw; display: block; margin: 1vw; }

#zone-filtres table.filtre tr td p { padding: 2vw 0vw 1vw 0vw; }

table.compte tr td:nth-child(2) p {
  font-size: 6.4vw;
}

table.compte tr td:nth-child(3) p {
  font-size: 2.9vw;
  line-height: 3.4vw;
}

/* SELECTEUR */

#selecteur {
  display: flex;
  flex-direction: column;
}

#selecteur-gauche {
  flex: 1;
  width: calc( 3 * ( 100vw / 3 ) );
  overflow: scroll;
}

#selecteur-droite {
  flex: 0 0 30%;
  display: flex;
  flex-direction: initial;
  width: 100vw;
  z-index: 1000;
}

#image-haut { margin-bottom: 0px; }
#image-bas { margin-top: 0px; }

/* TABLEAU */

#tableau-lot {
  margin: 1.4vw auto 1.4vw auto;
}

ul.lot {
  display: table;
}

ul.lot.click {
  margin: 20px 0px 20px 0px;
  transform: translate(0 , 0);
}

ul.lot li {
  display: inline-block;
  float: left;
  padding: 2vw;
  width: calc(20% - 4vw - 1px);
  border-bottom: 1px solid var(--color-projet-corpo);
}

ul.lot li:nth-child(3) { width: calc(10% - 4vw - 1px); }
ul.lot li:nth-child(4) { width: calc(10% - 4vw - 1px); }
/*ul.lot li:nth-child(5) { width: calc(10% - 4vw - 1px); }*/

ul.lot li:nth-child(12) { width: calc(100% - 1vw - 1px); text-align: center; }

ul.lot li:last-of-type {
  width: calc(100% - 0vw - 1px);
  text-align: center;
  padding: 2vh 0;
}

ul.lot li.ligne p {
  font-size: 2.6vw;
  line-height: 3.2vw;
  padding: 0 4vw;
}

ul.lot li p {
  font-size: 3vw;
  line-height: 4vw;
}

ul.lot li p span {
  font-size: 1.6vw;
  line-height: 2.4vw;
}

ul.lot li:last-of-type p span {
  text-align: center;
  font-size: 2vw;
  line-height: 2.2vw;
  margin-bottom: 1vh;
  letter-spacing: 0.2vw;
}

table.compte ul.graphique-disponibilite {
  height: 6vw;
}