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

/* WIDTH */

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

/* PAGE ACCUEIL */

.width-full {
	display: table;
	position: relative;
	width: 100vw;
	height: auto;
	min-width: 100vw;
	background-color: rgba(0,0,0,0);
	table-layout: fixed;
	word-spacing: -4em;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: middle;

}

.width-max {
	display: table;
	position: relative;
	width: 75%;
	margin: 0 auto;
	table-layout: fixed;
	word-spacing: -4em;
	overflow: hidden;
	padding: 20px 0;
}

/* MARGES */
.margin-top { border-top: 50px solid rgba(0, 0, 0, 0); }
.margin-bottom { border-bottom: 50px solid rgba(0, 0, 0, 0); }
.padding-top { padding-top: 50px; }
.padding-top-mobil { padding-top: 0px; }
.padding-bottom { padding-bottom: 50px; }
.padding-left { padding-left: 80px; }
.padding-right { margin-right: 6%; }
@media screen and (max-width: 1000px) { .padding-top, .padding-top { padding-top: 30px; } }

.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }

.no-background-mobil { background-image: default; }
.justMobil { display: none !important; }

/* COLONNES */
.deuxColones { column-count: 2; column-gap: 40px; }

/* COLOR // BACKGROUND */
.color-background-white { background-color: rgba(255,255,255,0.5); }
.color-background-grey { background-color: rgba(0,0,0,0.1); }
.color-background-black { background-color: #3e3f3f; }
.color-background-blue { background-color: #B1A586; }
.color-background-corpo { background-color: #87BBA2; }

/* BACKGROUND // VAGUE */
.image-ronde { border: 10px solid white; border-radius: 50%; overflow: hidden; margin: 0 0 30px 0; width: 300px; height: 300px; margin: 0 auto 40px auto; transition-duration: 1s; } .image-ronde img { padding: 0; margin: 0; width: 100%;  }
.image-ronde:hover { border: 10px solid rgba(115,168,139,1); border-radius: 50%; overflow: hidden; margin: 0 0 30px 0; width: 300px; height: 300px; margin: 0 auto 40px auto; }

/* 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) - 60px); padding: 0px 30px; }
.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; }
.cinquieme-full {width: calc((100% / 5) - 0px); padding: 0px 0px; }
.deuxcinquieme { width: calc(2*(100% / 5) - 60px); padding: 0px 30px; }
.deuxcinquieme-full { width: calc(2*(100% / 5) - 0px); padding: 0px 0px; }
.troiscinquieme { width: calc(3*(100% / 5) - 60px); padding: 0px 30px; }
.troiscinquieme-full { width: calc(3*(100% / 5) - 0px); padding: 0px 0px; }
.sixieme {width: calc((100% / 6) - 60px); padding: 0px 30px; }
.huitieme {width: calc((100% / 8) - 60px); padding: 0px 30px; }

/* FONT // FAMILY */
.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; }

.para-center-mobil { text-align: default; }
@media screen and (max-width: 1000px) { .para-center-mobil { text-align: center !important; } }

.no-background-mobil { background: default; }
@media screen and (max-width: 1000px) {	.no-background-mobil { background: none !important; } }

.letter-spacing-1 { letter-spacing: 1px; }
.letter-spacing-2 { letter-spacing: 2px; }
.letter-spacing-4 { letter-spacing: 4px; }

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

/* SEPARATION */
.espace-vide-30 { display: block; height: 30px; }
.espace-vide-60 { display: block; height: 60px; }

/* BORDER */
.border-left { box-shadow: inset -30px 0 0 0 var(--color-gris-fonce); }

/* BANDES IMAGES */
.bande-20 { height: 20vh; }
.bande-30 { height: 30vh; }
.bande-35 { height: 35vh; }
.bande-40 { height: 40vh; min-height: 400px; }
.bande-50 { height: 50vh; min-height: 500px; }
.bande-60 { height: 60vh; min-height: 600px; }
.bande-70 { height: 70vh; min-height: 700px; }

/* HAUTEUR MINI */
.min-height-60 { min-height: 60vh; }

/* COULEUR FOND */

.background-fonce { background-color: var(--color-gris-fonce); }
.background-clair { background-color: var(--color-white); }
.background-tonique { background-color: var(--color-projet-tonique); }
.background-corpo { background-color: var(--color-projet-corpo); }

/* TEXTES */

.background-fonce p,
.background-fonce a,
.background-fonce h1,
.background-fonce h2,
.background-fonce h3,
.background-fonce h4 { color: var(--color-white); }

p {
	font-family: 'sansLight', sans-serif;
	color: var(--color-gris-fonce);
	padding: 10px 0;
	font-size: 1vw;
	line-height: 1.8vw;
}

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

p.distances {
	font-family: 'sansBold', sans-serif;
	text-transform: uppercase;
	font-size: 0.8vw;
	line-height: 1.2vw;
}

p.distances b {
	color: var(--color-projet-tonique);
}

p.legende {
	display: inline-block;
	padding: 0 0 4vw 0;
	font-size: 0.7vw;
	line-height: 0.9vw;
	letter-spacing: 0.1vw;
	text-transform: uppercase;
}

p.titre-partie {
	display: block;
	font-family: 'avecBold', sans-serif;
	font-size: 1vw;
	line-height: 1.2vw;
	letter-spacing: 0.5vw;
}

p.titre-partie img {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
}

p.intro {
	font-family: 'avecBold', sans-serif;
	font-size: 2.6vw;
	line-height: 3vw;
	text-transform: uppercase;
	padding: 3vh 0 15vh 0;
	letter-spacing: 0.1vw;
	text-align: right;
}

p.footer {
	font-size: 1.1vw;
	line-height:1.7vw;
}

a { text-decoration: none; color: unset; cursor: pointer; }

sup { line-height: 0px; }

h2 {
	font-family: 'avecBold', sans-serif;
	font-size: 2vw;
	line-height: 2.6vw;
	text-transform: uppercase;
	padding: 3vw 0 1vw 0;
	letter-spacing: 0.1vw;
}

h2 span.lettrine {
	display: inline-block;
	font-family: 'avecRegular', sans-serif;
	position: absolute;
	font-size: 340%;
	transform: translate(-150%, 40%);
}

h3 {
	font-family: 'sansLight', sans-serif;
	font-size: 1.4vw;
	line-height: 2.4vw;
	color: var(--color-projet-tonique);
}

h4 {
	font-family: 'avecBold', sans-serif;
	font-size: 2vw;
	line-height: 2.6vw;
	text-transform: uppercase;
	padding: 2vw 0 1vw 0;
	letter-spacing: 0.1vw;
}

h5 {
	font-family: 'sansBold', sans-serif;
	text-transform: uppercase;
	font-size: 1.2vw;
	line-height: 1.8vw;
	color: var(--color-projet-tonique);
}

/* BOUTONS */

a.bouton-full {
	position: relative;
	display: block;
	width: 100%;
	margin: 10px 0;
}

.background-fonce a.bouton-full { box-shadow: inset 0 0 0 1px var(--color-white); }
.background-clair a.bouton-full { box-shadow: inset 0 0 0 1px var(--color-gris-fonce); }

a.bouton-full::before {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	left: calc(50% - 15px);
	top: -15px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.9);
	background-color: white;
	background-image: url('../svg/picto-bas.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	transform: rotate(90deg);
	opacity: 0;
	transition-duration: 0.4s;
}

a.bouton-full:hover::before {
	opacity: 1;
	transform: rotate(0deg);
}

a.bouton-full p {
	font-family: 'sansBold', sans-serif;
	font-size: 0.8vw;
	line-height: 1.2vw;
	letter-spacing: 0.1vw;
	padding: 14px 10px 12px 10px;
	text-transform: uppercase;
	text-align: center;
	transition-duration: 0.2s;
}

a.bouton-full:hover p { padding: 24px 20px 12px 20px; }

/* VIDEO */

#myVideo { width: 100vw; height: 100vh; }

#video-bouton-play {
	position: absolute;
	right: -30px;
	top: calc( 50% - 60px );
	width: 120px;
	height: 120px;
	background-color: var(--color-gris-fonce);
	border-radius: 50%;
	cursor: pointer;
	background-image: url('../svg/picto-play.svg');
	background-size: 100px;
	background-position: center;
	background-repeat: no-repeat;
}

#video-bouton-play::before {
	content: "play video";
	font-family: 'sansRegular',sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	line-height: 60px;
	text-align: center;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.9);
	display: block;
	position: absolute;
	top: 30px;
	left: -260px;
	width: 200px;
	height: 60px;
	border-radius: 30px;
	color: rgba(0, 0, 0, 0.9);
	background-color: white;
	transition-duration: 0.2s;
	opacity: 0;
}

#video-bouton-play:hover::before {
	left: -230px;
	opacity: 1;
}

.symbole-2, .symbole-3, .symbole-4, .symbole-6 { padding-top: 40px; }
.symbole-2 p, .symbole-3 p, .symbole-4 p, .symbole-6 p { padding-left: 80px; }

.symbole-2::before { content: "2"; }
.symbole-3::before { content: "3"; }
.symbole-4::before { content: "4"; }
.symbole-6::before { content: "6"; }

.symbole-2::before, .symbole-3::before, .symbole-4::before, .symbole-6::before {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-color: white;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.9);
	text-align: center;
	border-radius: 50%;
	font-size: 26px;
	line-height: 63px;
	font-family: 'sansLight', sans-serif;
}

/* INTRODUCTION */

#message-intro {
	position: absolute;
	top: 50%;
	left: -100%;
	transform: translateY(-50%);
	background-color: var(--color-gris-fonce);
	padding: 25px 35px 15px 25px;
	transition-duration: 1s;
}

#message-intro.open {
	left: 0px;
}

#message-intro ul {
	display: table;
	width: 100%;
	padding: 0 0 20px 0;
}

#message-intro ul li {
	display: table-cell;
}

#message-intro ul li:nth-child(2) {
	text-align: right;
	cursor: pointer;
}

#message-intro ul li img {
	width: 20px;
}

#message-intro p {
	display: block;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	color: var(--color-white);
}

#message-intro p.adresse {
	display: block;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--color-white);
	background-color: var(--color-gris-fonce);
}

/* CONTENU GALERIE */

ul.liste-photo {
	position: relative;
	display: inline-block;
	padding: 40px 0;
}

ul.liste-photo li {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: var(--color-white);
	margin-right: 10px;
	cursor: pointer;
}

ul.liste-photo li.active {
	background-color: var(--color-projet-tonique);
}

ul.liste-photo div.next {
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(50% - 40px);
	right: -90px;
	width: 80px;
	height: 80px;
	background-image: url('../svg/picto-next.svg');
	background-size: 80px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

ul.liste-photo div.next::after {
	content: "next";
	display: block;
	position: absolute;
	top: calc(50% - 10px);
	right: 0px;
	opacity: 0;
	width: 60px;
	height: 20px;
	border-radius: 10px;
	font-family: 'sansRegular';
	font-size: 10px;
	line-height: 23px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.9);
	background-color: white;
	transition-duration: 0.4s;
}

ul.liste-photo div.next:hover::after {
	right: -40px;
	opacity: 1;
}

/* CONTENU GALERIE MEDIA */

ul#picto-galerie-media {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

ul#picto-galerie-media li {
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-size: 70%;
	background-position: center;
	transform-origin: center;
	margin: -25px 0 0 -25px;
	transition-duration: 0.4s;
}

ul#picto-galerie-media li.vue {
	background-color: var(--color-selecteur-dispo);
	background-image: url('../svg/picto-media-vue.svg');
}

ul#picto-galerie-media li.visite {
	background-color: var(--color-selecteur-reser);
	background-image: url('../svg/picto-media-visite.svg');
}

ul#picto-galerie-media li.image {
	background-color: var(--color-selecteur-vendu);
	background-image: url('../svg/picto-media-image.svg');
}

ul#picto-galerie-media li.vue:hover,
ul#picto-galerie-media li.visite:hover,
ul#picto-galerie-media li.image:hover {
	background-color: #ccc;
	cursor: pointer;
}

p#legende-media {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 20px;
	font-family: 'sansBold', sans-serif;
	color: rgba(0,0,0,0.9);
}

p#tuto-media {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 12px;
	color: rgba(0,0,0,0.7);
}

ul#liste-legende li p span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

ul#liste-legende li:nth-child(1) p span { background-color: var(--color-selecteur-dispo); }
ul#liste-legende li:nth-child(2) p span { background-color: var(--color-selecteur-reser); }
ul#liste-legende li:nth-child(3) p span { background-color: var(--color-selecteur-vendu); }

/* GALERIE IMAGE */

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

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

#galerie-image ul#images {
	position: absolute;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
}

#galerie-image ul#images li {
	position: absolute;
	display: none;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-color: white;
}

#galerie-image ul#images li.active { display: block; }

#galerie-image ul#vignettes {
	position: absolute;
	text-align: center;
	bottom: calc( 5% - 40px + 1.5vw );
	display: table;
	width: 80%;
	margin: 0 10%;
	height: 80px;
	border: none;
}

#galerie-image ul#vignettes li {
	display: inline-flex;
	width: 80px;
	height: 80px;
	margin: 0 10px;
	background-size: cover;
	background-position: center;
	transition-duration: 0.4s;
	cursor: pointer;
	border: none;
	filter: grayscale(100%);
	box-shadow: inset 0 0 0 4px var(--color-gris-fonce);
	vertical-align: middle;
}

#galerie-image ul#vignettes li:hover {
	filter: grayscale(0%);
	box-shadow: inset 0 0 0 8px var(--color-gris-fonce);
}

#galerie-image ul#vignettes li.active {
	width: 160px;
	cursor: default;
	filter: grayscale(0%);
	box-shadow: inset 0 0 0 8px var(--color-projet-tonique);
}

#galerie-image #bouton-avant, #galerie-image #bouton-apres {
	position: absolute;
	display: block;
	bottom: 50%;
	width: 80px;
	height: 80px;
	cursor: pointer;
	background-position: 50% center;
	background-size: 30px;
	transition-duration: 0.4s;
	background-color: var(--color-gris-fonce);
}

#galerie-image #bouton-avant { box-shadow: 4px 0 0 0 var(--color-projet-tonique); }
#galerie-image #bouton-apres { box-shadow: -4px 0 0 0 var(--color-projet-tonique); }

#galerie-image #bouton-avant:hover { box-shadow: 8px 0 0 0 var(--color-projet-tonique); }
#galerie-image #bouton-apres:hover { box-shadow: -8px 0 0 0 var(--color-projet-tonique); }


#galerie-image #bouton-avant { left: 0vw; }
#galerie-image #bouton-apres { right: 0vw; }

#galerie-image #bouton-avant::before, #galerie-image #bouton-apres::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25%;
	height: 25%;
	transition-duration: 0.2s;
}

#galerie-image #bouton-avant::before { box-shadow: inset 2px 2px 0 0px var(--color-projet-tonique); transform: translate(-25%, -50%) rotate(-45deg); }
#galerie-image #bouton-apres::before { box-shadow: inset -2px -2px 0 0px var(--color-projet-tonique); transform: translate(-75%, -50%) rotate(-45deg); }

#galerie-image #bouton-avant:hover::before { box-shadow: inset 4px 4px 0 0px var(--color-projet-tonique); }
#galerie-image #bouton-apres:hover::before { box-shadow: inset -4px -4px 0 0px var(--color-projet-tonique); }

/* GALERIE VIDEO */

#galerie-video {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: grey;
	z-index: 10000;
	transform: translateY(-200vh);
	transition-duration: 0.3s;
}

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

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

/* BOUTON CLOSE */

div.bouton-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 80px;
	background-color: white;
	background-position: center;
	cursor: pointer;
	transition-duration: 0.4s;
	background-color: var(--color-gris-fonce);
	box-shadow: -4px 0 0 0 var(--color-projet-tonique);
}

div.bouton-close:hover { box-shadow: -8px 0 0 0 var(--color-projet-tonique); }

div.bouton-close span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 35%;
	height: 2px;
	background-color: var(--color-projet-tonique);
	transition-duration: 0.2s;
}

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) { height: 4px; transform: translate(-50%, -50%) rotate(-45deg); }
div.bouton-close:hover span:nth-child(2) { height: 4px; transform: translate(-50%, -50%) rotate(45deg); }

/* TELECHARGEMENTS */

ul.tableau-telechargements {
	display: table;
	width: 100%;
	table-layout: fixed;
}

ul.tableau-telechargements li {
	display: table-cell;
	table-layout: fixed;
	word-spacing: -4em;
	padding: 0 10px;
	vertical-align: middle;
}

ul.tableau-telechargements li a {
	word-spacing: 0em;
}

/* EVENEMENT */

.fenetre-evenement {
	background-color: var(--color-gris-fonce);
	position: absolute;
	width: 35%;
	min-width: 300px;
	left: -100vw;
	top: 50%;
	transform: translate(0, -50%);
	padding: 80px 0 0 0;
	transition-duration: 0.6s;
}

.fenetre-evenement.open {
	left: 0px;
}

.fenetre-evenement p.fenetre-evenement-titre {
	display: inline-block;
	padding: 1.2vw 40px;
	font-size: 2vw;
	line-height: 2.4vw;
	text-transform: uppercase;
}

.fenetre-evenement p.fenetre-evenement-bouton {
	padding: 0;
}

.fenetre-evenement p.fenetre-evenement-bouton a {
	display: inline-block;
	background-color: white;
	color: var(--color-gris-fonce);
	font-size: 1vw;
	line-height: 1.4vw;
	text-transform: uppercase;
	padding: 1vw 40px;
	transition-duration: 0.4s;
}

.fenetre-evenement p.fenetre-evenement-bouton a:hover {
	background-color: var(--color-projet-tonique);
}

.fenetre-evenement p.fenetre-evenement-bouton a span {
	font-size: 70%;
}

.fenetre-evenement div.picto {
	position: absolute;
	top: 35px;
	left: 40px;
	width: 30px;
	height: 30px;
	background-image: url('../svg/picto-message-white.svg');
	background-size: contain;
}

.fenetre-evenement div.close {
	position: absolute;
	top: 35px;
	right: 40px;
	width: 20px;
	height: 20px;
	background-image: url('../svg/picto-close-white.svg');
	background-size: contain;
	cursor: pointer;
}
/* ACTU */

#actu {
}

#actu p {
	text-align: right;
	font-size: 0.8vw;
	line-height: 1.2vw;
	text-transform: uppercase;
	padding: 5px 0 5px 15%;
}

#actu p span {
	color: var(--color-projet-corpo);
}

#actu p a {
	display: inline-block;
	padding: 15px 40px;
	box-shadow: inset 0 0 0 1px white;
	font-family: 'sansBold', sans-serif;
	letter-spacing: 0.2vw;
	margin: 10px 0 0 0;
	transition-duration: 0.1s;
}

#actu p a:hover {
	box-shadow: inset 0 0 0 4px white;
}

/* GOOGLE */

.grecaptcha-badge { display: none; }

/* DECO */

.deco-d,
.deco-v,
.deco-r,
.deco-i,
.deco-o {
	position: absolute;
	background-size: contain;
	background-position: center;
	opacity: 0;
	display: none;
}

.deco-d {
	width: 6vw; height: 6vw;
	background-image: url('../svg/lettrine-d.svg');
}

.deco-v {
	width: 6vw; height: 6vw;
	background-image: url('../svg/lettrine-v.svg');
}

.deco-r {
	width: 7vw; height: 7vw;
	background-image: url('../svg/lettrine-r.svg');
}

.deco-i {
	width: 6vw; height: 6vw;
	background-image: url('../svg/lettrine-i.svg');
}

.deco-o {
	width: 8vw; height: 8vw;
	background-image: url('../svg/lettrine-o.svg');
}

/* ATOUTS */

ul.atouts {
	padding: 2vh 0;
}

ul.atouts li {
	position: relative;
	padding: 0.3vw 0 0.3vw 1.6vw;
}

ul.atouts li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.8vw;
	left: 0px;
	width: 0.4vw;
	height: 0.4vw;
	transform: rotate(-45deg);
	box-shadow: inset -2px -2px 0 0 var(--color-gris-fonce);
}

ul.atouts li p {
	padding: 0;
	font-family: 'sansRegular', sans-serif;
	font-size: 0.9vw;
	line-height: 1.4vw;
	text-transform: uppercase;
}

ul.atouts li p b {
	padding: 0;
	font-family: 'sansBold', sans-serif;
	font-size: 0.7vw;
	line-height: 1.8vw;
	letter-spacing: 0.2vw;
	text-transform: uppercase;
}

.background-fonce ul.atouts li p {
	color: var(--color-projet-corpo);
}

.background-fonce ul.atouts li::before {
	box-shadow: inset -2px -2px 0 0 var(--color-projet-corpo);
}

.background-fonce ul.atouts li.gauche::before {
	box-shadow: inset 2px 2px 0 0 var(--color-projet-corpo);
}

/* ATOUTS PICTO */

ul.atoutspicto {
	display: table;
	width: 100%;
	table-layout: fixed;
}

ul.atoutspicto li {
	display: table-cell;
}

ul.atoutspicto li:nth-child(1) {
	padding: 0 0 0 0;
	border-right: 2px solid var(--color-gris-fonce);
	width: 60px;
}

ul.atoutspicto li:nth-child(2) {
	padding: 0 0 0 20px;
}

ul.atoutspicto li p {
	display: inline-block;
	font-size: 1vw;
	line-height: 1.2vw;
	padding: 0;
	text-transform: uppercase;
	vertical-align: middle;
}

ul.atoutspicto li p img {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	padding: 0px;
	margin: 0px;
}