html { margin: 0px; overflow-x: hidden; }
body {
	margin: 0px;
	overflow-x: hidden;
	background-color: var(--color-body-back);
}

html::-webkit-scrollbar, body::-webkit-scrollbar  { display: none !important; }
html, body { -ms-overflow-style: none !important; scrollbar-width: none !important; }

.mobilOnly { display: none !important; }
.mobilSupr { display: default !important; }
.mobilCenter { text-align: default !important; }
.tableCellMobil { display: none !important; }
.justMobil { display: none !important; }

/* STRUCTURE */

.enveloppe {
	position: relative;
	width: 100vw;
	height: auto;
}

.row {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 96%;
	margin: 6vh auto;
	gap: 3vw;
	height: auto;
}

.row.no-margin { margin: 1vh auto; }
.row.no-gap { gap: 0vw; }
.row.small-gap { gap: 1vh; }

.row.full {	width: 100%; }
.row.small { width: 78%; }

.row.rounded {
	border-radius: 0 8vw;
	overflow: hidden;
}

.row.rounded-reverse {
	border-radius: 8vw 0;
	overflow: hidden;
}

.col {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
}

.col.bottom {
	justify-content: flex-end;
}

.col.top {
	justify-content: flex-start;
}

.col.double {
	flex: 2;
}

.espace-vide-3 { display: block; height: 3vh; }
.espace-vide-5 { display: block; height: 5vh; }
.espace-vide-10 { display: block; height: 10vh; }
.espace-vide-20 { display: block; height: 20vh; }
.espace-vide-30 { display: block; height: 30vh; }

/* P + A */

h2 {
	font-family: 'AvecRegular', serif;
	font-size: 8vw;
	line-height: 6vw;
	color: var(--color-gris-clair);
}

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

h3 {
	display: block;
	font-family: 'SansRegular', serif;
	font-size: 1.3vw;
	line-height: 1.8vw;
	text-transform: uppercase;
	color: var(--color-gris-moyen);
	text-align: center;
	margin: 2vh 0;
}

h4 {
	font-family: 'SansLight', serif;
	font-size: 1vw;
	line-height: 1.2vw;
	letter-spacing: 0.2vw;
	text-transform: uppercase;
	color: var(--color-gris-moyen);
	text-align: center;
}

a {
	color: inherit;
	text-decoration: none;
}

p {
	display: block;
	font-size: 0.8vw;
	line-height: 1.4vw;
	font-family: 'SansRegular', sans-serif;
	color: var(--color-gris-fonce);
}

b { font-family: 'SansMedium', sans-serif; }

p.sous-titre {
	font-size: 2vw;
	line-height: 2.4vw;
	text-transform: uppercase;
	margin: 3vh 0;
	font-family: 'SansMedium';
}

p.sous-titre2 {
	font-size: 1.6vw;
	line-height: 2.0vw;
	text-transform: uppercase;
	margin: 3vh 0;
	font-family: 'SansMedium';
}

p.sous-titre2 span {
	display: block;
	background-color: var(--color-gris-fonce);
	width: 2vw;
	height: 2px;
	transform: translate(0, -3vh);
}

p.alert {
	position: relative;
	text-transform: uppercase;
	font-size: 0.8vw;
	line-height: 1.3vw;
	text-transform: uppercase;
	color: var(--color-gris-fonce);
	padding: 0.5vh 0 0 0;
}

p.alert span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1vh;
	height: 1vh;
	box-shadow: inset -2px -2px 0 0 var(--color-gris-fonce);
	transform: translate(0, -2vh);
	margin: 0 0 1.5vh 0;
}

p.legende-m {
	font-size: 1.4vw;
	line-height: 1.8vw;
	text-transform: uppercase;
	margin: 0;
	font-family: 'SansMedium';
}

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

p.colonnes {
	font-size: 0.8vw;
	line-height: 1.8vw;
	column-count: 2;
	column-gap: 3vw;
	text-align: justify;
}

p.point {
	display: inline-block;
	vertical-align: middle;
	font-family: 'SansMedium', sans-serif;
	text-transform: uppercase;
	font-size: 1.6vw;
	line-height: 2vw;
	padding: 0 0 0 1vw;
}

p.para-center {	display: block; text-align: center; }
p.para-justify { display: block; text-align: justify; }
p.para-right { display: block; text-align: right; }

p.credits {
	font-size: 0.65vw;
	line-height: 1.3vw;
	letter-spacing: 0.05vw;
	text-transform: uppercase;
	color: var(--color-gris-moyen);
}

p.credits img {
	display: inline-block;
	width: 2vw;
}

p.credits a img.trois { width: 6vw; }
p.credits a img.quatre { width: 8vw; }

p.evenement-titre {
	display: block;
	text-align: center;
	font-family: 'AvecRegular', serif;
	font-size: 6vw;
	line-height: 5vw;
	color: var(--color-gris-fonce);
	margin: 2vh 0;
}

p.evenement-infos {
	display: inline-block;
	font-family: 'SansRegular', serif;
	font-size: 1.4vw;
	line-height: 1.8vw;
	letter-spacing: 0vw;
	text-transform: uppercase;
	color: var(--color-gris-fonce);
	text-align: center;
	margin: 1vh 0;
}

p.evenement-legende {
	display: block;
	text-align: center;
	font-size: 1vw;
	line-height: 1.2vw;
	letter-spacing: 0.2vw;
	text-transform: uppercase;
	margin: 1vh 0;
	color: var(--color-selecteur-reser);
}

p.contact {
	text-align: center;
	font-family: 'SansLight', serif;
	font-size: 1.2vw;
	line-height: 1.6vw;
	text-transform: uppercase;
	margin: 1vh 0;
}

p.contact-photo img {
	display: block;
	width: 50%;
	border-radius: 70%;
	margin: 2vh auto 1vh auto;
}

p.point-titre {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1vw;
	line-height: 1.5vw;
	font-family: 'SansMedium', serif;
	margin: 1.2vh 0 0.6vh 0;
}

p.point-texte {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8vw;
	line-height: 1.2vw;
	font-family: 'SansLight', serif;
	margin: 0.6vh 0 1.2vh 0;
}

p.autocollant {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: white;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.0vw;
	line-height: 1.3vw;
	font-family: 'SansMedium', serif;
	padding: 3vh 3vw;
	margin: 0 1vh 1vh 0;
	color: var(--color-selecteur-reser);
	border-radius: 0 2vw;
}

p.homs {
	text-transform: uppercase;
	margin: 1vh 0; }

p.homs b {
	display: block;
}

ul.appart {
	display: table;
}

ul.appart li {
	display: table-cell;
	vertical-align: middle;
	font-family: 'SansRegular', serif;
	text-transform: uppercase;
	font-size: 1.0vw;
	line-height: 1.2vw;
	color: var(--color-gris-fonce);
}

ul.appart li:nth-child(1) {
	font-family: 'SansLight', serif;
	font-size: 2.6vw;
	line-height: 2.6vw;
	padding-right: 0.5vw;
}

/* MENU PRINCIPAL */

#menu-principal {
	position: fixed;
	display: flex;
	width: 96vw;
	height: 8vw;
	padding: 0 2vw;
	z-index: 1;
	background-color: white;
	border-radius: 0 0 1.4vw 1.4vw;
}

#menu-principal.shadow {
	box-shadow: 0 0 30px 0 var(--color-gris-clair);
}

#sous-menu {
	position: relative;
	display: flex;
	width: 96vw;
	margin: 0 2vw;
	height: 8vw;
	z-index: 0;
	background-color: white;
}

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

#menu-principal ul li {
	position: relative;
	display: table-cell;
	vertical-align: bottom;
}

#menu-principal ul li span {
	position: absolute;
	top: 0%;
	left: 50%;
	width: 12vw;
	height: 4vw;
	transform: translate(-50%,-100%);
	transition-duration: 0.4s;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#menu-principal ul li:hover span {
	transform: translate(-50%, 0%);
}

#menu-principal ul li.active span {
	transform: translate(-50%, 0%);
}

#menu-principal ul.identite li img {
	height: 3vw;
}

#menu-principal ul.liste-liens {
	padding-left: 1vw;
}

#menu-principal ul.liste-liens li {
	padding: 0 1vw;
}

#menu-principal ul.liste-liens li p {
	font-family: 'SansMedium', sans-serif;
	text-transform: uppercase;
	font-size: 0.75vw;
	line-height: 1.6vw;
}

#menu-principal ul.liste-liens li p a {
	display: inline-block;
	cursor: pointer;
}

#menu-principal ul.liste-infos {
	margin-left: auto;
	padding-bottom: 1vh;
}

body.selecteur #menu-principal ul.liste-infos {
}

#menu-principal ul.liste-infos li {
	padding: 0 0.5vw;
}

#menu-principal ul.liste-infos li div {
	display: inline-block;
	background-color: var(--color-gris-clair);
	padding: 1.0vw 1.2vw;
	border-radius: 0 1vw;
}

#menu-principal ul.liste-infos li p.actu1 {
	color: var(--color-selecteur-reser);
	text-transform: uppercase;
	font-size: 0.7vw;
	line-height: 1vw;
	letter-spacing: 0.4vw;
	font-family: 'SansMedium', sans-serif;
	margin-bottom: 0.4vh;
}

#menu-principal ul.liste-infos li p.actu2 {
	color: var(--color-gris-fonce);
	text-transform: uppercase;
	font-size: 1vw;
	line-height: 1.2vw;
	font-family: 'SansMedium', sans-serif;
}

#menu-principal ul.liste-infos li p a {
	display: inline-block;
	background-color: var(--color-selecteur-reser);
	text-transform: uppercase;
	color: white;
	font-family: 'SansMedium', sans-serif;
	padding: 1.2vh 1.4vw;
	font-size: 0.6vw;
	line-height: 1.0vw;
	letter-spacing: 0.1vw;
	border-radius: 1vw 0;
	transition-duration: 0.4s;
}

#menu-principal ul.liste-infos li p a:hover {
	background-color: var(--color-gris-fonce);
}

/* INTRODUCTION */

#galerie-introduction {
	position: relative;
	height: 65vh;
  min-height: 650px;
	margin: 0 auto;
}

#galerie-introduction-landing {
	position: relative;
	height: 45vh;
  min-height: 450px;
	margin: 0 auto;
}

ul.galerie {
	position: absolute;
	width: 100%;
	height: 100%;
}

ul.galerie li {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transform: translate(100%, 0);
	transition-duration: 0.2s;
}

ul.galerie li.active {
	transform: translate(0%, 0);
}

ul.vignettes {
	display: flex;
}

ul.vignettes li.bull {
	display: inline-block;
	background-color: white;
	width: 1vw;
	height: 1vw;
	border-radius: 0.5vw;
	margin: 0 0.2vw;
	box-shadow: inset 0 0 0 0.2vw white;
	transition-duration: 0.4s;
	cursor: pointer;
}

ul.vignettes li.bull:hover {
	background-color: var(--color-gris-fonce);
}

ul.vignettes li.bull.active {
	background-color: var(--color-selecteur-reser);
}

ul.vignettes li.play-video {
	display: inline-flex;
	align-items: center;
	background-color: white;
	height: 3vw;
	border-radius: 1.5vw;
	margin: 0 1vw 0 0;
	padding: 0 1.4vw;
	transition-duration: 0.4s;
	cursor: pointer;
}

ul.vignettes li.play-video:hover {
	padding: 0 2vw;
}

ul.vignettes li.play-video a p {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 0.8vw;
	line-height: 0.8vw;
	letter-spacing: 0.1vw;
	font-family: 'SansMedium', sans-serif;
}

ul.vignettes li.play-video a p img {
	display: inline-block;
	vertical-align: middle;
	width: 1vw;
	margin-right: 0.6vw;
}

div.bouton-galerie {
	position: absolute;
	top: 50%;
	width: 3vw;
	height: 3vw;
	background-color: white;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.8;
	transition-duration: 0.4s;
}

div.bouton-galerie:hover {
	opacity: 1;
}

div.bouton-galerie.avant {
	left: 1vw;
}

div.bouton-galerie.apres {
	right: 1vw;
}

div.bouton-galerie span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30%;
	height: 30%;
	background-color: white;
}

div.bouton-galerie.avant span {
	transform: translate(-25%,-50%) rotate(-45deg);
	box-shadow: inset 3px 3px 0px 0px var(--color-gris-fonce);
}

div.bouton-galerie.apres span {
	transform: translate(-75%,-50%) rotate(-45deg);
	box-shadow: inset -3px -3px 0px 0px var(--color-gris-fonce);
}


#galerie-introduction ul.vignettes {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 2vw;
}

#galerie-landing {
	position: relative;
	height: 50vh;
	min-height: 400px;
	margin: 0 auto;
	background-image: url('../image/galerie-image-exter-2.jpg');
	background-position: center;
	background-size: cover;
}

/* DECO */

.deco {	position: absolute; }
.deco.top {	top: 0px; }
.deco.top.margin-top { margin-top: 6vh; }
.deco.bottom { bottom: -1vh; }
.deco.bottom.margin-bottom { margin-bottom: 6vh; }
.deco.left { left: 0px; }
.deco.left.margin-left { margin-left: 6vw; }
.deco.right { right: -1px; }

.deco.size5 { width: 5vw; }
.deco.size8 { width: 8vw; }
.deco.size10 { width: 10vw; }
.deco.size15 { width: 15vw; }
.deco.size20 { width: 20vw; }
.deco.size30 { width: 30vw; }

p.blanc-image {
	font-family: 'AvecRegular', serif;
	font-size: 8vw;
	line-height: 6vw;
	color: white;
	margin-bottom: 1vw;
}

/* BOUTONS DOUBLES */

ul.table {
	display: table;
	table-layout: fixed;
}

ul.table.center {
	text-align: center;
}

ul.table li {
	display: table-cell;
	padding: 2vh 0.5vh;
}

ul.table.no-padding li { padding: 0 0.5vh; }

ul.table li.separation { width: 1px; background-color: var(--color-gris-fonce); padding: 0; }

.bouton-gris,
.bouton-dispo,
.bouton-reser,
.bouton-vendu {
	display: inline-block;
	padding: 1.4vh 1vw;
	font-family: 'SansMedium', sans-serif;
	text-transform: uppercase;
	font-size: 0.8vw;
	line-height: 1vw;
	letter-spacing: 0.1vw;
	cursor: pointer;
	transition-duration: 0.4s;
	margin: 1vh 0;
}

.bouton-selecteur {
	display: inline-block;
	vertical-align: middle;
	padding: 1.5vh 1vw;
	font-family: 'SansMedium', sans-serif;
	text-transform: uppercase;
	font-size: 1.2vw;
	line-height: 1vw;
	letter-spacing: 0.1vw;
	cursor: pointer;
	transition-duration: 0.4s;
	margin: 1vh 0;
}


.bt-droite { border-radius: 1vw 0; }
.bt-gauche { border-radius: 0 1vw; }
.bt-centre { text-align: center; }

.bouton-gris { background-color: var(--color-gris-clair); }
.bouton-gris:hover { background-color: var(--color-gris-light); }
.bouton-dispo { background-color: var(--color-selecteur-dispo); color: white; }
.bouton-reser { background-color: var(--color-selecteur-reser); color: white; }
.bouton-vendu { background-color: var(--color-selecteur-vendu); color: white; }
.bouton-selecteur { background-color: var(--color-selecteur-vendu); color: white; }
.bouton-dispo:hover, .bouton-reser:hover, .bouton-vendu:hover { background-color: var(--color-gris-moyen); }

.picto-m { display: inline-block; width: 2vw; vertical-align: middle; }
.picto-l { display: inline-block; width: 4vw; vertical-align: middle; }

.en-savoir-plus.hideBtn { display: none; }
.en-savoir-moins.hideBtn { display: none; }
.hideTir { display: none; }

/* TELECHARGEMENTS */

a.telechargements {
	display: inline-block;
	padding: 2vw 3vw;
	background-color: var(--color-selecteur-reser);
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-family: 'SansMedium', sans-serif;
	font-size: 1.2vw;
	line-height: 1.4vw;
	transition-duration: 0.4s;
}

a.telechargements { border-radius: 0 2vw; }
a.telechargements.reverse { border-radius: 2vw 0; }


a.telechargements:hover {
	background-color: var(--color-gris-moyen);
}

/* GALERIE VIDEO */

#galerie-video {
	position: fixed;
	top: 0px;
	height: 0px;
	width: 100vw;
	height: 100vh;
	background-color: var(--color-gris-fonce);
	z-index: 10000001;
	transform: translateY(-200vh);
	transition-duration: 0.3s;
}

#galerie-video.open {
	transform: translateY(0vh);
}

#galerie-video video {
	width: 100vw;
	height: 100vh;
}

/* CLOSE */

div.bouton-close {
	position: absolute;
	top: 1vw;
	right: 1vw;
	width: 4vw;
	height: 4vw;
	background-color: var(--color-projet-tonique);
	border-radius: var(--border-radius) 0 var(--border-radius) 0;
	cursor: pointer;
}

div.bouton-close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 2px;
	background-color: white;
	transform: translate(-50%, -50%) rotate(0deg);
	transition-duration: 0.4s;
}

div.bouton-close span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
div.bouton-close span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }

div.bouton-close:hover span:nth-child(1) { transform: translate(-50%, -50%) rotate(-45deg); }
div.bouton-close:hover span:nth-child(2) { transform: translate(-50%, -50%) rotate(45deg); }

/* FOOTER */

.foot-logo-client-1 { width: 80%; }
.foot-logo-client-2 { width: 60%; }

/* POP-UP CONTACT */

#popup-contact {
	position: fixed;
	width: auto;
	top: -500vh;
	left: 50%;
	border: 0px solid var(--color-gris-fonce);
	box-shadow: 0 0 30px 0 var(--color-gris-moyen);
	z-index: 10000;
	background-color: white;
	transform: translate(-50%, -50%);
	width: 60vw;
	max-width: 1000px;
	transition-duration: 0.6s;
	z-index: 10000;
	border-radius: 2vw 0;
}

#popup-contact.open {
	top: -500vh;
}

body.index #popup-contact.open, body.selecteur #popup-contact.open {
	top: 50%;
}

.open-pop-contact {
	cursor: pointer;
}

#popup-contact ul {
	display: table;
	width: calc(100% - 160px);
	table-layout: fixed;
	padding: 2vh 6vh;
}

#popup-contact ul li {
	display: table-cell;
	text-align: center;
	padding: 0 40px;
}

#popup-contact ul li a.bouton-auto {
	display: inline-block;
	font-size: 1.0vw;
	line-height: 1.6vw;
	padding: 1.4vh 2vw;
	background-color: var(--color-gris-fonce);
	color: white;
	box-shadow: none;
	transition-duration: 0.1s;
	text-transform: uppercase;
	letter-spacing: 0.1vw;
	border-radius: 0vw 1vw;
	margin-top: 2vh;
}

#popup-contact ul li a.bouton-auto:hover {
	background-color: var(--color-selecteur-reser);
	box-shadow: none;
}

#popup-contact ul li p:nth-child(1) { padding-top: 5vh; }
#popup-contact ul li p:nth-child(2) { padding-bottom: 5vh; }

#popup-contact div.bouton-fermeture-pop {
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 1vh 1vw;
	color: white;
	cursor: pointer;
	background-color: var(--color-gris-fonce);
	border-radius: 0 0 0 1vw;
	transition-duration: 0.4s;
}

#popup-contact div.bouton-fermeture-pop p {
	display: inline-block;
	color: var(--color-corpo-projet);
	padding: 10px 20px;
	font-family: 'sansRegular', sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition-duration: 0.4s;
}

#popup-contact div.bouton-fermeture-pop:hover { background-color: var(--color-selecteur-reser); }
#popup-contact div.bouton-fermeture-pop:hover p { color: white; }

/* ACTU */

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

#notifications.hide {
	transform: translate(-50%, 0);
}

.notif {
	position: relative;
	padding: 1.6vh 3vw 1.6vh 2vw;
	background-color: red;
}

.notif.hide {
	display: none;
}

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

.notif#actu {
	background-color: var(--color-selecteur-reser);
}

.notif#even {
	background-color: white;
}

.notif div.close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 1vw;
	height: 1vw;
	margin: 1vw 1vw 0 0;
	cursor: pointer;
}

.notif div.close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 2px;
	background-color: var(--color-gris-fonce);
	transition-duration: 0.2s;
}

.notif div.close span:nth-child(1) { transform: translate(-50%, -50%) rotate(45deg); }
.notif div.close span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }
.notif div.close:hover span:nth-child(1) { transform: translate(-50%, -50%) rotate(-45deg); }
.notif div.close:hover span:nth-child(2) { transform: translate(-50%, -50%) rotate(45deg); }

.notif p:nth-child(1) {
	text-transform: uppercase;
	font-size: 1.2vw;
	line-height: 1.6vw;
	margin-bottom: 0.1vh;
	font-family: 'sansMedium', sans-serif;
}

.notif p:nth-child(2) {
	text-transform: uppercase;
	font-size: 0.8vw;
	line-height: 1.2vw;
	margin-bottom: 0.1vh;
	font-family: 'sansRegular', sans-serif;
}

.notif p:nth-child(3) {

}

.notif p:nth-child(3) a {
	display: inline-block;
	background-color: var(--color-gris-fonce);
	padding: 0.7vw 1vw 0.5vw 1vw;
	margin: 0.5vh 0 0 0;
	color: white;
	font-family: 'sansMedium', sans-serif;
	text-transform: uppercase;
	font-size: 0.8vw;
	line-height: 1vw;
	letter-spacing: 0.05vw;
	border-radius: 1vw 0;
	cursor: pointer;
	transition-duration: 0.4s;
}

.notif p:nth-child(3) a:hover {
	background-color: var(--color-gris-moyen);
	padding: 0.7vw 1.2vw 0.5vw 1.2vw;
}

/* GOOGLE */

.grecaptcha-badge {
	display: none;
}

/* PASSWORD */

#zone-password {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* VIDEO EN LIGNE */

#videoInLine {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ACTU */

.row-actu {
	width: 90%;
	margin: 0 0 0 auto;
	overflow-x: scroll;
	text-align: left;
	gap: 1.4vw;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: left;
	background-color: var(--color-gris-clair);
	padding: 1vw;
	border-radius: 1.4vw 0 0 1.4vw;
	box-shadow: inset 0 0 1vw 0vw rgba(0,0,0,0.05);
}

.row-actu::-webkit-scrollbar { display: none !important; }
.row-actu { -ms-overflow-style: none !important; scrollbar-width: none !important; }

.actu-box {
	position: relative;
	display: inline-block;
	justify-content: top;
	background-color: white;
	border-radius: 1vw;
	overflow: hidden;
	min-width: 30vw;
	max-width: 40vw;
}

ul.actu-gal {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
	overflow: hidden;
	background-color: var(--color-gris-clair);
}

ul.actu-gal li {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
	transform: translateX(100%);
	transition-duration: 0.4s;
}

ul.actu-gal li.active {
	transform: translateX(0%);
}

ul.actu-gal li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ul.actu-vig {
	display: block;
	width: auto;
	margin: 1vh auto 0 2vw;
}

ul.actu-vig li {
	display: inline-block;
	width: 2vw;
	height: 0.6vh;
	background-color: white;
	border-radius: 0.3vh;
	cursor: pointer;
	transition-duration: 0.2s;
	background-color: var(--color-gris-clair);
	margin: 0 0.5vw 0 0;
}

ul.actu-vig li:hover { background-color: var(--color-selecteur-reser); }
ul.actu-vig li.active { background-color: var(--color-projet-tonique); }

.actu-box p.actu-titre {
	padding: 0 2vw;
	font-size: 1.6vw;
	line-height: 2vw;
	text-transform: uppercase;
	margin: 2vh 0 1.4vh 0;
}

.actu-box p.actu-texte {
	padding: 0 2vw;
	font-size: 0.9vw;
	line-height: 1.5vw;
	margin: 0 0 1.8vh 0;
}

ul.dates-actu {
	display: block;
	margin: 2vh 0;
}

ul.dates-actu li {
	display: inline-block;
	padding: 0.5vh 0.7vw;
	margin: 0 1vw 0 0;
	border-radius: 100px;
	box-shadow: inset 0 0 0 2px var(--color-projet-tonique);
	transition-duration: 0.4s;
	cursor: pointer;
}

ul.dates-actu li:hover { padding: 0.5vh 1.3vw; }
ul.dates-actu li.active { background-color: var(--color-projet-tonique); color: white; }

ul.dates-actu li p {
	font-size: 0.8vw;
	line-height: 1vw;
	font-family: 'sansMedium', sans-serif;
	color: inherit;
}