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

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

/* P / H / A */

h3 {
	font-size: 4.0vw;
	line-height: 6vw;
}

p.standard {
	font-size: 2.8vw;
	line-height: 5vw;
}

p.legende {
	font-size: 3vw;
	line-height: 4.4vw;
}

p.legende::before {
	transform: rotate(90deg);
}

a.bouton {
	padding: 1.8vw 3vw;
}

p.etoile {
	text-transform: uppercase;
	letter-spacing: 0.05vw;
	font-size: 2vw;
	line-height: 3.4vw;
	color: var(--color-gris-fonce);
}

/* TABLE TITRE */

ul.layer li:nth-child(1) {
	display: none;
}

ul.layer li:nth-child(2) p {
	font-size: 2.9vw;
	line-height: 3.9vw;
	letter-spacing: 1vw;
	padding: 2vh 0;
}

/* ESPACES */

div.espace {
	flex-direction: column;
	height: auto;
}

div.espace#accueil {
	height: 90vh;
	padding: 5vh 0;
}

div.espace.h-80 {
	height: auto;
}

div.espace div.sous-espace,
div.espace.active div.sous-espace {
	margin: 4vh 0;
}

div.espace div.sous-espace:nth-child(1),
div.espace.active div.sous-espace:nth-child(1) {
	width: 0%;
	display: none;
}

div.espace div.sous-espace:nth-child(2),
div.espace.active div.sous-espace:nth-child(2) {
	width: 100vw;
}

div.espace div.sous-espace:nth-child(3),
div.espace.active div.sous-espace:nth-child(3) {
	width: 100%;
	height: auto;
	min-height: 50vh;
}

div.espace div.sous-espace .contenu.fixe {
	width: 80vw;
	margin: 0 10vw;
}

div.espace div.sous-espace .contenu {
	padding: 0vh 0;
}

div.espace div.sous-espace.w-20,
div.espace div.sous-espace.w-30,
div.espace div.sous-espace.w-40,
div.espace div.sous-espace.w-50 {
	width: 80%;
	margin: 0 10%;
}

/* FOOTER */

#contact p {
	font-size: 2.5vw;
	line-height: 3.5vw;
	text-align: center;
}

#contact p.credits {
	font-size: 2.8vw;
	line-height: 5vw;
	text-align: center;
}

#contact p.credits img { width: 8vw; }

#contact p b {
	font-family: 'SansBold', sans-serif;
	font-size: 4vw;
	line-height: 5.5vw;
}

img.logo-footer {
	width: 50%;
}

ul.acteur li {
	display: table-row;
	padding: 0;
	text-align: center;
}

ul.acteur li p img.logo-acteur {
	display: inline-block;
	vertical-align: middle;
	width:50%;
}

#contact ul.acteur li:last-child p {
	font-size: 1.7vw;
	line-height: 3.7vw;
	letter-spacing: 1.1vw;
	text-align: center;
	display: block;
}

/* MENU */

img.logo-principal {
	width: 40%;
}

a.toggle-menu {
	font-size: 3.5vw;
	line-height: 3.5vw;
}

.picto-carre {
	display: none;
}

ul#menu-scroll {
	width: 75vw;
	height: 100vh;
}

a.toggle-menu {
	position: absolute;
	font-family: 'SansBold', sans-serif;
	font-size: 2.0vw;
	line-height: 2.5vw;
	color: var(--color-selecteur-dispo);
	text-transform: uppercase;
	transform: translate(calc(-100% - 5vw), 5vh);
	transform-origin: top right;
	text-align: right;
	cursor: pointer;
	background-color: white;
	padding: 2vw;
	box-shadow: 0 0 0 4px var(--color-gris-fonce);
}

#menu-scroll.open a.toggle-menu  {
	transform: translate(calc(-50% - 0vw), 3vh);
}

ul#menu-scroll li {
	opacity: 1;
}

/* NOTIFICATION */

ul.noticifaction:last-of-type {
	width: 96%;
	padding: 0 2%;
	box-shadow: 0 0 0 1vh rgba(255,255,255,0.7);
}

ul.noticifaction li.noticifaction-txt p {
	font-size: 2.2vw;
	line-height: 3vw;
}

ul.noticifaction li.noticifaction-txt.big p {
	font-size: 4.8vw;
	line-height: 5.4vw;
}

ul.noticifaction li.noticifaction-btn p a {
	font-size: 1.8vw;
	padding: 2vw;
}

/* COMPTE DES LOTS */

#compte-des-lots {
	position: fixed;
	top: 90%;
	background-color: white;
	transform: translate( calc(100% - 5vw) , calc(100% - 5vw));
	box-shadow: 0 0 0 4px var(--color-gris-fonce);
}

#compte-des-lots.active {
	transform: translate( calc(-100% - 5vw) , calc(-100% - 5vw));
}

#compte-des-lots tr td p {
	font-family: 'SansBold', sans-serif;
	font-size: 3vw;
	line-height: 4vw;
	padding: 0.8vh 1.2vh;
}

#compte-des-lots tr td p a {
	font-size: 2.2vw;
}

/* LEGENDES */

div.espace p.legende-image {
	display: none;
}

/* PICTO */

ul.atouts li p.atouts-titre img, ul.liste-simple li p.atouts-titre img {
	display: block;
	width: 20%;
	margin: 4vh 0 2vh 0;
}

/* RETOURS FORMULAIRE */

#retours-formulaire p {
	font-size: 2.4vw;
	line-height: 3vw;
	text-align: center;
}

/* GALERIE */

ul.galerie-vignettes li {
	flex: 1;
	width: 14vw;
	background-color: rgba(255,255,255,0.4);
	transition-duration: 0.4s;
	cursor: pointer;
	background-position: center;
	background-size: cover;

}

ul.galerie-vignettes li:hover { box-shadow: inset 0 0 0 1vw white; }
ul.galerie-vignettes li.active { box-shadow: inset 0 0 0 2vw var(--color-projet-tonique); }