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

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

/* STRUCTURE */

.enveloppe.decalage {
	margin-bottom: 0vh;
}

.row {
  flex-direction: column;
}

.row.small, .row.small-left, .row.small-right {
	width: 80%;
  margin: 4vh auto;
}

/* GALERIE */

ul#galerie-photo { height: 60vh; }
ul#galerie-photo li.back-bot { background-position: center; }

.galerie-fleche {
	top: 50%;
	width: 6vw;
	height: 10vh;
}

.galerie-fleche:hover { width: 6vw; }

.galerie-fleche span {
	width: 3vw;
	height: 3vw;
	box-shadow: inset -0.4vw -0.4vw 0 0 var(--color-gris-fonce);
}

/* P & H */

p {
  font-size: 3vw;
  line-height: 5.4vw;
}

h2 {
  font-size: 6.2vw;
  line-height: 6.8vw;
  margin: 6vh 0;
}

h3 {
  font-size: 2.7vw;
  line-height: 3vw;
  letter-spacing: 1.2vw;
  margin: 4vh 0 6vh 0;
}

h4 {
	font-size: 3.4vw;
	line-height: 4.8vw;
	margin: 2vh 0;
}

p.atouts {
  font-size: 3.6vw;
  line-height: 4.8vw;
  margin: 2vh 0 0 0;
}

p.contact {
	font-size: 3.85vw;
	line-height: 5.2vw;
	margin: 0.8vh 0;
}

p.contact i {
	display: block;
	font-size: 3vw;
	line-height: 4vw;
	letter-spacing: 1.1vw;
	margin: 0.8vh 0;
}

p.contact img.client {
	height: auto;
	width: 60vw;
	margin: 2vh 0;
}

p.credits {
	font-size: 2.2vw;
	line-height: 2.6vw;
}

p.credits img {
	width: 9vw;
	margin: 0 1.2vw;
}

ul.table.atouts li p {
	font-size: 6.4vw;
}

ul.table.atouts li p i {
	font-size: 3.7vw;
}

ul.table.atouts li img {
  width: 16vw;
}

a.atouts-go {
  padding: 1.5vh 4.5vw;
  font-size: 2.7vw;
  line-height: 2.9vw;
  letter-spacing: 0.5vw;
  transition-duration: 0.4s;
}

a.inline {
	padding: 1vh 5vw;
	margin: 1vh 0;
	font-size: 2.7vw;
	line-height: 2.7vw;
	letter-spacing: 0.3vw;
	transition-duration: 0.4s;
}

a.dl img { width: 30vw; }

/* NOTIFICATIONS */

.centre-notification {
  bottom: 0px;
  left: 0px;
  width: 80vw;
  height: auto;
}

.centre-notification table.notification tr td {
  padding: 1vw 2vw;
  font-family: 'SansRegular', sans-serif;
  font-size: 3.4vw;
  line-height: 4vw;
  letter-spacing: 0.02vw;
}

.centre-notification table.notification tr:nth-child(1) td {
  padding: 1vw 2vw;
}

.centre-notification table.notification tr td a.btn-notif {
  font-family: 'SansRegular', sans-serif;
  padding: 1.2vw 2vw;
  font-size: 2.3vw;
  line-height: 2.8vw;
  letter-spacing: 0.05vw;
  margin: 0 1vw 1vw 0;
}

.centre-notification table.notification tr td span {
  display: block;
  font-family: 'SansBold', sans-serif;
  font-size: 2.4vw;
  line-height: 2.8vw;
  letter-spacing: 0.02vw;
  padding: 2vw 0 1vw 0;
}

.centre-notification table.notification tr:nth-child(1) td:nth-child(1) {
  font-size: 2.2vw;
  line-height: 3vw;
  letter-spacing: 0.5vw;
}

.centre-notification table.notification:last-of-type {
  margin: 0.4vh 0 1vh 0;
}

a.btn-notif-close {
  top: 2vw;
  right: 2vw;
  width: 2vw;
  height: 2vw;
}

/* GALERIE */

ul#galerie-photo-vignette li.btn-open-gal {
  padding: 1.5vh 2vw;
  font-size: 2.75vw;
  line-height: 3vw;
}

ul#galerie-photo-vignette li {
  width: 2.5vw;
}

/* MENU PRINCIPAL */

.table.mobilRow li {
  display: table-row;
}

table#menu-principal {
  display: table;
  width: 100%;
  border-left: none;
  border-right: none;
  cursor: pointer;
}

table#menu-principal tr.menu {
  display: none !important;
}

table#menu-principal tr.menu-hide {
  display: table-cell !important;
}

table#menu-principal tr.menu-hide td {
  display: table;
  width: 100%;
  background-color: green;
  border: 2px solid white;
}

table#menu-principal tr td p {
  display: block;
  font-family: 'SansRegular', sans-serif;
  font-size: 2.5vw;
  line-height: 2.5vw;
  letter-spacing: 0.1vw;
  padding: 1vh 1vw;
  background-color: var(--color-projet-corpo);
  text-align: center;
}

/* DISPONIBILITE */

.no-select-mobil {
  display: table !important;
  width: 100% !important;
}

table#disponibilite {
  width: 100%;
  margin-bottom: 1vh;
}

table#disponibilite tr td p.compte {
  font-size: 2.7vw;
  line-height: 3vw;
  padding: 1vh 0.5vh;
}

table#disponibilite tr td p.titre {
  font-family: 'SansRegular', sans-serif;
  font-size: 2vw;
  line-height: 2.8vw;
  letter-spacing: 0.5vw;
  padding: 0 0.5vh;
}

table#disponibilite tr td a.bouton-select {
  color: white;
  padding: 1vw 3vw;
  margin: 0 0 0 3vw;
  font-size: 2.3vw;
  line-height: 2.65vw;
  letter-spacing: 0.2vw;
}

table#disponibilite tr td p.compte span {
	position: relative;
	display: inline-block;
	height: 2.2vw;
	width: 1vw;
	background-color: var(--color-gris-light);
}

/* FILTRES */

li.filtres table tr td p {
  font-size: 2.5vw;
  line-height: 2.5vw;
  letter-spacing: 0.5vw;
}

/* VIDEO */

a.btn-video {
	top: 100%;
	left: 50%;
	transform: translate(-50%, -100%);
	font-size: 4vw;
	line-height: 4.4vw;
	padding: 2vh 5vw;
}

a.btn-video-close {
	font-size: 4vw;
	line-height: 4.4vw;
	padding: 2vh 5vw;
}

/* SLIDE */

table.slide-contenu {
  margin: 2vh 0;
}

table.slide-contenu tr td {
  padding: 3vw 0;
}

table.slide-contenu tr:nth-child(1) td p,
table.slide-contenu tr:nth-child(2) td p {
  font-size: 2.7vw;
  line-height: 4vw;
  letter-spacing: 0.4vw;
}

table.slide-contenu tr:nth-child(2) td span {
  height: 0.6vh;
}

table.slide-contenu tr:nth-child(2) td a.btn-suivant {
  font-size: 2.7vw;
  line-height: 4.75vw;
  letter-spacing: 0.5vw;
}