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

.mobilOnly { display: inline-block !important; }
.mobilSupr { display: none !important; }
.mobilCenter { text-align: center !important; }
.tableCellMobil { display: table-cell !important; }
.justMobil { display: block !important; }

/* WIDTH */

.width-max { width: 95%; }

/* BOX // WIDTH */
.entier,
.demi,
.tier,
.deuxtier,
.quart,
.troisquart,
.cinquieme,
.deuxcinquieme,
.troiscinquieme,
.sixieme,
.huitieme,
.dixieme,
.douzieme {width: calc((100% / 1) - 60px); padding: 10px 30px; }

.entier-full,
.demi-full,
.tier-full,
.deuxtier-full,
.quart-full,
.troisquart-full,
.deuxcinquieme-full,
.douzieme-full {width: calc((100% / 1) - 0px); padding: 0px 0px; }

/* MARGES */

.padding-top { padding-top: 60px; }
.padding-bottom { padding-bottom: 60px; }

.espace-vide-2 { height: 0.2vh; width: 100%; }
.espace-vide-5 { height: 5vh; width: 100%; }
.espace-vide-10 { height: 10vh; width: 100%; }
.espace-vide-20 { height: 20vh; width: 100%; }
.espace-vide-30 { height: 30vh; width: 100%; }
.espace-vide-40 { height: 40vh; width: 100%; }
.espace-vide-50 { height: 50vh; width: 100%; }
.espace-vide-60 { height: 60vh; width: 100%; }
.espace-vide-100 { height: 100vh; width: 100%; }

/* P & H */

h1 {
	font-size: 7vw;
	line-height: 7.6vw;
}

p {
	font-family: 'light', serif;
	text-align: center;
	font-size: 3.2vw;
	line-height: 4.6vw;
}

/* GALERIE */

ul.galerie,
ul.galerie li {
	height: 35vh;
}

/* SELECTEUR INTRO */

:root {
	--width-curseur: 18vw;
	--height-curseur: 10vw;
	--marge-cursor: 0.6vw;
}

ul#selecteur-intro li p {
	font-size: 2.2vw;
	line-height: 2.6vw;
}

/* IMG */

.logo-principal {
	width: 50vw;
	margin: 2vh 0;
}

/* FOOTER */

p.footer-titre {
	font-size: 2.9vw;
	line-height: 3.4vw;
	letter-spacing: 0.4vw;
}

p.footer-texte {
	font-size: 3vw;
	line-height: 4.7vw;
	padding: 2vh 0;
}

a.footer-bouton {
	padding: 1.6vh 5vw 2vh 5vw;
	font-size: 3.2vw;
	line-height: 4.4vw;
}