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

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

/* BLOC */

.bloc {
	flex: 0 0 auto;
	height: auto;
	margin-right: 0vw;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.bloc-sous {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin-top: 3vh;
	width: 100%;
}

.bloc-sous.no-margin { margin-top: 0vh; }
.bloc-sous-sous { padding: 3vw; margin-left: 0vw; }
.bloc-sous-sous.no-padding { padding: 3vw; }

/* BOX // HEIGHT */

.mobil-h50 { height: 50vh; }
.mobil-no-margin-top { margin-top: 0px; }

.ah-center-mobil { align-items: center !important; }

/* BOX // WIDTH */

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

/* A H P */

h3 {
	font-size: 4vh;
	line-height: 4.5vh;
	margin: 3vh 0 1vh 0;
}

h4 {
	padding: 0 0 3vw 0;
	font-size: 2.8vw;
	line-height: 3.8vw;
}

h5 {
	font-size: 2.5vh;
	line-height: 3vh;
	margin: 2vh 0;
}

a.bt-noir, a.bt-classique, a.bt-white {
	padding: 3vw 0;
	font-size: 2.8vw;
	line-height: 3.8vw;
}

a.pre-selection {
	font-size: 1.2vh;
	line-height: 1.4vh;
	padding: 0.8vh;
	margin: 1vh 0 2vh 0;
}

/* STRUCTURE */

#structure-menu {
	position: relative;
	top: 0px;
	left: 0vw;
	width: 90vw;
	height: auto;
}

#structure-scroll {
	position: relative;
	top: 0px;
	left: 0vw;
	width: 90vw;
	height: auto;
	white-space: normal;
	flex-direction: column;
}

#structure-ariane {
	position: fixed;
	bottom: 0px;
	left: 90vw;
	width: 10vw;
	height: 100vh;
}

/* ARIANE */

ul#structure-ariane-fil {
	position: absolute;
	display: table;
	width: 100vh;
	height: 10vw;
	table-layout: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(90deg);
}

ul#structure-ariane-fil li {
	display: table-cell;
	text-align: center;
	cursor: pointer;
}

ul#structure-ariane-fil li p {
	font-size: 3vw;
	line-height: 3.4vw;
	padding: 10% 0;
}

ul#structure-ariane-fil li {
	box-shadow: inset 0 -1vw 0 0 var(--color-gris-light);
}

ul#structure-ariane-fil li:hover {
	box-shadow: inset 0 -10vw 0 0 var(--color-gris-light);
}

ul#structure-ariane-fil li.active {
	box-shadow: inset 0 -1vw 0 0 var(--color-gris-fonce);
}

/* MENU PRINCIPAL */

#structure-menu {
	flex-direction: column;
}

ul#structure-menu-identite {
	display: table;
	position: relative;
	width: 100%;
}

ul#structure-menu-identite li:nth-child(3) p {
	font-size: 4.5vw;
	line-height: 6vw;
	padding-right: 0vw;
}

img.logo-principal { width: 50vw; }


ul#structure-menu-auteurs {
	position: fixed;
	bottom: 0vw;
	background-color: white;
	z-index: 10;
	height: auto;
	width: 90vw;
	display: table;
	table-layout: fixed;
}

ul#structure-menu-auteurs li { padding: 3vh 0 2vh 0; }

ul#structure-menu-auteurs li:nth-child(2),
ul#structure-menu-auteurs li:nth-child(4) { width: 10%; }

ul#structure-menu-auteurs li p { font-size: 2.8vw; }
ul#structure-menu-auteurs li span.titre { font-size: 1.5vw; line-height: 2.6vw; }
ul#structure-menu-auteurs li p img.logo-vente { width: 16vw; }
ul#structure-menu-auteurs li p img.logo-location { width: 18vw; }
ul#structure-menu-auteurs li p img.picto-contact { width: 3vw; margin-bottom: 0.1vh; }

ul#structure-menu-identite li {
	display: table;
	vertical-align: middle;
	padding: 1vw;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

ul#structure-menu-identite li:nth-child(1) { padding: 2vh 0 1vh 0;}
ul#structure-menu-identite li:nth-child(2) { display: none; }
ul#structure-menu-identite li:nth-child(3) { padding: 1vh 0 2vh 0;}

/* ACTU */

#actualite h3 {
	font-size: 3vh;
	line-height: 3.2vh;
	text-align: center;
}

#actualite ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#actualite ul li { padding: 1vh 2vw; }

#actualite ul li:nth-child(1) { width: 60%; text-align: right; }
#actualite ul li:nth-child(2) { width: 40%; text-align: left; }

/* READ */

.read {
	position: fixed;
	top: 0%;
	left: -200vw;
	background-color: var(--color-gris-fonce);
	width: 100vw;
	height: 100vh;
	z-index: 100;
	transform: translate(-50%, 0%);
	transition-duration: 1s;
	overflow: scroll;
	-ms-overflow-style: none !important; scrollbar-width: none !important;
}

ul.read-contenu li {
	display: table;
	width: 100%;
	vertical-align: middle;
}

ul.read-contenu li:nth-child(1) {
	height: 30vh;
}

ul.read-contenu li:nth-child(2) {
	min-width: 0px;
	margin: 0 auto;
	overflow: scroll;
	width: 80%;
}

ul.read-contenu li p.read-titre {
	font-size: 3.5vh;
	line-height: 4.5vh;
	padding-right: 0%;
}

ul.read-contenu li p.read-texte {
	font-size: 1.6vh;
	line-height: 2.4vh;
	padding-right: 0%;
	text-align: justify;
}

ul.read-contenu li p.read-sitation {
	font-size: 2.6vh;
	line-height: 3.2vh;
	padding-left: 10%;
}

.read .bt-close {
	position: fixed;
	top: 5vh;
	right: 0vw;
	width: 10vw;
	height: 10vw;
	cursor: pointer;
	background-color: var(--color-gris-fonce);
}

/* DISTANCES */

ul.distances li p {
	font-size: 1.2vh;
	line-height: 2.0vh;
}

/* CONTACT */

p.contact {
	font-size: 1.6vh;
	line-height: 2.6vh;
	padding: 0.6vh 0;
	text-align: center;
}

/* DECOMPTE */

p.appt {
	font-size: 2.0vh;
	line-height: 3.2vh;
}

p.appt span.chiffre {
	font-size: 6.5vh;
	line-height: 8.5vh;
	margin-top: 1vh;
}

p.appt i {
	font-size: 1.2vh;
	line-height: 1.4vh;
}

/* FORMULAIRE */

table.formulaire-contact td {
	padding: 1.4vw;
	vertical-align: middle;
}

table.formulaire-contact input, table.formulaire-contact select, table.formulaire-contact textarea {
	font-size: 2.6vw;
	line-height: 3.2vw;
}

/* LIVE */

a#bt-live {
	top: 25vh;
	font-size: 2.8vw;
	line-height: 3vw;
	padding: 1.8vw 3vw 1.8vw 2vw;
}

/* GALERIE IMAGE */

div.bouton-close, .galerie-image .bouton-avant, .galerie-image .bouton-apres {
	width: 10vw;
	height: 10vh;
}

div.bouton-close:hover, .galerie-image .bouton-avant:hover, .galerie-image .bouton-apres:hover {
	width: 12vw;
}

div.bouton-close span {
	width: 3vh;
	height: 4px;
}

.galerie-image ul.vignettes {
	display: none;
}

.galerie-image .bouton-avant span,
.galerie-image .bouton-apres span {
	width: 2vh;
	height: 2vh;
}

.galerie-image ul.images li {
	background-size: contain;
}

/* CODE */

div#code {
	width: 80%;
}

div#code img.logo-code {
	display: inline-block;
	width: 80%;
	padding: 5vh 0;
}

/* POP UP */

#pop-up {
	width: 70vw;
	transform: translate(-50%, -50%);
	padding: 5vh 10vw;
	background-color: white;
	box-shadow: 0 0 0 100vh rgba(0,0,0,0.4);
}

.pop-titre {
	font-size: 6.8vw;
	line-height: 7.6vw;
	padding: 1vh 0;
}

.pop-date {
	font-size: 4.6vw;
	line-height: 5.8vw;
	padding: 1vh 0;
	text-transform: uppercase;
}

.pop-adresse {
	font-size: 4vw;
	line-height: 5vw;
	padding: 1vh 0;
}

.pop-info {
	font-size: 3vw;
	line-height: 4.3vw;
	padding: 1vh 0;
}

a.pop-up-close {
	width: 10vw;
	height: 10vw;
}

a.pop-up-close span {
	width: 70%;
	height: 0.4vw;
}