.mobilSupr { display: none; }
.smallSupr { display: none; }
.backgroundSuprTablette { background-image: none !important; }
.backgroundSuprMobile { background-image: none !important; }

.justMobil { display: block; }

/* COLONNES */

.deuxColones { column-count: 1; column-gap: 0px; }
.paraCenterMobil { text-align: center; padding-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; }
.paraLeftMobil { text-align: left; padding-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; }

.padding-top-mobil { padding-top: 150px; }

/* WIDTH */
.width-full { display: table; position: relative; width: 100%; min-width: 100%; float: top; }
.width-max { display: table; position: relative; width: calc(100% - 60px); margin: 0 auto; float: top; }

/* BOX // WIDTH */
.entier {width: calc((100% / 1) - 60px); padding: 10px 30px; }
.entier-full {width: calc((100% / 1) - 0px); padding: 10px 0px; }
.demi {width: calc((100% / 1) - 60px ); padding: 10px 30px; }
.demi-full {width: calc((100% / 1) - 0px ); padding: 0px 0px; }
.tier {width: calc((100% / 1) - 60px); padding: 10px 30px; }
.tier-full {width: calc((100% / 1) - 0px ); padding: 0px 0px; }
.deuxtier {width: calc((100% / 1) - 60px); padding: 10px 30px; }
.deuxtier-full {width: calc(2*(100% / 1) - 0px); padding: 0px 0px; }
.quart {width: calc((100% / 1) - 60px); padding: 10px 30px; }
.quart-full {width: calc((100% / 1) - 0px); padding: 0px 0px; }
.troisquart {width: calc((100% / 1) - 60px); padding: 10px 30px; }
.troisquart-full {width: calc((100% / 1) - 0px); padding: 0px 0px; }
.cinquieme {width: calc((100% / 1) - 60px); padding: 10px 30px; }
.sixieme {width: calc((100% / 1) - 60px); padding: 10px 30px; }
.huitieme {width: calc((100% / 1) - 60px); padding: 10px 30px; }

.sixieme.demiMobil {width: calc((50% / 1) - 60px); padding: 10px 30px; }

h1 {
	color: white;
	text-align: center;
	font-family: 'SerifRegular';
	padding: 5vh 0 5vh 0;
	margin: 5vh 0 10vh 0;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 3px;
	border-bottom: 1px solid white;
	transition-duration: 0.8s;
}

/* SITE */

ul#menu-principal li {
	display: table-row !important;
	
}

ul#menu-principal li a p {
	transition-duration: 0.4s;
}

ul#menu-principal li:hover a p {
	letter-spacing: 4px;
}

#boutonMenu {
	display: block !important;
	position: relative;
	width: 100%;
	height: 80px;
	background-image: url('../svg/epicur-picto-menu-open.svg');
	background-size: 60px;
	background-position: top;
}

#boutonMenu.active {
	background-image: url('../svg/epicur-picto-menu-close.svg');
}

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

ul#menu-principal li:hover , ul#menu-principal li.active { box-shadow: inset 0 0px black;}