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

/* WIDTH */

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

/* 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-big {
	display: table;
	position: relative;
	width: 85%;
	margin: 0 auto;
	table-layout: fixed;
	word-spacing: -4em;
	overflow: visible;
	padding: 3vh 0;
}

.width-max {
	position: relative;
	width: 90%;
	margin: 0 auto;
	table-layout: fixed;
	word-spacing: -4em;
	overflow: visible;
	padding: 0;
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
}

/* MARGES */

.padding-top { padding-top: 120px; }
.padding-bottom { padding-bottom: 120px; }
.padding-left { padding-left: 80px; }
.padding-right { margin-right: 6%; }
.margin-top { margin-top: 80px; }
.margin-bottom { margin-bottom: 80px; }

.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-background-mobil { background-image: default; }

/* COLOR // BACKGROUND */
.color-background-white { background-color: rgba(255,255,255,1); }
.color-background-grey { background-color: var(--color-gris-light); }
.color-background-black { background-color: #3e3f3f; }
.color-background-jaune { background-color: #e6c54f; }
.color-background-vert { background-color: #8a974b; }
.color-background-orange { background-color: #b69e3f; }
.color-background-rouge { background-color: #c90b19; }

/* BORDER */
.border-radius { border-radius: var(--border-radius); overflow: hidden;}
.border-radius-bottom { border-radius: 0 0 var(--border-radius) var(--border-radius); overflow: hidden;}

/* 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% / 2) - 60px ); padding: 0px 30px; }
.demi-full {width: calc((100% / 2) - 0px ); padding: 0px 0px; }
.tier {width: calc((100% / 3) - 60px); padding: 0px 30px; }
.tier-full {width: calc((100% / 3) - 0px); padding: 0px 0px; }
.deuxtier {width: calc(2*(100% / 3) - 120px); padding: 0px 60px; }
.deuxtier-full {width: calc(2*(100% / 3) - 0px); padding: 0px 0px; }
.quart {width: calc((100% / 4) - 60px); padding: 0px 30px; }
.quart-full {width: calc((100% / 4) - 0px); padding: 0px 0px; }
.troisquart {width: calc(3*(100% / 4) - 60px); padding: 0px 30px; }
.troisquart-full {width: calc(3*(100% / 4) - 0px); padding: 0px 0px; }
.cinquieme {width: calc((100% / 5) - 60px); padding: 0px 30px; }
.deuxcinquieme {width: calc(2*(100% / 5) - 60px); padding: 0px 30px; }
.deuxcinquieme-full {width: calc(2*(100% / 5) - 30px); padding: 0px 15px; }
.troiscinquieme {width: calc(3*(100% / 5) - 60px); padding: 0px 30px; }
.sixieme {width: calc((100% / 6) - 60px); padding: 0px 30px; }
.huitieme {width: calc((100% / 8) - 60px); padding: 0px 30px; }
.dixieme {width: calc((100% / 10) - 60px); padding: 0px 30px; }
.douzieme {width: calc((100% / 12) - 60px); padding: 0px 30px; }
.douzieme-full {width: calc((100% / 12) - 0px); padding: 0px 0px; }

/* FONT // FAMILY */

.font-light { font-family: 'light', sans-serif; }
.font-medium { font-family: 'medium', sans-serif; }
.font-regular { font-family: 'regular', sans-serif; }
.font-heavy { font-family: 'bold', sans-serif; }
.font-black { font-family: 'black', sans-serif; }

.font-cap { text-transform: uppercase; }
.font-underline { text-decoration: underline; }
.font-italique { font-style: italic; }

.para-left { text-align: left !important; }
.para-justify { text-align: justify; }
.para-center, .center { text-align: center; }
.para-right { text-align: right; }

.size-petit { font-size: 70%; }

/* IMAGE BACK */

.img-back {
	position: relative;
	overflow: hidden; /* indispensable pour couper ce qui dépasse */
}

.img-back img {
	width: 100%;
	height: 100%;
	object-fit: cover;     /* équivalent de background-size: cover */
	object-position: center;
	display: block;
}

/* ALIGNEMENT */
.vertical-align-top { vertical-align: top; }
.vertical-align-bottom { vertical-align: bottom; }

/* ESPACE VIDE */
.espace-vide-10 { height: 10px; width: 100%; }
.espace-vide-20 { height: 20px; width: 100%; }
.espace-vide-30 { height: 30px; width: 100%; }
.espace-vide-40 { height: 40px; width: 100%; }
.espace-vide-50 { height: 50px; width: 100%; }
.espace-vide-60 { height: 60px; width: 100%; }
.espace-vide-100 { height: 100px; width: 100%; }

/*BANDES IMAGES*/
.bande-20 { height: 20vh; }
.bande-30 { height: 30vh; }
.bande-40 { height: 40vh; }
.bande-50 { height: 50vh; }
.bande-70 { height: 70vh; }

/* H */

p, a {
	position: relative;
	font-family: 'projetSansRegular', sans-serif;
	color: var(--color-gris-fonce);
}

p.txt-moyen {
	font-size: 1.3vw;
	line-height: 2.2vw;
	margin: 0 0 4vh 0;
}

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

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

h3 {
	display: block;
	font-family: 'projetSerif', serif;
	font-size: 8vw;
	color: var(--color-gris-clair);
	margin: 4vh 0 1vh 0;
	text-align: center;
}

h4 {
	display: block;
	font-family: 'projetSansMedium', sans-serif;
	color: var(--color-projet-tonique);
	font-size: 2.2vw;
	line-height: 2.6vw;
	padding: 0;
	margin: 4vh 0 3vh 0;
}

h5 {
	display: block;
	font-family: 'projetSerif', serif;
	font-size: 4vw;
	color: var(--color-gris-clair);
	margin: 4vh 0 1vh 0;
	text-align: center;
}

h6 {
	display: block;
	font-family: 'projetSansRegular', serif;
	font-size: 1.2vw;
	line-height: 1.8vw;
	letter-spacing: 0.4vw;
	color: var(--color-gris-fonce);
	margin: 2vh 0 1vh 0;
	text-align: center;
	text-transform: uppercase;
}


.credits {
	text-transform: uppercase;
	font-size: 0.7vw;
	line-height: 1vw;
	letter-spacing: 0.1vw;
	text-align: right;
}

.credits img {
	display: inline-block;
	width: 8vw;
	margin: 0 0 0 0.4vw;
}

.inscriptions-date {
	text-transform: uppercase;
	font-size: 1.6vw;
	line-height: 2vw;
	margin: 2vh 0;
}

.inscriptions-indication {
	text-transform: uppercase;
	margin: 0 0 3vh 0;
	font-size: 0.7vw;
	line-height: 1vw;
	letter-spacing: 0.1vw;
	color: var(--color-projet-tonique);
}

.faq-question {
	font-size: 1.8vw;
	line-height: 2.3vw;
	font-family: 'projetSansMedium', sans-serif;
	margin: 2vw 0 1vw 0;
	color: var(--color-projet-tonique);
}

.faq-reponse {
	display: block;
	font-size: 1.2vw;
	line-height: 1.6vw;
	margin: 0 0 3vw 0;
	color: var(--color-gris-fonce);
	border-bottom: 2px solid var(--color-gris-fonce);
	padding: 0 0 3vw 0;
}

/* BOUTONS */

a.close {
	display: block;
	width: 1.2vw;
	height: 1.2vw;
	cursor: pointer;
}

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

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

a.googlemaps {
	position: absolute;
	bottom: 0px;
	left: 0;
	margin: 4vw;
	padding: 1vw 1.6vw;
	background-color: var(--color-gris-fonce);
	color: white;
	border-radius: var(--border-radius);
	text-transform: uppercase;
	font-family: 'projetSansMedium', sans-serif;
	font-size: 0.9vw;
	line-height: 1vw;
	letter-spacing: 0.1vw;
	transition-duration: 0.4s;
}

a.googlemaps:hover {
	background-color: var(--color-projet-tonique);
}

a.bouton {
	display: inline-block;
	margin: 2vw 0 0 0;
	padding: 1vw 1.6vw;
	background-color: var(--color-projet-tonique);
	color: white;
	border-radius: var(--border-radius);
	text-transform: uppercase;
	font-family: 'projetSansMedium', sans-serif;
	font-size: 1.3vw;
	line-height: 1.6vw;
	letter-spacing: 0.1vw;
	transition-duration: 0.4s;
}

a.bouton:hover {
	background-color: var(--color-gris-fonce);
}

/* INTRODUCTION */

#introduction {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	height: 91vh;
	min-height: 600px;
	overflow: hidden;
}

body.page #introduction {
	height: 60vh;
	min-height: 400px;
}

/* BLOC ACTU */

#bloc-actu {
	display: flex;
	flex-direction: row;
	width: 90%;
	z-index: 1;
	padding: 1vh 0;
}

body.page #bloc-actu-gauche { display: none; }

#bloc-actu-gauche {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 40%;
	vertical-align: bottom;
}

#bloc-actu-gauche .notification {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
	background-color: white;
	margin-top: 1vh;
	overflow: hidden;
}

#bloc-actu-gauche .notification:nth-child(1) {
	border-radius: var(--border-radius) var(--border-radius) 0 0;
}

#bloc-actu-gauche .notification:nth-child(2) {
	border-radius: 0px 0px var(--border-radius) 0px;
}

#bloc-actu-gauche .notification ul {
	display: table;
	width: 100%;
}

#bloc-actu-gauche .notification ul li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 1.5vw 1vw 1.5vw 2vw;
}

#bloc-actu-gauche .notification.actu ul:nth-child(1) li:nth-child(2) {
	vertical-align: top;
}

#bloc-actu-gauche .notification.actu ul:nth-child(1) li:nth-child(1) p {
	font-size: 1.6vw;
	line-height: 1.9vw;
	font-family: 'projetSansMedium', sans-serif;
	color: var(--color-gris-fonce);
}

#bloc-actu-gauche .notification.actu ul:nth-child(2) li:nth-child(1) p {
	font-size: 0.9vw;
	line-height: 1.2vw;
	letter-spacing: 0.1vw;
	font-family: 'projetSansRegular', sans-serif;
	color: var(--color-gris-fonce);
	text-transform: uppercase;
}

#bloc-actu-gauche .notification.actu ul:nth-child(2) li:nth-child(2) {
	border-radius: var(--border-radius) 0 0 0;
}

#bloc-actu-gauche .notification.actu ul:nth-child(2) li:nth-child(2),
#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(2) {
	width: 40%;
	background-color: var(--color-gris-fonce);
	text-align: center;
	padding: 0;
	transition-duration: 0.4s;
}

#bloc-actu-gauche .notification.actu ul:nth-child(2) li:nth-child(2):hover,
#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(2):hover {
	background-color: var(--color-gris-moyen);
}

#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(1) {
	background-color: var(--color-projet-tonique);
}

#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(1) p:nth-child(1) {
	font-family: 'projetSansMedium', sans-serif;
	font-size: 1.35vw;
	line-height: 1.6vw;
}

#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(1) p:nth-child(2) {
	text-transform: uppercase;
	font-family: 'projetSansRegular', sans-serif;
	font-size: 0.8vw;
	line-height: 1vw;
	letter-spacing: 0.1vw;
}

#bloc-actu-gauche .notification.actu ul:nth-child(2) li:nth-child(2) a,
#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(2) a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	text-transform: uppercase;
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding: 0px;
}

#bloc-actu-gauche .notification.actu ul:nth-child(2) li:nth-child(2) a p,
#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(2) a p {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--color-white);
	font-family: 'projetSansMedium', sans-serif;
	font-size: 0.9vw;
	line-height: 1vw;
	letter-spacing: 0.1vw;
}

#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(1) p:nth-child(1) {
	color: var(--color-white);
}

#bloc-actu-gauche .notification.even ul:nth-child(1) li:nth-child(1) p:nth-child(2) {
		color: var(--color-white);
}

#bloc-actu-droite {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 60%;
	text-align: right;
	padding-bottom: 2vh;
}

body.page #bloc-actu-droite { width: 100%; }

#bloc-actu-droite ul.control-gal {
	display: inline-block;
	background-color: white;
	padding: 1vw;
	border-radius: 100px;
	width: auto;
	align-self: flex-end;
}

#bloc-actu-droite ul.control-gal li {
	position: relative;
	display: inline-block;
	width: 1.2vw;
	height: 1.2vw;
	border-radius: 50%;
	background-color: var(--color-projet-tonique);
	opacity: 0.4;
	margin: 0 0.2vw;
	cursor: pointer;
}

#bloc-actu-droite ul.control-gal li.active {
	opacity: 1;
}

/* BORDER ANIMÉ */
#bloc-actu-droite ul.control-gal li.active::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  background: conic-gradient(
    from 0deg,
    var(--color-gris-fonce) 0deg,
    var(--color-gris-fonce) 180deg,
    transparent 180deg 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 6px;
  animation: spin 8s linear infinite;
}



#bloc-actu-droite ul.legende-gal {
	position: relative;
	display: inline-block;
	width: 100%;
}

#bloc-actu-droite ul.legende-gal li {
	display: none;
	opacity: 0;
	width: 100%;
	float: left;
}

#bloc-actu-droite ul.legende-gal li.active {
	display: block;
	opacity: 1;
}

#bloc-actu-droite ul.legende-gal li p {
	font-family: 'projetSerif', serif;
	font-size: 11vw;
	line-height: 6vw;
	color: white;
}

#bloc-actu-droite ul.legende-gal li p:nth-child(1) {
	font-size: 5vw;
	margin-right: 20vw;
}

/* BLOC MENU */

#bloc-menu {
	display: flex;
	flex-direction: row;
	width: 90%;
	background-color: white;
	border-radius: 0 var(--border-radius) 0 0;
	z-index: 1;
	padding: 1vh 0 5vh 0;
}

body.page #bloc-menu { border-radius: var(--border-radius) var(--border-radius) 0 0; }

#bloc-menu-gauche {
	position: relative;
	width: 30%;
}

#bloc-menu-gauche a {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url('../svg/logo-projet.svg');
	background-size: 70%;
	background-position: center;
}

#bloc-menu-droite {
	width: 70%;
}

ul.galerie-intro {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.galerie-intro li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: translate(100%, 0);
	transition-duration: 0.1s;
}

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

ul#menu-principal {
	display: table;
	width: 94%;
	margin: 0 auto;
}

ul#menu-principal li {
	display: table-cell;
}

ul#menu-principal li a {
	display: block;
	width: calc(100% - 2vw);
	font-size: 1.4vw;
	line-height: 1.4vw;
	font-family: 'projetSansBold', sans-serif;
	box-shadow: inset -2px 0 0 0 var(--color-gris-fonce);
	margin: 3vw 2vw 2vw 1vw;
	transition-duration: 0.4s;
	color: var(--color-gris-fonce);
	cursor: pointer;
}

ul#menu-principal li a:hover, ul#menu-principal li.active a {
	color: var(--color-projet-tonique);
}

ul#menu-principal li.active a

ul#decompte-lot {
	display: table;
	width: auto;
	margin: 1vh auto 1vh auto;
}

ul#decompte-lot li {
	display: table-cell;
	padding: 0 0.5vw;
	vertical-align: middle;
}

ul#decompte-lot li p {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 1.0vw;
	line-height: 1.0vw;
	font-family: 'projetSansMedium', sans-serif;
	color: var(--color-gris-fonce);
}

ul#decompte-lot li p i {
	color: var(--color-gris-moyen);
}

ul#decompte-lot li p span.compte {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 6vw;
	height: 16px;
	border-radius: 8px;
	box-shadow: 0 0 0 4px var(--color-gris-clair);
}

ul#decompte-lot li p span.compte i {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 50%;
	border-radius: 8px;
	background-color: var(--color-selecteur-dispo);
	box-shadow: inset 0 0 0 2px white;
}

ul#decompte-lot li p.titre {
	font-size: 50%;
	letter-spacing: 0.4vw;
	padding-right: 1vw;
	box-shadow: inset -2px 0 0 0 var(--color-gris-fonce);
}

/* CONTENU */

div.row {
	display: flex;
	flex-direction: row;
	justify-content: center; /* centre horizontalement tous les bull */
	width: 90%;
	margin: 0 auto;
	gap: 2vw;                 /* espace entre les bull */
	height: auto;
}

div.row div.bull {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	border-radius: var(--border-radius);
	margin: 1vw 0;
	overflow: hidden;
	transition-duration: 0.2s;
}

div.row div.bull.top { justify-content: flex-start; }
div.row div.bull.padding { padding: 0 3vw; }
div.row div.bull .padding { padding: 2vw; }

div.row div.bull.button:hover {
	background-color: #f6e0b4; !important;
	transform: scale(1.02);
}

div.row div.bull.plus {
	flex: 1.5;
}

div.row div.bull.double {
	flex: 2;
}

div.row div.bull.back-grey { background-color: var(--color-gris-light); }
div.row div.bull.back-tonique { background-color: var(--color-projet-tonique); }
div.row div.bull.back-green { background-color: var(--color-selecteur-dispo) }
div.row div.bull.back-sun { background-color: #f6e0b4 }

div.row div.bull.back-tonique:hover {
    background-color: var(--color-projet-tonique);
}



div.row div.bull ul li.picto {
	padding-right: 2vw;
}

div.row div.bull ul li.picto img {
	display: inline-block;
	width: 2vw;
	border-right: 2px solid var(--color-gris-fonce);
	padding-right: 2vw;
}

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

p.bull-h1 {
	font-family: 'projetSansBold', sans-serif;
	font-size: 1.3vw;
	line-height: 1.6vw;
}

p.bull-h2 {
	font-family: 'projetSansBold', sans-serif;
	font-size: 1.3vw;
	line-height: 1.7vw;
	text-transform: uppercase;
	margin-bottom: 0.8vh;
}

p.bull-h4 {
	font-family: 'projetSansRegular', sans-serif;
	font-size: 1vw;
	line-height: 1.2vw;
	letter-spacing: 0.1vw;
	text-transform: uppercase;
}

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

div.bull-illu {
	position: relative;
	height: 20vh;
	width: 100%;
	background-color: white;
	background-position: center;
	background-size: cover;
}

.bull.bonacasa ul.table {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.bull.bonacasa ul.table li {
	padding: 1vh 0;
}

.bull.bonacasa ul.table li:nth-child(1) p {
	font-family: 'projetSansBold', sans-serif;
	text-align: right;
	font-size: 1.7vw;
	line-height: 1.9vw;
	letter-spacing: 0.2vw;
	text-transform: uppercase;
	padding: 0 2vw 0 0;
	margin: 0 4vw 0 0;
	border-right: 2px solid var(--color-white);
	color: var(--color-white);
}

.bull.bonacasa ul.table li:nth-child(2) p img {
	width: 16vw;
}

.bull.bonacasa ul.table li:nth-child(3) {
	background-color: var(--color-gris-fonce);
}

.bull.bonacasa ul.table li:nth-child(3) p {
	font-family: 'projetSansBold', sans-serif;
	color: var(--color-white);
	text-transform: uppercase;
	font-size: 1.3vw;
	line-height: 1.6vw;
	letter-spacing: 0.2vw;
	text-align: center;
	padding: 2vh 1vw;
}

.bull.center {
	text-align: center;
}

/* GALERIE LIGNE */

ul.galerie-ligne,
ul.galerie-ligne-legende {
	position: relative;
}

ul.galerie-ligne li,
ul.galerie-ligne-legende li {
	display: none;
}

ul.galerie-ligne li.active,
ul.galerie-ligne-legende li.active {
	display: block;
}

ul.galerie-ligne li img {
	width: 100%;
}

ul.galerie-ligne-puces {
	position: relative;
	display: inline-block;
	background-color: white;
	padding: 1vw;
	margin: 2vw;
	border-radius: 100px;
	width: auto;
	align-self: center;
	z-index: 0;
}

ul.galerie-ligne-puces li {
	position: relative;
	display: inline-block;
	width: 1.2vw;
	height: 1.2vw;
	border-radius: 50%;
	background-color: var(--color-projet-tonique);
	opacity: 0.4;
	margin: 0 0.2vw;
	cursor: pointer;
	transition-duration: 0.4s;
}

ul.galerie-ligne-puces li.active { opacity: 1; }

/* BORDER ANIMÉ */
ul.galerie-ligne-puces li.active::before {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  background: conic-gradient(
    from 0deg,
    var(--color-gris-fonce) 0deg,
    var(--color-gris-fonce) 180deg,
    transparent 180deg 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 6px;
  animation: spin 8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}




p.galerie-ligne-legende-titre1 {
	text-align: center;
	font-size: 1.8vw;
	line-height: 2.1vw;
	padding: 0 3vw;
	margin: 1vw 0;
	font-family: 'projetSansMedium', sans-serif;
}

p.galerie-ligne-legende-titre2 {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1vw;
	line-height: 1.6vw;
	padding: 0 3vw;
	margin: 0.5vw 0;
	font-family: 'projetSansRegular', sans-serif;
}

/* TEMOIGNAGE */

.bull.temoin {
	padding: 3vw !important;
	text-align: center;
}

.bull.temoin p.temoin-photo span {
	display: inline-block;
	width: 10vw;
	height: 10vw;
	border-radius: 50%;
	background-color: white;
	margin-bottom: 1vw;
}

.bull.temoin p.temoin-txt {
	font-size: 1.2vw;
	line-height: 1.8vw;
	margin: 0.5vw 0;
}

.bull.temoin p.temoin-nom {
	font-size: 1.8vw;
	line-height: 2.4vw;
	font-family: 'projetSansMedium', sans-serif;
	margin: 1vw 0 0.2vw 0;
}

.bull.temoin p.temoin-date {
	font-size: 1vw;
	line-height: 1.2vw;
	font-family: 'projetSansRegular', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1vw;
}

/* BILL LISTE */

.bull.liste {
	text-align: center;
	justify-content: flex-start;
	margin: 3vw 0 1vw 0 !important;
}

.bull.liste h5 {
	font-size: 3.5vw;
	line-height: 3vw;
	margin: 1.5vw 0 1vw 0;
	color: var(--color-projet-tonique);
}

.bull.liste h5 span {
	display: block;
	text-align: center;
	margin: 0.6vw 0 0 0;
	font-family: 'projetSansRegular', sans-serif;
	font-size: 0.6vw;
	line-height: 1vw;
	letter-spacing: 0.4vw;
	text-transform: uppercase;
}

.bull-atout {
	text-align: center;
	margin: 0.8vw 0;
	font-family: 'projetSansRegular', sans-serif;
	font-size: 1vw;
	line-height: 1.3vw;
	text-transform: uppercase;
}

/* VIDEO */

#play-video {
	position: absolute;
	top: 35%;
	left: 50%;
	width: 10vw;
	height: 10vw;
	border-radius: 1000px;
	transform: translate(-50%, -50%);
	z-index: 1000;
	background-image: url('../svg/picto-play.svg');
	background-size: 40%;
	background-position: 55% center;
	box-shadow: inset 0 0 0 4px white, 0 0 10px 0 rgba(0,0,0,0.3);
	transition-duration: 0.4s;
	cursor: pointer;
	background-color: rgba(0,0,0,0.3);
}

#play-video:hover {
	box-shadow: inset 0 0 0 8px white, 0 0 10px 0 rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.15);
}

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

img.logo-adm {
	display: inline-block;
	vertical-align: top;
	margin: 0 0.5vw;
	width: 3vw;
}

.grecaptcha-badge {
	display: none;
}