html { margin: 0px; overflow-x: hidden; }
body { margin: 0px; overflow: hidden; }

/* MOBIL */
.mobilSupr { display: inline-block !important; }
.justMobil { display: none !important; }
.mobilSuprTable { display: table !important; }
.justMobilTable { display: none !important; }

/* MENU */

ul#menu-principal {
  height: 60px;
}

ul#menu-principal li:first-of-type, ul#menu-principal li:last-of-type {
  width: 240px;
  transition-duration: 1s;
}

ul#menu-intro-bas { height: 60px; }
ul#menu-intro-bas li#menu-intro-bas-boutons a,
ul#menu-principal li#menu-principal-boutons a { width: 60px; height: 60px; background-size: 24px; }

#menu-principal-logo-cardis p img { width: 200px; }
#menu-principal-logo-projet p img { height: 34px !important; }


ul#menu-principal li#menu-principal-boutons a span,
ul#menu-intro-bas li#menu-intro-bas-boutons a span {
	font-size: 8px;
	line-height: 8px;
  transform: translateY(-100%);
}

ul#menu-secondaire li span.mobil p {
  font-size: 8px;
	line-height: 8px;
  margin: 0 0 10% 0;
}

/* MENU SECONDAIRE */

ul#menu-secondaire li {
  width: 60px;
  height: 60px;
}

ul#menu-secondaire li span.image {
  width: 50px;
  height: 50px;
  border: 5px solid white;
}

ul#menu-secondaire li:hover span.hover {
  transform: translateX( calc(0% + 60px) );
}

/* INFORMATION */

#information {
  width: 240px;
}

#information p {
  font-size: 1.6vw;
  line-height: 2.0vw;
}

/* DIVERS */

ul.paragraphe-liste li.image span {
  width: 60px;
  height: 60px;
  background-size: 25px;
}

/* DIVERS */

ul.paragraphe-simple li.bouton-plus, a.en-savoir-plus {
  background-size: 25px;
}

/* TABLEAU */

table.distances tr td p {
  font-size: 12px;
  line-height: 15px;
}

/* COURTIER */

p.courtiers-profil img {
	width: 90%;
}