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

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

/* WIDTH */

.width-max { width: 90%; }

/* BOX // WIDTH */

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


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

/* MARGES */

.padding-top { padding-top: 20px; }
.padding-bottom { padding-bottom: 30px; }

/* BODY */

body.page #introduction {
	height: auto;
}

/* H */

h2 {
	font-size: 5vw;
	line-height: 7vw;
}

h3 {
	font-size: 4.4vw;
	line-height: 5vw;
	letter-spacing: 0.1vw;
}

table.listePicto h2 {
	font-size: 7vw;
	line-height: 9vw;
	padding: 40px 0 40px 0;
}

p.chapitre {
	font-size: 10vw;
}

p.para-standard {
	text-align: justify;
	color: white;
	font-size: 15px;
	line-height: 28px;
	padding: 10px 0;
	font-family: 'SansLight', sans-serif;
}

a.lien-documents img { width: 100px; }

table.formulaire-contact h2 {
	text-align: center;
	font-size: 7vw;
	line-height: 9vw;
	padding: 10px 0;
}

#tableau-telechargement tr td {
	display: inline-block;
	width: 100%;
}

/* MENU PRINCIPAL */

#actu {
	position: relative;
	top: 0%;
	left: 0%;
	transform: translate(0%, 0%);
	z-index: 1000;
	width: 100vw;
	max-width: unset;
	word-spacing: 0em;
}

ul#introduction-actu li:nth-child(2) p.info {
	font-size: 4vw;
	line-height: 5.6vw;
}

ul#introduction-actu li:nth-child(2) p.date {
	font-size: 2vw;
	line-height: 2.2vw;
}

#menu-principal p.logo-principal { padding: 20px 0 20px 0; }

#menu-principal p.logo-principal img { width: 60%; }

#menu-principal ul.menu-bouton-galerie { display: none; }

#introduction, body.index #introduction { height: auto; min-height: 0px; }

#introduction div.galerie { position: relative; width: 100vw; height: 40vh; }

#galerie-bouton-plus {
	width: 15vw;
	height: 15vw;
	transform: translateY(-0%);
	background-color: var(--color-gris-fonce);
}

ul#galerie-puces { width: calc(8*(100% / 8) - 0px); }

a#boutonGalerieMobil {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0%;
	width: 15vw;
	height: 15vw;
	background-color: white;
	background-image: url('../svg/picto-visite.svg');
	background-position: center;
	background-size: 50%;
	transform: translate(0%, -50%);
}

#menu-principal ul.menu-disponibilite li:nth-child(2) p {
	font-size: 5vw;
	line-height: 6vw;
}

#menu-principal ul.menu-disponibilite li:nth-child(3) p {
	font-size: 3vw;
	line-height: 4vw;
}

p.permis-en-force {
	padding: 20px 0;
	font-size: 4vw;
}

/* LEGENDE */

ul.image-legende {
	width: 100%;
}

/* BANDE SURVOL */

.effet-survol.bande-50 { height: 70vh !important; }

/* FORMULAIRE */

table.formulaire-contact tr.mobilOnly {
	display: table !important;
	width: 100%;
}

table.formulaire-contact tr.mobilOnly td p {
	text-align: center;
}

/* >>> AU SURVOL */

ul.demo-down li.demo-texte p:nth-child(2) {
	font-size: 4vw;
	line-height: 5.2vw;
}

.demo-survol div.effet-survol.visible div.demo-up {
	transform: translateX(-100%);
	width: 100%;
}

.demo-survol div.effet-survol.visible ul.demo-down li.demo-texte,
.demo-survol div.effet-survol.visible ul.demo-down li.demo-image {
		transform: translateX(0%);
}

/* FORMULAIRE FOOTER */

table.formulaire-contact {
	width: 100%;
	table-layout: none;
	/*display: block;*/
	width: 100%;
	padding-bottom: 20px;
}

table.formulaire-contact tr {
	display: block;
	width: 100%;
}

table.formulaire-contact td {
	display: block;
	width: 100%;
	padding: 10px 0px;
}

table.formulaire-contact td img {
	width: 50% !important;
}

table.formulaire-contact p {
	text-align: center;
	padding: 0 0 20px 0;
}

p.contact-footer {
	width: 100%;
	font-family: 'SansLight', sans-serif;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px;
	padding: 10px 0px;
	color: var(--color-gris-fonce);
	text-transform: uppercase;
	text-align: center;
}

p.contact-footer a { color: var(--color-projet-duboux); transition-duration: 0.4s; }
p.contact-footer a:hover { color: var(--color-gris-fonce); }

#formulaire-contact-problemes, #formulaire-contact-envoi { text-align: center; }
#formulaire-contact-problemes p, #formulaire-contact-envoi p { padding: 2px 0; }

/* AUTRES PROMOTIONS */

.autres-promotions, .autres-promotions div.contenu {
	height: 80vw;
	max-height: 80vw;
}

.autres-promotions div.effet-survol ul.demo-down li p.titre {
	font-size: 6vw;
	line-height: 10vw;
	letter-spacing: 1.2vw;
}

.autres-promotions div.effet-survol ul.demo-down li p.sous-titre {
	font-size: 3vw;
	line-height: 3.4vw;
	letter-spacing: 2.2vw;
}

/* POP-UP */

#popup {
	position: fixed;
	top: -200vh;
	left: 50%;
	width: 80vw;
	height: auto;
	background-color: var(--color-gris-fonce);
	transform: translate(-50%, -50%);
	z-index: 100000;
	padding: 5vh 5vw;
	box-shadow: 0 0 0 10px white;
} #popup.active { top: 50%; }

#popup p.popup-titre {
	font-size: 5vw;
	line-height: 6.5vw;
}

#popup p.popup-soustitre {
	font-size: 3vw;
	line-height: 4vw;
	letter-spacing: 0.3vw;
	padding: 2vh 0;
}

#popup p a {
	padding: 3vw 6vw;
}

#popup div.popup-close {
	right: 0px;
	width: 10vw;
	height: 10vw;
}

/* MENU MODIF */

ul.menu-naef li {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	padding: 2vh 0;
}

ul.menu-naef li:nth-child(1) { display: none; }
ul.menu-naef li:nth-child(2) { width: 50%; text-align: center; }
ul.menu-naef li:nth-child(3) { width: 30%; text-align: center; }
ul.menu-naef li:nth-child(4) { display: table-cell; width: 20%; }

ul.menu-naef li:nth-child(1) img { height: 0vh; }
ul.menu-naef li:nth-child(2) img { width: 80%; height: unset; padding: 1vh 0; }
ul.menu-naef li:nth-child(3) img { width: 80%; height: unset; }

ul.menu-naef li:nth-child(4) span {
	display: block;
	position: absolute;
	background-color: white;
	width: 40%;
	height: 3px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition-duration: 0.4s;
}

ul.menu-naef li:nth-child(4) span:nth-child(1) { transform: translate(-50%, -550%); }
ul.menu-naef li:nth-child(4) span:nth-child(3) { transform: translate(-50%, 450%); }

ul.menu-naef li:nth-child(4).active span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
ul.menu-naef li:nth-child(4).active span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }
ul.menu-naef li:nth-child(4).active span:nth-child(3) { transform: translate(-50%, -50%) rotate(-45deg); }

ul.liste-lien-naef {
	display: none;
}

ul.liste-lien-naef.active {
	display: table;
}

ul.liste-lien-naef li {
	display: table-row;
	text-align: center;
	text-transform: uppercase;
	box-shadow: inset 0 -0px 0 0 white;
	transition-duration: 0.4s;
}

ul.liste-lien-naef li p {
	font-size: 4vw;
}

/* SELECTEUR MODIF */

#selecteur-bas {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;          /* met les enfants en ligne */
  flex-direction: column;    /* côte à côte */
}

#selecteur-tables {
  flex: 0 0 60%;          /* prend un quart fixe */
  min-width: 200px;       /* optionnel, pour éviter trop petit si fenêtre réduite */
  overflow-y: auto;       /* scrolle si trop de contenu */
}

#selecteur-tables { -ms-overflow-style: none !important; scrollbar-width: none !important; }

#selecteur-graphique {
  flex: 1;                /* prend le reste */
  min-width: 0;           /* important pour que le flex accepte de rétrécir */
  overflow: auto;         /* scrolle si besoin */
}