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

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

/* MOBIL */
.mobilSupr { display: default !important; }
.justMobil { display: none !important; }
.mobilSuprTable { display: table !important; }
.justMobilTable { 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;
	min-width: 100vw;
	table-layout: fixed;
	word-spacing: -4em;
	margin: 0 auto;
	overflow: visible;
	vertical-align: middle;
}

.width-max {
	display: table;
	position: relative;
	width: 80vw;
	margin: 0 auto;
	table-layout: fixed;
	word-spacing: -4em;
	overflow: visible;
	padding: 0;
}

.width-grand {
	display: inline-table;
	position: relative;
	width: calc(4* (100vw/5));
	margin: 0;
	table-layout: fixed;
	word-spacing: -4em;
	overflow: visible;
	padding: 0;
	vertical-align: middle;
}

.width-petit {
	display: inline-table;
	position: relative;
	width: calc(100vw/5);
	margin: 0;
	table-layout: fixed;
	word-spacing: -4em;
	overflow: visible;
	padding: 0;
	vertical-align: middle;
}

/* MARGES */
.padding-top { padding-top: 80px; }
.padding-bottom { padding-bottom: 80px; }
.margin-top { padding-top: 80px; }
.margin-bottom { padding-bottom: 80px; }

/* BOX // WIDTH */
.entier {width: calc((100% / 1) - 40px); margin: 0px 20px; }
.entier-full {width: calc((100% / 1) - 0px); margin: 0px 0px; }
.demi {width: calc((100% / 2) - 40px ); margin: 0px 20px; }
.demi-full {width: calc((100% / 2) - 0px ); margin: 0px 0px; }
.tier {width: calc((100% / 3) - 40px); margin: 0px 20px; }
.tier-max {width: calc((100% / 3) - 20px); margin: 0px 10px; }
.tier-full {width: calc((100% / 3) - 0px); margin: 0px 0px; }
.deuxtier {width: calc(2*(100% / 3) - 40px); margin: 0px 20px; }
.deuxtier-full {width: calc(2*(100% / 3) - 0px); margin: 0px 0px; }
.quart {width: calc((100% / 4) - 40px); margin: 0px 20px; }
.quart-full {width: calc((100% / 4) - 0px); margin: 0px 0px; }
.troisquart {width: calc(3*(100% / 4) - 20px); margin: 0px 40px; }
.troisquart-full {width: calc(3*(100% / 4) - 0px); margin: 0px 0px; }
.cinquieme {width: calc((100% / 5) - 40px); margin: 0px 20px; }
.cinquieme-full {width: calc((100% / 5) - 0px); margin: 0px 0px; }
.sixieme {width: calc((100% / 6) - 40px); margin: 0px 20px; }
.sixieme-full {width: calc((100% / 6) - 0px); margin: 0px 0px; }
.cinqsixieme {width: calc(5*(100% / 6) - 40px); margin: 0px 20px; }
.cinqsixieme-full {width: calc(5*(100% / 6) - 0px); margin: 0px 0px; }
.deuxcinquieme {width: calc(2*(100% / 5) - 40px); margin: 0px 20px; }
.deuxcinquieme-left {width: calc(2*(100% / 5) - 20px); margin: 0px 20px 0 0; }
.deuxcinquieme-full {width: calc(2*(100% / 5) - 0px); margin: 0px 0px; }
.troiscinquieme {width: calc(3*(100% / 5) - 40px); margin: 0px 20px; }
.troiscinquieme-full {width: calc(3*(100% / 5) - 0px); margin: 0px 0px; }

/* FONT // PARA */
.font-cap { text-transform: uppercase; }
.font-underline { text-decoration: underline; }
.font-italique { font-style: italic; }
.para-left { text-align: left; }
.para-justify { text-align: justify; }
.para-center { text-align: center; }
.para-right { text-align: right; }

/* 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%; }
.espace-vide-200 { height: 200px; width: 100%; }
.espace-vide-300 { height: 300px; width: 100%; }

/* BANDES IMAGES */
.bande-10 { height: 10vh; }
.bande-15 { height: 15vh; }
.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; }

.image-back {
	background-size: cover;
	background-position: center;
}

/* BACKGROUND COLOR */

.background-color-corpo { background-color: var(--color-projet-corpo); }
.background-color-cardis { background-color: var(--color-bleu-cardis); }
.background-color-dispo { background-color: var(--color-selecteur-dispo); }

.background-color-corpo p, .background-color-cardis p, .background-color-cardis a, .background-color-cardis h4, .background-color-cardis h2, .background-color-cardis h3 { color: white; }

/* DIVERS */

.hideBtn { display: none !important; }*/
.bande-image-img { height: auto; }

/* P // H */

p, a {
	font-family: 'Light', sans-serif;
	font-size: 0.8vw;
	line-height: 1.6vw;
	color: var(--color-projet-corpo);
}

a { text-decoration: none; }

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

sup {
	line-height: 0px;
	font-size: 50%;
}

p, h1, h2, h3, h4 { color: var(--color-projet-corpo); }

a.en-savoir-plus, a.en-savoir-moins, a.simple {
	display: inline-block;
	font-family: 'Bold', sans-serif;
	cursor: pointer;
	padding: 6px 10px;
	margin: 20px 0;
	border: 2px solid var(--color-projet-corpo);
	text-transform: uppercase;
	font-size: 0.6vw;
	line-height: 1vw;
	letter-spacing: 0.2vw;
}

a.bouton {
	display: inline-block;
	font-family: 'Regular', sans-serif;
	cursor: pointer;
	padding: 20px 30px;
	margin: 20px 0;
	text-transform: uppercase;
	font-size: 0.8vw;
	line-height: 1.2vw;
	letter-spacing: 0.1vw;
	color: white;
	background-color: var(--color-selecteur-dispo);
}

h1 {
		font-family: 'Light', sans-serif;
		font-size: 1.6vw;
		line-height: 2.2vw;
		padding: 20px 40px;
		color: var(--color-projet-corpo);
}

h2 {
		font-family: 'Bold', sans-serif;
		font-size: 1.6vw;
		line-height: 2.2vw;
		padding: 15px 0 30px 0;
}

h3 {
		font-family: 'Regular', sans-serif;
		font-size: 1.2vw;
		line-height: 1.8vw;
		padding: 6px 0;
}

h4 {
		font-family: 'Light', sans-serif;
	 	text-transform: uppercase;
		font-size: 0.6vw;
		letter-spacing: 0.3vw;
		padding: 20px 0 50px 0;
}

p.credits {
	font-family: 'Light', sans-serif;
	text-transform: uppercase;
	font-size: 0.5vw;
	line-height: 0.7vw;
	letter-spacing: 0.1vw;
	padding: 10px 0;
}

p.carte-visite {
	font-family: 'Regular', sans-serif;
	font-size: 0.9vw;
	line-height: 1.2vw;
}

p.carte-visite b {
	font-family: 'Bold', sans-serif;
}

p.carte-visite i {
	font-size: 60%;
	text-transform: uppercase;
}

/* GALERIE ACCUEIL */

#galerie-accueil {
	position: relative;
	width: 100vw;
	height: 100vh;
	min-height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

/* MENU PRINCIPAL */

#barre-menu {
	position: fixed;
	display: table;
	table-layout: fixed;
	vertical-align: middle;
	top: 0px;
	width: calc(4*(100vw / 5));
	left: calc(100vw / 5);
	height: auto;
	z-index: 100;
	transition-duration: 0.2s;
}

#barre-menu.fullscreen {
	transform: translate(0, -100%);
}

#barre-menu.on {
	width: calc(5*(100vw / 5));
	left: 0vw;
}

body.selecteur #barre-menu {
	position: relative;
	left: 0vw;
	width: calc(5*(100vw / 5));
}

body.selecteur #menu-cardis, body.selecteur #menu-cardis.on { transform: translateY(-0%); }

body.selecteur tr.menu-principal-ligne2 { display: none; }
body.selecteur #menu-cardis ul { display: none; }


#barre-menu img {
	display: inline-block;
	vertical-align: middle;
}

#menu-principal {
	display: table-cell;
	position: relative;
	height: auto;
	background-color: white;
	text-align: center;
}

#menu-principal-ligne {
	width: 100%;
	margin: 2vh 0 0 0;
}

#menu-principal-ligne td.marge { width: 2vw; }

ul#menu-principal-ligne1-liens {
	display: table;
	table-layout: fixed;
	width: 100%;
}

ul#menu-principal-ligne1-liens li.lien {
	display: table-cell;
	text-align: center;
}

ul#menu-principal-ligne1-liens a {
	line-height: inherit;
}

ul#menu-principal-ligne1-liens li.retour {
	display: none;
}

body.selecteur ul#menu-principal-ligne1-liens li.lien {
	display: none;
}

body.selecteur ul#menu-principal-ligne1-liens li.lien.retour {
	display: table-cell!important;
}


.menu-principal-ligne1 td {
	padding-bottom: 2vh;
	vertical-align: middle;
}

.menu-principal-ligne1 td ul.bouton {
	display: table;
	width: 100%;
}

.menu-principal-ligne1 td ul.bouton li {
	display: table-row;
}

.menu-principal-ligne1 td ul.bouton li p {
	font-family: 'SemiBold', sans-serif;
	font-size: 0.5vw;
	line-height: 0.6vw;
	letter-spacing: 0.08vw;
	color: var(--color-gris-clair);
	text-transform: uppercase;
	transition-duration: 0.2s;
} .menu-principal-ligne1 td ul.bouton:hover li p, .menu-principal-ligne1 td ul.bouton.active li p { color: var(--color-projet-corpo); }

.menu-principal-ligne1 td ul.bouton li span.picto {
	display: inline-block;
	position: relative;
	width: 3vw;
	height: 3vw;
	box-shadow: 0 0 0 1px var(--color-gris-clair);
	text-align: middle;
	border-radius: 50%;
	margin-bottom: 10px;
	transition-duration: 0.2s;
} .menu-principal-ligne1 td ul.bouton:hover li span.picto, .menu-principal-ligne1 td ul.bouton.active li span.picto { box-shadow: 0 0 0 1px var(--color-projet-corpo); }

.menu-principal-ligne1 td ul.bouton li span.picto p {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

ul#menu-principal-ligne1-liens li:nth-child(1) svg { width: 90%; }
ul#menu-principal-ligne1-liens li:nth-child(2) svg { width: 90%; }
ul#menu-principal-ligne1-liens li:nth-child(3) svg { width: 95%; }
ul#menu-principal-ligne1-liens li:nth-child(4) svg { width: 95%; }
ul#menu-principal-ligne1-liens li:nth-child(5) svg { width: 90%; }
ul#menu-principal-ligne1-liens li:nth-child(6) svg { width: 95%; }

.menu-principal-ligne1 td ul.bouton li span.picto p svg .cls-1 {
	fill: var(--color-gris-clair);
	transition-duration: 0.2s;
} .menu-principal-ligne1 td ul.bouton:hover li span.picto p svg .cls-1, .menu-principal-ligne1 td ul.bouton.active li span.picto p svg .cls-1 { fill: var(--color-projet-corpo); }

.menu-principal-ligne2 {
	background-color: var(--color-projet-corpo);
	display: none;
} .menu-principal-ligne2.on { display: table-row; }

.menu-principal-ligne2 ul#menu-informations {
	position: relative;
	width: 100%;
	height: 60px;
}

.menu-principal-ligne2 ul#menu-informations li {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
}

.menu-principal-ligne2 ul#menu-informations li.active {
	display: block;
}

/* INFORMATIONS */

table.menu-informations-table {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

table.menu-informations-table tr td {
	vertical-align: middle;
}

table.menu-informations-table tr td.separation {
	padding: 20px 1vw;
}

table.menu-informations-table tr td.separation p {
	display: inline-block;
	width: 2px;
	height: 100%;
	background-color: white;
}

table.menu-informations-table tr td p {
	color: white;
}

table.menu-informations-table tr td p.titre {
	font-size: 0.8vw;
	font-family: 'SemiBold', sans-serif;
}

table.menu-informations-table tr td p.point {
	font-size: 0.7vw;
	font-family: 'Medium', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05vw;
}

table.menu-informations-table tr td p.titre-carre {
	font-family: 'SemiBold', sans-serif;
	display: inline-block;
	padding: 0px 0.7vw;
	text-transform: uppercase;
	font-size: 0.5vw;
	letter-spacing: 0.08vw;
	vertical-align: middle;
	transition-duration: 0.4s;
	background-color: white;
	color: var(--color-projet-corpo);
}


table.menu-informations-table tr td p span {
	display: inline-block;
	padding: 0px 0.6vw;
	text-transform: uppercase;
	font-size: 0.5vw;
	letter-spacing: 0.08vw;
	vertical-align: middle;
}

table.menu-informations-table tr td.chiffre-dispo p { display: inline-block; vertical-align: middle; color: var(--color-selecteur-dispo); font-size: 1.5vw; font-family: 'Medium', sans-serif; }
table.menu-informations-table tr td.chiffre-dispo p span { background-color: var(--color-selecteur-dispo); color: white; }

table.menu-informations-table tr td.chiffre-reser p { display: inline-block; vertical-align: middle; color: var(--color-selecteur-reser); font-size: 1.5vw; font-family: 'Medium', sans-serif; }
table.menu-informations-table tr td.chiffre-reser p span { background-color: var(--color-selecteur-reser); color: white; }

table.menu-informations-table tr td.chiffre-vendu p { display: inline-block; vertical-align: middle; color: var(--color-selecteur-vendu); font-size: 1.5vw; font-family: 'Medium', sans-serif; }
table.menu-informations-table tr td.chiffre-vendu p span { background-color: var(--color-selecteur-vendu); color: white; }

table.menu-informations-table tr td p a {
	font-family: 'SemiBold', sans-serif;
	display: inline-block;
	padding: 0px 0.7vw;
	text-transform: uppercase;
	font-size: 0.5vw;
	letter-spacing: 0.08vw;
	vertical-align: middle;
	transition-duration: 0.4s;
	background-color: var(--color-selecteur-dispo);
}

table.menu-informations-table tr td p a:hover {
	background-color: white;
}

/* */

#menu-cardis {
	display: table-cell;
	position: relative;
	height: auto;
	width: calc(100vw / 5);
	text-align: center;
	vertical-align: middle;
	transition-duration: 1s;
	transform: translateY(-100%);
}

body.selecteur #menu-cardis {
	width: 35vw;
}

#menu-cardis.on {
	transform: translateY(-0%);
}

#menu-cardis ul {
	display: table;
	width: 60%;
	margin: 0 auto;
	vertical-align: middle;
	padding: 0 0 20px 0;
}

#menu-cardis ul li {
	display: table-cell;
	vertical-align: middle;
}

#menu-cardis ul li:nth-child(1) { width: 30%; }

#menu-cardis ul li:nth-child(1) p {
	padding: 0 20px;
}

#menu-cardis ul li:nth-child(2) p {
	font-size: 0.6vw;
	line-height: 0.9vw;
	letter-spacing: 0.05vw;
	text-transform: uppercase;
	text-align: left;
}

#menu-cardis svg { width: 20px; }

#menu-cardis svg .cls-1 { fill: #ffffff; }

/* ACCUEIL */

#barre-accueil {
	display: table;
	word-spacing: 0em;
	position: absolute;
	width: calc(3 * (100vw / 5));
	bottom: 0%;
	left: 50%;
	height: auto;
	margin: 0 auto;
	transform: translate(-50%, 100%);
	background-color: var(--color-gris-light);
	transition-duration: 0.4s;
} #barre-accueil.on { transform: translate(-50%, 0); }

#barre-accueil table {
	width: 100%;
	table-layout: fixed;
}

#barre-accueil table tr td {
	vertical-align: middle;
}

#barre-accueil table tr td h1 {
		font-family: 'Light', sans-serif;
		font-size: 1.8vw;
		line-height: 2.6vw;
		padding: 20px 30% 20px 40px;
}

#barre-accueil table tr td:nth-child(2) {
	width: 35%;
	background-color: #173357;
}

#barre-accueil table tr:nth-child(2) p {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 0.7vw;
	line-height: 1vw;
	letter-spacing: 0.05vw;
}

#barre-accueil table tr:nth-child(2) td { padding: 0 40px; }
#barre-accueil table tr:nth-child(2) td ul li:nth-child(2) { width: 100px; text-align: center; }

#barre-accueil table tr:nth-child(2) p a {
	margin: 0 0;
}

#barre-accueil ul.carte-visite {
	width: 60%;
	margin: 0 auto;
	vertical-align: middle;
	padding: 0 0 14px 0;
}

#barre-accueil ul.carte-visite li {
	display: table-cell;
	vertical-align: middle;
}

#barre-accueil ul.carte-visite li:nth-child(1) { width: 30%; }

#barre-accueil ul.carte-visite li:nth-child(1) p {
	padding: 0 20px;
}

#barre-accueil ul.carte-visite li:nth-child(2) p {
	font-size: 0.6vw;
	line-height: 0.9vw;
	letter-spacing: 0.05vw;
	text-transform: uppercase;
	text-align: left;
	color: white;
}

#barre-accueil svg { width: 20px; }

#barre-accueil svg .cls-1 { fill: #ffffff; }

#close-galerie-accueil {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	background-color: white;
	background-image: url('../svg/pictogramme-croix.svg');
	background-size: 40%;
	background-position: center;
	cursor: pointer;
	transition-duration: 0.2s;
}

#barre-accueil.on #close-galerie-accueil { transform: translateY(-60px) rotate(0deg); }
#barre-accueil.on #close-galerie-accueil:hover { transform: translateY(-60px) rotate(90deg); }
#barre-accueil #close-galerie-accueil { transform: translateY(0px) rotate(0deg); }

/* TABLE */

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

ul.table li {
	position: relative;
	display: table-cell;
}

ul.table.bottom li {
	vertical-align: bottom;
}

ul.table li.border-right {
	border-right: 1px solid white;
	padding-right: 30px;
}

ul.table.point {
	margin: 0 auto;
}

ul.table li.margin-left {
	padding-left: 40px;
}

ul.point {
	padding: 20px 0 30px 0;
}

ul.point li {
	vertical-align: top;
}

ul.point p {
	font-size: 1.25vw;
	line-height: 1.8vw;
}

ul.point li:nth-child(1) p span {
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	background-color: var(--color-gris-light);
	margin: 0 30px;
	border-radius: 50%;
}

ul.point li:nth-child(1) p span.select {
	display: block;
	width: 80px;
	height: 80px;
	background-color: white;
	margin: 0 20px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px var(--color-selecteur-dispo);
}

ul.point li:nth-child(1) p span svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
}

ul.point li:nth-child(1) p span.select svg {
	width: 40%;
}

/* GALERIE PRINCIPALE */

#galerie-accueil {
	position: relative;
	width: 100vw;
	height: 100vh;
	min-height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

#galerie-control {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100vh;
	width: calc(100vw/5);
	z-index: 10000;
	transform: translate(0, 0);
	transition-duration: 0.2s;
}

#galerie-control.on {
	transform: translate(0, -200vh);
}

ul#galerie-control-liste {
	position: absolute;
	top: 50%;
	right: 0%;
	width: calc(10vw + 12px);
	height: auto;
	transform: translate(-40%, -50%);
	transition-duration: 0.4s;
}

#galerie-control:hover ul#galerie-control-liste {
	transform: translate(-50%, -50%);
}

ul#galerie-control-liste li.vignette {
	position: relative;
	float: right;
	width: 5vh;
	height: 5vh;
	box-shadow: inset 0 0 0 6px white;
	margin: 12px 6px;
	transition-duration: 0.2s;
	background-size: cover;
	background-position: center;
}

ul#galerie-control-liste li.vignette.active {
	box-shadow: inset 0 0 0 6px var(--color-selecteur-dispo);
}

ul#galerie-control-liste li.suivant, ul#galerie-control-liste li.fullscreen-on, ul#galerie-control-liste li.fullscreen-off {
	position: relative;
	float: right;
	width: 5vh;
	height: 5vh;
	box-shadow: inset 0 0 0 6px white;
	margin: 12px 6px;
	transition-duration: 0.2s;
	background-color: white;
}

ul#galerie-control-liste li.fullscreen-on,
ul#galerie-control-liste li.fullscreen-off { display: none; }

ul#galerie-control-liste li.fullscreen-on.ok,
ul#galerie-control-liste li.fullscreen-off.ok { display: block; }

ul#galerie-control-liste li.suivant svg {
	position: absolute;
	width: 20%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

ul#galerie-control-liste li.fullscreen-on svg,
ul#galerie-control-liste li.fullscreen-off svg {
	position: absolute;
	width: 40%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

ul#galerie-control-liste li.suivant svg .cls-1,
ul#galerie-control-liste li.fullscreen-on svg .cls-1,
ul#galerie-control-liste li.fullscreen-off svg .cls-1 { color: var(--color-projet-corpo); }

ul#galerie-control-liste li:hover {
	box-shadow: inset 0 0 0 6px var(--color-projet-corpo);
	cursor: pointer;
}

ul#galerie-accueil-images {
	position: absolute;
	width: 100%;
	height: 100%;
}

ul#galerie-accueil-images li {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	cursor: pointer;
} ul#galerie-accueil-images li.active { display: block; }

/* CONTACT */

#contact {
	border-bottom: 50px solid var(--color-selecteur-dispo);
	margin-bottom: 50px;
}

/* TABELAU DISTANCES */

table#distances {
	width: 100%;
	table-layout: fixed;
}

table#distances tr td {
	border: 2px solid var(--color-projet-corpo);
}

table#distances tr td p {
	padding: 0.6vw 1vw;
	font-size: 1vw;
	line-height: 1.3vw;
	color: var(--color-projet-corpo);
}

table#distances tr td:nth-child(1) {
	border: 2px solid var(--color-projet-corpo);
	background-color: var(--color-projet-corpo);
}

table#distances tr td:nth-child(1) p {
	font-family: 'Medium', sans-serif;
	color: white;
	font-size: 0.8vw;
	letter-spacing: 0.1vw;
	text-transform: uppercase;
}

table#distances tr td p span {
	font-family: 'Medium', sans-serif;
	color: var(--color-gris-clair);
}

/* ACTU */

#actuMobil { display: none; }
#actuMobil.on { display: none; }

/* ACTU SCROLL */

#actu-scroll {
	position: fixed;
	top: 30%;
	right: 0px;
	width: 20vw;
	z-index: 10000000;
	background-color: var(--color-gris-light);
	padding: 1.4vh 1.4vw 1.4vh 4vw;
	transform: translate(100%, -50%);
	transition-duration: 0.8s;
}

#actu-scroll.on {
	transform: translate(0%, -50%);
}

#actu-scroll.off {
	transform: translate(100%, -50%) !important;
}

#actu-scroll ul li p {
	color: var(--color-projet-corpo);
}

#actu-scroll ul li p.message-principal {
	font-family: 'Medium', sans-serif;
	font-size: 1.3vw;
	line-height: 1.8vw;
	padding: 0 0 1vh 0;
}

#actu-scroll ul li p.message-secondaire {
	font-family: 'Light', sans-serif;
	font-size: 0.8vw;
	line-height: 1.2vw;
	text-transform: uppercase;
}

#fermeture-actu-scroll {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 2vw;
	background-color: var(--color-bleu-cardis);
	background-image: url('../svg/pictogramme-close-actu.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40%;
	transition-duration: 0.4s;
	cursor: pointer;
}

#fermeture-actu-scroll:hover {
	width: 2.2vw;
}

/* GOOGLE */

.grecaptcha-badge { display: none; }