html { overflow-x: hidden; }
body { overflow-x: hidden; background-color: #FFF; }

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

/* WIDTH */

.contenu {
	position: relative;
	display: inline-block;
	background-size: cover;
	background-position: center;
	vertical-align: middle;
  word-spacing: 0em;
	overflow: hidden;
}

/* PAGE CONTENU */

.width-full {
	display: table;
	position: relative;
	width: 100vw;
	height: auto;
	background-color: rgba(0,0,0,0);
	table-layout: fixed;
	word-spacing: -4em;
	margin: 0 auto;
	overflow: visible;
	vertical-align: middle;
}

.width-full.hide { display: none; }

.width-max {
	display: table;
	position: relative;
	width: 96%;
	margin: 0 auto;
	table-layout: fixed;
	word-spacing: -4em;
	overflow: visible;
	padding: 0;
}

.section {
	margin: 30px 0;
}

.sous-section {
	padding: 5px 0;
}

.separation {
	width: 100%;
	height: 4px;
	margin: 50px 0;
	background-color: var(--color-projet-corpo);
}

/* 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: 0px 30px; }
.demi-full {width: calc((100% / 1) - 0px ); padding: 0px 0px; }
.tier {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.tier-full {width: calc((100% / 1) - 0px); padding: 0px 0px; }
.deuxtier {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.deuxtier-full {width: calc((100% / 1) - 0px); padding: 0px 0px; }
.quart {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.quart-full {width: calc((100% / 1) - 0px); padding: 0px 0px; }
.troisquart {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.troisquart-full {width: calc((100% / 1) - 0px); padding: 0px 0px; }
.cinquieme {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.deuxcinquieme {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.deuxcinquieme-full {width: calc((100% / 1) - 30px); padding: 0px 15px; }
.troiscinquieme {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.sixieme {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.cinqsixieme {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.huitieme {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.douzieme {width: calc((100% / 1) - 60px); padding: 0px 30px; }
.douzieme-full {width: calc((100% / 1) - 0px); padding: 0px 0px; }

/* H */

img {
	margin: 20px 0;
}

h2 {
	font-size: 7vw;
	line-height: 8vw;
	padding: 10px 0;
}

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

p {
	font-size: 4vw;
	line-height: 5vw;
	padding: 4px 0;
}

input[type="text"] {
  width: calc(100% - 22px);
  padding: 18px 12px;
  margin: 8px 0px;
  font-size: 4vw;
  line-height: 5vw;
}

input[type="submit"] {
	font-size: 4vw;
	line-height: 5vw;
	padding: 18px 12px;
	margin: 8px 0px;
}

select {
	font-size: 4vw;
	line-height: 5vw;
	padding: 18px 12px;
	margin: 8px 0px;
}

ul.ligne-formulaire li {
  display: table;
  padding: 0 0;
  width: 100%;
}

input[type="submit"].continuer, input[type="submit"].modifier {
  width: 100%;
  min-width: 200px;
}

form { margin: 40px 0; }

ul#ariane-resume {
	margin-top: 20px;
}

ul#ariane-resume li:nth-child(even) {
	display: none;
}

ul#ariane-resume li {
	display: inline-block;
	width: 50%;
	margin: 10px 0;
}

ul#ariane-resume li p {
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* ARIANE-ACCUEIL */

#ariane-accueil ul li {
  display: table;
  border: 0px solid white;
  width: 100%;
	margin: 0 0 20px 0;
}

#ariane-accueil ul li p:nth-child(1) {
	font-size: 10vw;
	line-height: 14vw;
}

#ariane-accueil ul li p:nth-child(2) {
	display: none;
}

/* BARRE CLIENT */

#barre-client ul li:nth-child(1) { width: 50%; }
#barre-client ul li:nth-child(3) { width: 25%; }
#barre-client ul li:nth-child(6) { width: 25%; }

#barre-client ul li:nth-child(2),
#barre-client ul li:nth-child(4) {
	display: none;
}

#barre-client ul li.bouton-deco-mobil {
	display: table-cell;
	width: 20%;
}