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; }

/* PICTO */

.picto-m { display: inline-block; width: 3vh; vertical-align: middle; }
.picto-l { display: inline-block; width: 5vh; vertical-align: middle; }

/* STUCTURE */

.row, .row.small {
	width: 90%;
	flex-direction: column;
}

.col {
	flex-direction: column;
	margin: 0;
}

/* P & A */

h2 {
	font-size: 17vw;
	line-height: 15vw;
}

h2 img.deco-titre {
	width: 12vw;
}

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

h4 {
	font-size: 4vw;
	line-height: 4.2vw;
	letter-spacing: 0.2vw;
}

p {
	font-size: 3vw;
	line-height: 5vw;
}

p.colonnes {
	font-size: 3.2vw;
	line-height: 6vw;
	column-count: 1;
	text-align: justify;
}

p.sous-titre {
	font-size: 4.2vw;
	line-height: 5.6vw;
}

p.point {
	font-size: 4.6vw;
	line-height: 5vw;
	padding: 0 0 0 6vw;
}

.picto-m { width: 8vw; }

p.evenement-titre {
	font-size: 12vw;
	line-height: 10.5vw;
}

p.evenement-infos {
	font-size: 3.5vw;
	line-height: 4.5vw;
}

p.evenement-legende {
	font-size: 2.5vw;
	line-height: 3vw;
}

/* BOUTON */

.bouton-gris, .bouton-dispo, .bouton-reser, .bouton-vendu {
	font-size: 2.8vw;
	line-height: 3vw;
}

.bt-gauche { border-radius: 0 3vw; }
.bt-droite { border-radius: 3vw 0; padding: 2vh 4vw; }

p.credits {
	font-size: 2.0vw;
	line-height: 3.4vw;
	text-align: center !important;
}

p.credits img {
	width: 7vw;
}

p.credits a img.trois { width: 14vw; }
p.credits a img.quatre { width: 20vw; }


p.point-titre {
	font-size: 3vw;
	line-height: 4vw;
	margin: 1.2vh 0 0.4vh 0;
}

p.point-texte {
	font-size: 2.6vw;
	line-height: 3.4vw;
	margin: 0.4vh 0 1.2vh 0;
}

p.contact {
	font-size: 3vw;
	line-height: 4vw;
}

p.autocollant {
	font-size: 3vw;
	line-height: 4vw;
	border-radius: 0 2vh;
	padding: 1vh 6vw;
}

p.blanc-image {
	font-size: 10vw;
	line-height: 8vw;
}

/* COMPTE */

ul.appart {
	width: 80%;
	margin: 0 auto;
}

ul.appart li {
	font-size: 3.6vw;
	line-height: 4vw;
}

ul.appart li:nth-child(1) {
	font-size: 8.6vw;
	line-height: 7.6vw;
	padding-right: 4vw;
	width: 20%;
	text-align: right;
}

/* INTRODUCTION */

#galerie-introduction {
	height: 40vh;
	min-height: 350px;
}

ul.vignettes li.bull {
	width: 4vw;
	height: 4vw;
	border-radius: 2vw;
	margin: 0 1vw;
	box-shadow: inset 0 0 0 1vw white;
}

div.bouton-galerie {
	width: 12vw;
	height: 12vw;
}

div.bouton-galerie.avant { left: 3vw; }
div.bouton-galerie.apres { right: 3vw; }

/* BOUTON VIDEO */

ul.vignettes li.play-video {
	height: 7vw;
	border-radius: 3.5vw;
	margin: 0 1vw 0 0;
	padding: 0 3.4vw;
}

ul.vignettes li.play-video a p {
		font-size: 3vw;
}

ul.vignettes li.play-video a p span {
	display: none;
}

div.bouton-close {
	top: 3vw;
	right: 3vw;
	width: 15vw;
	height: 15vw;
}

/* MENU PRINCIPAL */

#menu-principal {
	flex-direction: column;
	width: 90vw;
	height: auto;
	padding: 0 5vw;
}

#sous-menu {
	width: 100vw;
}

#menu-principal ul {
	position: relative;
	display: table;
	padding-bottom: 0vh;
}

#menu-principal ul.identite {
	margin-top: 1vh;
}

#menu-principal ul.identite li img {
	height: 10vw;
    margin: 10px 10px 0;
}

#menu-principal ul li span {
	display: none;
}

#menu-principal ul.liste-liens {
	margin: 0.5vh 0;
	padding-left: 0vw;
}

#menu-principal ul.liste-liens li {
	padding: 2vw;
	text-align: center;
	background-color: var(--color-gris-fonce);
	border: 1px solid white;
}

#menu-principal ul.liste-liens li.active { background-color: var(--color-selecteur-reser); }

#menu-principal ul.liste-liens li:first-child { border-radius: 3vw 0 0 0; }
#menu-principal ul.liste-liens li:last-child { border-radius: 0 0 3vw 0; }

#menu-principal ul.liste-liens li p {
	font-size: 1.6vw;
	line-height: 2.2vw;
	letter-spacing: 0.3vw;
	color: white;
}

#menu-principal ul.liste-liens li.separation {
	display: none;
}

#menu-principal ul.liste-infos {
	display: table;
	width: 100%;
}

#menu-principal ul.liste-infos li div {
	padding: 2vw 4.2vw;
	border-radius: 0 3vw;
}

#menu-principal ul.liste-infos li p.actu1 {
	font-size: 2.2vw;
	line-height: 3vw;
	letter-spacing: 0.4vw;
}

#menu-principal ul.liste-infos li p.actu2 {
	font-size: 2.8vw;
	line-height: 3.6vw;
}

#menu-principal ul.liste-infos li p a {
	padding: 1.2vh 3.4vw;
	font-size: 2.2vw;
	line-height: 3vw;
	letter-spacing: 0.1vw;
	border-radius: 3vw 0;
}

#menu-principal ul.liste-infos.hide {
	display: none;
}

/* FOOTER */

.foot-logo-client-1 { width: 55%; margin: 2vh 0; }
.foot-logo-client-2 { width: 50%; margin: 2vh 0; }

/* POP CONTACT */

#popup-contact {
	width: 90vw;
}

#popup-contact ul {
	padding: 3vh 0;
	width: 100%;
}

#popup-contact ul li {
	display: table-row;
	padding: 0;
}

#popup-contact ul li a.bouton-auto {
	font-size: 3vw;
	line-height: 4vw;
}

/* ACTU */

#notifications {
	position: absolute;
	top: 0%;
	width: auto;
}

.notif {
	position: relative;
	padding: 1vh 3vw 1vh 2vw;
}

.notif:last-of-type {
	border-radius: 0 0 6vw 0;
}

.notif p:nth-child(1) {
	font-size: 4.2vw;
	line-height: 5.6vw;
}

.notif p:nth-child(2) {
	font-size: 3.2vw;
	line-height: 4.2vw;
}

.notif p:nth-child(3) a {
	padding: 0.6vh 1.5vh;
	margin: 0.5vh 0 0 0;
	font-size: 2.8vw;
	line-height: 3vw;
	border-radius: 3vw 0;
}

.notif p:nth-child(3) a:hover {
	padding: 1vh 1.5vh;
}

.notif div.close {
	top: 0px;
	right: 0px;
	width: 3vw;
	height: 3vw;
	margin: 3vw 3vw 0 0;
}

p.legende-m {
	font-size: 4vw;
	line-height: 5.8vw;
	margin: 2vh 0;
}

p.legende-m.border-left {
	box-shadow: inset 2px 0 0 0 var(--color-gris-fonce);
	padding: 0 0 0 8vw;
}

p.sous-titre2 {
	font-size: 3.6vw;
	line-height: 5vw;
}

p.sous-titre2 span {
	width: 20vw;
}

p.alert {
	font-size: 2.5vw;
	line-height: 3vw;
}

/* TELECHARGEMENTS */

a.telechargements {
	padding: 2vw 3vw;
	font-size: 3.4vw;
	line-height: 4.4vw;
}

/* DECO */

.deco.bottom {
	bottom: 0vh;
}

/* ACTU */

.row-actu {
	gap: 3vw;
	padding: 3vw;
	border-radius: 4vw 0 0 4vw;
}

.actu-box {
	border-radius: 3vw;
	min-width: 75vw;
	max-width: 75vw;
}

ul.actu-vig {
	margin: 2vh auto 0 8vw;
}

ul.actu-vig li {
	width: 10vw;
	height: 3vw;
	border-radius: 1.5vw;
}

.actu-box p.actu-titre {
	padding: 0 8vw;
	font-size: 3.6vw;
	line-height: 4vw;
	text-transform: uppercase;
	margin: 3vh 0 2.4vh 0;
}

.actu-box p.actu-texte {
	padding: 0 8vw;
	font-size: 2.9vw;
	line-height: 4.5vw;
	margin: 0 0 1.8vh 0;
}

ul.dates-actu li,
ul.dates-actu li:hover {
	padding: 0.8vh 2vw;
	margin: 0 3vw 0 0;
}

ul.dates-actu li p {
	font-size: 2.4vw;
	line-height: 3vw;
}