/*** HELPERS & GENERAL ***/

* {font-family: jubilat, serif;}

body {overflow-x: hidden;}

#wp-admin-bar-root-default {margin-top: -20px !important;}
#wp-admin-bar-top-secondary {margin-top: 0 !important;}

:root {
	--green: #0f916a;
	--green-d: #0B7354;
	--green-l: #3FA788;
	--red: #de003c;
	--red-d: #B0002F;
	--red-l: #E43363;
	--gold: #dab072;
	--gold-d: #AD8C5A;
	--gold-l: #E1C08E;

	--brown: #8C022C;
	--lime: #4ed8aa;
	--blue: #68a8de;
	--pink: #f47fa4;

	--white: #ffffff;
	--white-d: #f5f5f5;
	--grey: #777777;
	--grey-l: #bdbdbd;
	--black: #212121;
	--black-l: #4E4E4E;

	--error: #f44336;
	--error-w: #FEEDEB;
	--success: #4caf50;
	--success-w: #EDF7EE;

	--white-a: rgba(255,255,255,.1);
	--white-a-l: rgba(255,255,255,.05);
	--black-a: rgba(0,0,0,.1);
	--black-a-l: rgba(0,0,0,.05);

	--un-xs: 5px;
	--un-xs-n: -5px;
	--un-sm: 10px;
	--un-sm-n: -10px;
	--un: 20px;
	--un-n: -20px;
	--un-lg: 40px;
	--un-lg-n: -40px;
	--un-xl: 80px;
	--un-xl-n: -80px;
	--un-xxl: 120px;
	--un-xxl-n: -120px;

	--border: 1px solid #e9e9e9;
	--border-lg: 2px solid #101E26;

	--shadow: 0 2px 10px rgba(0,0,0,.05);
	--shadow-lg: 0 5px 20px rgba(0,0,0,.1);	
	--shadow-xl: 0 10px 50px rgba(0,0,0,.1);	
}

::selection {color: var(--white); background: rgba(222,0,60,.66);}
::-moz-selection {color: var(--white); background: rgba(222,0,60,.66);}

img, svg:not(.feather,#plan) {vertical-align: middle; width: 100%; user-select: none; pointer-events: none;}
iframe, video {vertical-align: middle; width: 100%; user-select: none;}

hr, .wp-block-separator {border: 0; height: 1px; width: 100%; background: var(--black-a); margin: var(--un-lg) 0; opacity: 1;}
.card .card-content hr {margin: var(--un) 0;}
hr.hr-vert {width: 1px; height: 100%; margin: 0 var(--un);}
hr.hr-dk {background: var(--grey);}
hr.hr-road {height: 50px; border-radius: var(--un-sm) var(--un-sm) 50% 50%; margin-top: 0 !important;}

.row.centered {align-items: center;}

/*** COLOR & TYPOGRAPHY ***/

.green, .has-green-mdn-background-color, .decoration {background: var(--green) !important;}
.red, .has-red-mdn-background-color, .restauration {background: var(--red) !important;}
.gold, .has-gold-mdn-background-color, .alimentation {background: var(--gold) !important;}
.white, .has-white-background-color {background: var(--white) !important;}
.white-d, .has-white-d-background-color {background: var(--white-d) !important;}
.black, .has-black-background-color, .artisanat-du-monde {background: var(--black) !important;}
.brown, .habillement {background: var(--brown) !important;}
.lime, .decorations-de-noel {background: var(--lime) !important;}
.blue, .jeux-jouets {background: var(--blue) !important;}
.pink, .bijoux {background: var(--pink) !important;}

.green-text, .has-green-mdn-color {color: var(--green) !important;}
.red-text, .has-red-mdn-color {color: var(--red) !important;}
.gold-text, .has-gold-mdn-color {color: var(--gold) !important;}
.white-text, .has-white-color {color: var(--white) !important;}
.black-text, .has-black-color {color: var(--black) !important;}

.facebook {background: #1877f2 !important;}
.facebook:hover {background: #1162c4 !important;}
.linkedin {background: #0077b5 !important;}
.linkedin:hover {background: #005a87 !important;}

.center-align, .has-text-align-center {text-align: center !important;}
.right-align {text-align: right;}
.justify {text-align: justify;}
.bold {font-weight: 600;}
.light {font-weight: 300;}

h1, h2, h3, h4, h5, p, blockquote, ul {margin: var(--un) 0 !important;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child, blockquote:first-child, ul:first-child {margin-top: 0 !important;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child, p.last-child, blockquote:last-child, ul:last-child, ul.last-child {margin-bottom: 0 !important;}

blockquote {font-size: 1.2rem; font-weight: 600;}

p a {color: var(--green); text-decoration: none;}

p a:hover {text-decoration: underline; color: var(--green-d);}

/*br:last-child {display: none;}*/

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
	blockquote {font-size: 1.1rem; line-height: 1.3rem;}
}

@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}
@media (max-width: 349.98px) {}

/*** COMPONENTS ***/

.feather {
	stroke-linecap: square;
}

.feather.feather-lg {
	height: var(--un-lg);
	width: var(--un-lg);
}

.feather.feather-xl {
	height: var(--un-xl);
	width: var(--un-xl);
}

.btn {
	border-radius: 50px;
	padding: var(--un-sm) var(--un);
	font-weight: 600;
	transition: .3s;
}

.btn i {
	margin-right: var(--un-sm);
	/*font-size: 1rem;*/
}

.btn.btn-red {
	background: var(--red);
	color: var(--white);
	border-color: var(--red);
}

.btn.btn-red:hover {
	background: var(--red-d);
}

.btn.btn-green {
	background: var(--green);
	color: var(--white);
	border-color: var(--green);
}

.btn.btn-green:hover {
	background: var(--green-d);
}

.btn.btn-gold {
	background: var(--gold);
	color: var(--white);
	border-color: var(--gold);
}

.btn.btn-gold:hover {
	background: var(--gold-d);
}

.btn.btn-black {
	background: var(--black);
	color: var(--white);
	border-color: var(--black);
}

.btn.btn-black:hover {
	background: var(--black-d);
}

.btn-outline:hover {
	color: var(--white);
}

.btn-outline-gold {
	color: var(--gold);
	border-color: var(--gold);
}

.btn-outline-gold:hover {
	color: var(--white);
	background: var(--gold);
	border-color: var(--gold);
}

.btn-outline-green {
	color: var(--green);
	border-color: var(--green);
}

.btn-outline-green:hover {
	color: var(--white);
	background: var(--green);
	border-color: var(--green);
}

.btn-outline-red {
	color: var(--red);
	border-color: var(--red);
}

.btn-outline-red:hover {
	color: var(--white);
	background:var(--red);
	border-color:var(--red);
}

.btn-outline-black {
	color: var(--black);
	border-color: var(--black);
}

.btn-outline-black:hover {
	background: var(--black);
	border-color: var(--black);
}

.btn-outline-white {
	color: var(--white);
	border-color: var(--white);
}

.btn-outline-white:hover {
	color: var(--red);
	background: var(--white);
	border-color: var(--white);
}

.btn-center-last {
	text-align: center;
	margin-top: var(--un-lg);
}

.alert {border-radius: 0;}

.card {
	border-radius: 0;
	border: 0;
	transition: .3s;
}

.card .card-body, .card .card-content {padding: var(--un);}

.card.card-home {background: var(--white-d);}

.card.card-home:hover, #card-implantation:hover {
	box-shadow: var(--shadow-lg);
}

.card.card-home .card-content {
	text-align: center;
	padding: var(--un-lg) var(--un);
}

.card.card-home .card-content .feather {
	width: var(--un-xl);
	height: var(--un-xl);
}

section {
	padding: var(--un-xxl) 0;
	position: relative;
}

.section-title {margin-bottom: var(--un-lg);}

.section-title h3 {
	font-size: 3.3331rem;
	line-height: 3rem;
	color: var(--blue);
}

.section-title.st-white h3 {color: var(--white);}

.image-section {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.image-section .is-image {
	width: calc(40% - var(--un));
	margin-right: var(--un);
}

.image-section .is-content {
	width: calc(60% - var(--un));
	margin-left: var(--un);
}

section .is-image-hover {
	border-top-right-radius: var(--un-lg);
	overflow: hidden;
}

section .is-image-hover img {transition: .3s;}

section:hover .is-image-hover img {transform: scale(1.1);}

.list-with-icons {
	padding-left: 0;
	margin: var(--un-lg) 0 !important;
}

.list-with-icons li {
	display: flex;
	align-items: center;
	margin: var(--un) 0;
}

.list-with-icons li i {
	background: var(--blue-grey);
	font-size: 1.4rem;
	min-width: var(--un-lg);
	height: var(--un-lg);
	text-align: center;
	display: inline-block;
	line-height: var(--un-lg);
	color: var(--blue);
	border-radius: 50%;
	margin-right: var(--un-sm);
}

.list-with-icons li p {margin-top: 0 !important;}

.parallax-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	overflow: hidden;
	background: var(--black);
	opacity: .5;
}

.parallax-window {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

@supports (-webkit-touch-callout: none) {
	#page-header::before {display: block;}
	/*.parallax-container {z-index: 1000;}*/
}

#pagination {
	display: flex;
	justify-content: center;
	margin-top: var(--un-lg);
}

#pagination li:first-child a {
	padding-left: var(--un-lg);
	border-radius: var(--un-lg) 0 0 var(--un-lg) !important;
}

#pagination li:last-child a {
	border-radius: 0 var(--un-lg) var(--un-lg) 0 !important;
	padding-right: var(--un-lg);
}

/*** WP BLOCKS ***/

.content > p, .content > blockquote {text-align: justify;}

.has-background {margin: var(--un-lg) 0 !important;}

.wp-block-separator {border: 0 !important;}

.wp-block-button__link {font-weight: 600;}

.btn .wp-block-button__link {background: transparent !important;}

.wp-block-image {position: relative;}

.wp-block-image img {
	position: relative;
	box-shadow: var(--shadow-xl);
}

.wp-block-image.image-content-50 {
	width: 50%;
	max-width: 50%;
	margin: 0 auto;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 0 !important;
	padding-left: var(--un) !important;
	text-align: justify !important;
}

.wp-block-media-text .wp-block-media-text__media {
	position: relative;
	margin-left: var(--un-lg-n) !important;
}

.wp-block-media-text.pattern-trees .wp-block-media-text__media::before, .wp-block-media-text.pattern-circles .wp-block-media-text__media::before, .wp-block-media-text.pattern-cabins .wp-block-media-text__media::before, .wp-block-image.pattern-trees::before, .wp-block-image.pattern-circles::before, .wp-block-image.pattern-cabins::before {
	content: '';
	position: absolute;
	display: block;
	height: calc(100% - var(--un-xl));
	width: var(--un-xl);
	z-index: 0;
	margin-left: var(--un-xl-n);
	margin-top: var(--un-lg);
	background-image: url('../img/pattern-trees.png');
	background-size: var(--un-lg);
	background-position: center;
	opacity: .2;
}

.wp-block-image.pattern-trees::before, .wp-block-image.pattern-circles::before, .wp-block-image.pattern-cabins::before {width: calc(100% + calc(var(--un-xl) * 2));}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media::before {
	margin-left: 0;
	right: var(--un-xl-n);
}

.wp-block-media-text.pattern-circles .wp-block-media-text__media::before, .wp-block-image.pattern-circles::before {background-image: url('../img/pattern-circles.png');}

.wp-block-media-text.pattern-cabins .wp-block-media-text__media::before, .wp-block-image.pattern-cabins::before {background-image: url('../img/pattern-cabins.png');}

.wp-block-media-text.pattern-trees .wp-block-media-text__media img, .wp-block-media-text.pattern-circles .wp-block-media-text__media img, .wp-block-media-text.pattern-cabins .wp-block-media-text__media img {
	position: relative;
	z-index: 10;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
	margin-left: 0 !important;
	margin-right: var(--un-lg-n) !important;
}

.wp-block-media-text .wp-block-media-text__media img {border-radius: 0 1000px 1000px 0;}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img {border-radius: 1000px 0 0 1000px;}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 !important;
	padding-left: 0 !important;
	padding-right: var(--un) !important;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content * {text-align: justify !important;}

.wp-block-button .wp-block-button__link {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.date-title {
	font-size: 2rem;
	display: flex;
	align-items: center;
	border-bottom: var(--border);
	text-transform: capitalize;
}

.date-title strong {
	font-size: 3rem;
	font-weight: 600;
	min-width: calc(var(--un-xl) + var(--un));
	max-width: calc(var(--un-xl) + var(--un));
	margin-right: var(--un);
	border-right: var(--border);
	text-align: center;
	height: var(--un-xl);
	line-height: var(--un-xl);
}


@media (max-width: 1199.98px) {}

@media (min-width: 992px) {
	.columns-anims .wp-block-column:first-child {border-right: var(--border); padding-right: calc(var(--un) + var(--un-sm));}
}

@media (max-width: 991.98px) {
	.wp-block-columns.wp-block-columns-gallery {gap: 1rem !important; justify-content: center;}
	.wp-block-columns.wp-block-columns-gallery .wp-block-column {max-width: calc(50% - .5rem);}
	.wp-block-columns.wp-block-columns-gallery .wp-block-image {margin-bottom: .5rem;}
	.wp-block-columns.wp-block-columns-gallery h5 {margin-top: .5rem !important;}
}

@media (max-width: 767.98px) {
	.wp-block-image.image-content-50 {width: 80%; max-width: 80%;}
	.wp-block-media-text .wp-block-media-text__media {margin-left: 0 !important;}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__m !importantedia {margin-right: 0 !important;}
	.wp-block-media-text .wp-block-media-text__content {padding-left: 0 !important; margin-top: var(--un);}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding-right: 0 !important;}
}

@media (max-width: 575.98px) {}
@media (max-width: 349.98px) {}

/*** FORMS ***/

.wpcf7-form {
	padding: var(--un-lg);
	background: var(--white-d);
}

label.required::after {
	content: '*';
	color: var(--error);
	font-weight: 600;
	margin-left: var(--un-xs);
}

.wpcf7-not-valid-tip {
	color: var(--error) !important;
	font-weight: 600 !important;
}

/*** GRID SYSTEM ***/

.grid {
	display: flex;
	flex-wrap: wrap;
	margin: var(--un-n);
	justify-content: center;
	transition: .3s;
}

.grid.narrowed {
	margin-left: 8.33%;
	margin-right: 8.33%;
}

.grid.centered {align-items: center;}

.grid.g-left {justify-content: flex-start;}

.grid-item {
	margin: var(--un);
	transition: .3s;
}

.grid-item.empty {
	width: calc(100% - var(--un)) !important;
	background: var(--white-lt);
	padding: var(--un-xxl);
	text-align: center;
	font-style: italic;
	color: var(--grey-dk);
	border-radius: var(--un-sm);
}

.grid.g-2 > .grid-item {width: calc(50% - var(--un-lg));}

.grid.g-2.g-img > .grid-item.gi-img {width: calc(33.33% - var(--un-lg));}

.grid.g-2.g-img > .grid-item.gi-img:first-child {padding-right: var(--un-lg);}

.grid.g-2.g-img > .grid-item.gi-img:last-child {padding-left: var(--un-lg);}

.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(66.66% - var(--un-lg));}

.grid.g-3 > .grid-item {width: calc(33.33% - var(--un-lg));}

.grid.g-4 > .grid-item {width: calc(25% - var(--un-lg));}

.grid.g-5 > .grid-item {width: calc(20% - var(--un-lg));}

.grid.g-6 > .grid-item {width: calc(16.66% - var(--un-lg));}

.grid.grid-list {
	flex-direction: column;
	margin: 0;
}

.grid.grid-list > .grid-item {
	width: 100% !important;
	margin: 0;
}

@media (max-width: 1199.98px) {
	.grid.g-4 > .grid-item {width: calc(50% - var(--un-lg));}
	.grid.g-10 > .grid-item {width: calc(16.66% - var(--un-lg));}
}

@media (max-width: 991.98px) {
	.grid.g-2 > .grid-item {width: calc(50% - var(--un-lg));}
	.grid.g-3 > .grid-item {width: calc(50% - var(--un-lg));}
	.grid.g-5 > .grid-item {width: calc(33.33% - var(--un-lg));}
	.grid.g-10 > .grid-item {width: calc(20% - var(--un-lg));}
}

@media (max-width: 767.98px) {
	.grid.g-2 > .grid-item {width: calc(100% - var(--un-lg));}
}

@media (max-width: 575.98px) {
	.grid.g-2 > .grid-item {width: calc(100% - var(--un-lg));}
	.grid.g-2.g-img > .grid-item.gi-img {width: calc(100% - var(--un-lg));}
	.grid.g-2.g-img > .grid-item:not(.gi-img) {width: calc(100% - var(--un-lg));}
	.grid.g-2.g-img > .grid-item.gi-img {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: var(--un);}
	.grid.g-3:not(.g-left) > .grid-item {width: calc(100% - var(--un-lg));}
	.grid.g-4 > .grid-item {width: calc(100% - var(--un-lg));}
	.grid.g-5 > .grid-item {width: calc(50% - var(--un-lg));}	
	.grid.g-10 > .grid-item {width: calc(25% - var(--un-lg));}
}

@media (max-width: 349.98px) {
	.grid.g-3.g-left .grid-item {width: calc(100% - var(--un-lg));}
	.grid.g-10 > .grid-item {width: calc(33.33% - var(--un-lg));}
}

/*** HEADER ***/

#top-header {
	background: var(--gold);
	padding: var(--un-sm) 0;
}

#top-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#top-header .container hr {background: var(--white-a);}

#top-header .container span, #top-header .container a {
	color: var(--white);
	white-space: nowrap;
}

#top-header .container a {
	font-style: italic;
	font-weight: 600;
	text-decoration: none;
}

#top-header .container a:hover {text-decoration: underline;}

#top-header .container .feather {margin-right: var(--un-xs);}

#top-header hr {margin: 0 var(--un);}

.sticky-wrapper {
	z-index: 101;
	position: relative;
	margin-bottom: -92px;
}

header {
	background: var(--white-a);
	transition: .3s;
}

.is-sticky header {
	background: var(--red);
	box-shadow: var(--shadow-lg);
}

.logged-in.admin-bar .is-sticky header {margin-top: 32px !important;}

#header-content {
	padding: var(--un-sm) 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header-content .nav {align-items: center;}

#header-content .nav-link {
	color: var(--white);
	font-weight: 800;
	transition: .3s;
}

#header-content .nav-link:hover {
	transform: scale(1.1);
}

/*.is-sticky #header-content .nav-link {color: var(--grey);}*/

#header-content .nav-link .feather {
	margin-top: var(--un-xs-n);
}

#header-content .nav .btn {margin-left: var(--un);}

#header-logo img {
	max-width: 200px;
	min-height: 72px;
	transition: .3s;
}

#header-logo img:first-child {
	position: absolute;
	opacity: 0;
}

/*.is-sticky #header-logo img:first-child {opacity: 1;}*/

/*.is-sticky #header-logo img:last-child {opacity: 0;}*/

#header-bottom {
	width: 250px;
	height: 100px;
	bottom: -100px;
	position: absolute;
	margin-left: -25px;
	overflow: hidden;
	pointer-events: none;
}

#header-bottom::before {
	content: '';
	display: block;
	position: absolute;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: var(--white-a);
	top: -200px;
	transition: .3s;
}

#resp-top-header {
	display: none;
	justify-content: space-between;
	align-items: center;
	background: var(--gold);
	height: calc(var(--un-lg) + var(--un-sm));
	padding: var(--un-sm);
	position: relative;
}

#resp-top-header a .feather {
	color: var(--white);
	width: 30px;
	height: 30px;
}

#resp-top-header #resp-top-logo {
	z-index: 9;
	background: var(--gold);
	position: absolute;
	width: calc(var(--un-xl) + var(--un));
	left: 50%;
	transform: translateX(-50%);
	border-radius: var(--un-xl);
	padding: var(--un);
	top: 0;
}

#resp-header {
	display: none;
	position: fixed;
	background: var(--red);
	box-shadow: var(--shadow-lg);
	width: calc(100% - var(--un-lg));
	border-radius: var(--un-lg);
	bottom: var(--un);
	left: var(--un);
	z-index: 998;
	padding: var(--un);
}

#resp-header ul {
	display: flex;
	justify-content: space-between;
	padding: 0;
}

#resp-header li {
	list-style-type: none;
	position: relative;
}

#resp-header li.double-click::after {
	content: '';
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
}

#resp-header a {color: var(--white);}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
	#top-header, #sticky-wrapper {display: none;}
	#resp-top-header {display: flex;}
	#resp-header {display: block;}
}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {}

.is-sticky #header-bottom::before {
	background: var(--red);
	box-shadow: var(--shadow-lg);
}
 
/*** SIDENAV ***/

.offcanvas {
	width: 100% !important;
	color: var(--white);
	z-index: 100000;
	background: var(--gold);
	/*opacity: 0 !important;*/
	/*transform: scale(0) !important;*/
	/*margin-left: -50%;*/
	/*margin-top: 50% !important;*/
	/*border-radius: 0 1000px 1000px 0;*/
	/*transition: .3s;*/
}

/* .offcanvas.show {
	transform: scale(1) !important;
	margin-left: 0;
	margin-top: 0 !important;
	border-radius: 0;
	opacity: 1 !important;
} */

.offcanvas .offcanvas-header {box-shadow: var(--shadow-lg);}

.offcanvas .offcanvas-title {
	margin-bottom: 0 !important;
	font-weight: 600;
}

#sidenav-content {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: auto;
}

#sidenav-list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: var(--un);
	max-width: 100%;
}

#sidenav-list li {list-style-type: none;}

#sidenav-list li a, #sidenav-list li button {
	font-weight: 600;
	font-size: 1.2rem;
	color: var(--white);
	padding: var(--un);
	display: flex;
	transition: .3s;
}

#sidenav-list li button:not(.collapsed) {padding-bottom: 0;}

#sidenav-list li a .feather, #sidenav-list li button .feather {margin-right: var(--un-sm);}

#sidenav-list li button .feather {transition: .3s;}

#sidenav-list li button.collapsed .feather {transform: rotate(-90deg);}

#sidenav-list li a.btn-outline-white {
	margin-top: var(--un);
	display: block;
}

#sidenav-list .btn-toggle-nav {padding-bottom: var(--un-sm);}

#sidenav-list .btn-toggle-nav li a {
	display: block;
	padding: var(--un-sm) var(--un);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#sidenav-list .btn-toggle-nav li a .feather {
	width: 24px;
	height: 24px;
}

/*** HOME ***/

#home-hero {
	padding: calc(var(--un-xxl) * 2) 0;
	overflow: hidden;
	position: relative;
}

#home-hero::before {
	content: '';
	display: none;
	position: absolute;
	background: var(--black);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

#snow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

#hh-icons {
	top: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 8%;
}

.hh-icon {
	position: relative !important;
	width: var(--un-xxl);
}

.hh-icon * {
	stroke-width: 2;
	stroke-linecap: square;
	fill: none;
}

#hh-tree {align-self: center !important;}

#hh-tree svg {
	transform: rotate(-10deg);
	filter: drop-shadow(0 5px 10px var(--green));
}

#hh-tree * {stroke: var(--green);}

#hh-cabin svg {
	transform: rotate(-5deg);
	filter: drop-shadow(0 5px 50px var(--gold));
}

#hh-cabin * {stroke: var(--gold);}

#hh-star {align-self: flex-end !important;}

#hh-star svg {
	transform: rotate(20deg);
	filter: drop-shadow(0 5px 10px var(--red));
}

#hh-star * {stroke: var(--red);}

#home-hero .container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#home-hero img {
	width: 50%;
	max-width: 500px;
}

#home-hero .container .feather {
	color: var(--white);
	width: var(--un-lg);
	height: var(--un-lg);
	margin-top: var(--un-lg);
}

#home-hero h2 {
	font-size: 3rem;
	width: 80%;
	color: var(--white);
	padding-bottom: var(--un-xl);
	text-align: center;
}

#home-hero #hero-divider {
	position: absolute;
	bottom: 0;
	width: 100%;
}

#home-hero #hero-divider path {fill: var(--white);}

#home-hero #hero-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#home-hero #hero-btn::after {
	content: '';
	display: block;
	position: absolute;
	height: calc(var(--un-xxl) * 2);
	width: 1px;
	background: var(--white-a);
	top: var(--un-lg);
	left: 50%;
	transform: translateX(-50%);
}

#home-hero #hero-btn .feather {
	color: var(--white);
	width: var(--un-lg);
	height: var(--un-lg);
}

#home-presentation {
	padding-top: var(--un-xl);
	background: var(--white);
	overflow: hidden;
}

#home-presentation #hp-title {
	display: flex;
	align-items: center;
}

#home-presentation #hp-title > div {

}

#home-presentation #hp-title > img {
	margin-right: var(--un-lg);
	width: 400px;
}

#card-implantation {
	position: relative;
	overflow: hidden;
}

#card-implantation img {
	transition: .3s;
	opacity: .8;
}

#card-implantation:hover img {
	filter: blur(3px);
	transform: scale(1.1);
	opacity: .66;
}

#card-implantation .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#presentation-btn {
	width: 50%;
	margin-left: auto;
	line-height: 1.2rem;
}

#presentation-btn a, #presentation-btn a * {
	color: var(--black);
	text-decoration: none;
}

#home-marches {} 

#home-marches .bloc-marche {
	position: relative;
	padding: var(--un-xl) 0;
} 

#home-marches .bloc-marche .marche-content {
	padding-left: calc(33% + var(--un-lg));
	padding-right: var(--un-xxl);
	text-align: right;
	color: var(--white);
}

#home-marches .bloc-marche.white .marche-content, #home-marches .bloc-marche.white-d .marche-content {color: var(--black);}

#home-marches .bloc-marche .marche-content h2 {
	font-size: 3rem;
	font-weight: 600;
}

#home-marches .bloc-marche:nth-child(even) .marche-content {
	padding-left: var(--un-xxl);
	padding-right: calc(33% + var(--un-lg));
	text-align: left;
}

#home-marches .bloc-marche .marche-content hr {background: var(--white-a);}

#home-marches .bloc-marche.white .marche-content hr, #home-marches .bloc-marche.white-d .marche-content hr {background: var(--black-a);}

#home-marches .bloc-marche .marche-content ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding-left: 0;
} 

#home-marches .bloc-marche .marche-content ul li {
	list-style-type: none;
	width: 33.33%;
}

#home-marches .bloc-marche .marche-content ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: inherit;
	text-decoration: none;
	transition: .3s;
}

#home-marches .bloc-marche .marche-content ul li a:hover {
	transform: scale(1.1);
}

#home-marches .bloc-marche .marche-content ul li .feather {
	width: var(--un-xl);
	height: var(--un-xl);
}

#home-marches .bloc-marche .marche-content ul li h5 {
	font-weight: 600;
	text-decoration: none;
}

#home-marches .bloc-marche .marche-btns {text-align: left;}

#home-marches .bloc-marche:last-child .marche-btns {padding-bottom: var(--un-lg);}

#home-marches .bloc-marche:nth-child(even) .marche-btns {text-align: right;}

#home-marches .bloc-marche .marche-btns a:not(:last-child) {margin-right: var(--un-xs);}

#home-marches .bloc-marche .marche-image {
	position: absolute;
	top: var(--un-lg-n);
	width: 33%;
}

#home-marches .bloc-marche:nth-child(even) .marche-image {right: 0;}

#home-marches .bloc-marche .marche-image::after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

#home-marches .bloc-marche .marche-image .background-marche {
	position: absolute;
	width: calc(var(--un-xl) + 100%);
	top: var(--un-lg-n);
	left: var(--un-lg-n);
}

#home-marches .bloc-marche .marche-image .backdrop-marche {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#home-marches .bloc-marche .marche-image .backdrop-marche img {
	position: absolute;
	height: 100%;
	width: auto;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: .3s;
}

#home-marches .bloc-marche:hover .marche-image .backdrop-marche img {transform: translateX(-50%) scale(1.2);}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#home-marches .bloc-marche {overflow: hidden;}
	#home-marches .bloc-marche .marche-image {top: 50%; transform: translateY(-50%); left: var(--un-lg-n);}
	#home-marches .bloc-marche:nth-child(even) .marche-image {left: initial; right: var(--un-lg-n);}
	#home-marches .bloc-marche .marche-content {padding-left: 33%;}
	#home-marches .bloc-marche:nth-child(even) .marche-content {padding-right: 33%;}
}

@media (max-width: 991.98px) {
	#hh-icons {padding: 2%;}
	#home-hero #hero-divider {margin-bottom: -1px;}
	#home-presentation #hp-title {flex-direction: column-reverse;}
	#home-presentation #hp-title img {margin-right: 0; width: 100%; max-width: 400px;}
	#presentation-btn {text-align: center; width: 100%;}
	#home-marches .bloc-marche {display: flex; flex-direction: column-reverse; padding-top: 0; padding-bottom: calc(var(--un-xl) * 2);}
	#home-marches .bloc-marche .marche-content {width: 100%; padding: 0 var(--un) !important; text-align: center !important;}
	#home-marches .bloc-marche .marche-content hr {margin: var(--un) 0;}
	#home-marches .bloc-marche .marche-content ul li {width: 100%; margin: 0 var(--un-sm);}
	#home-marches .bloc-marche .marche-content ul li img {width: var(--un-lg) !important; height: var(--un-lg) !important;}
	#home-marches .bloc-marche .marche-content ul li h5 {font-size: 1rem;}
	#home-marches .bloc-marche .marche-btns {text-align: center !important;}
	#home-marches .bloc-marche .marche-image {position: relative; width: calc(100% - var(--un-xl)); margin-left: var(--un-lg);}
}

@media (max-width: 767.98px) {
	#home-hero img {width: 66%;}
	#home-hero h2 {font-size: 2.5rem;}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	#home-marches .bloc-marche .marche-image {width: 50%; margin-left: auto; margin-right: auto;}
}

@media (max-width: 575.98px) {
	#home-hero img {width: 80%;}
	#home-hero h2 {font-size: 2rem;}
	#home-marches .bloc-marche .marche-btns {display: flex; flex-wrap: wrap; justify-content: center;}
	#home-marches .bloc-marche .marche-btns .btn {margin: var(--un-sm);}
}

/*** PAGES ***/

#page-header {
	padding: calc(var(--un-xxl) + var(--un-xl)) 0;
	overflow: hidden;
}

#page-header::before {
	content: '';
	display: none;
	position: absolute;
	background: var(--black);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

#page-header.no-bottom {padding-bottom: var(--un-xl);}

#page-header .container {margin-bottom: var(--un-lg);}

#page-header #page-header-divider {
	position: absolute;
	bottom: -1.5px;
}

#page-header + section {padding-top: var(--un-xl);}

#page-title {
	position: relative;
	color: var(--white);
	text-align: center;
}

#page-title h1 {
	font-weight: 600;
	font-size: 3rem;
}

#page-title h1 i {
	font-size: 2rem;
	margin: 0 var(--un-xs);
}

#page-content, .page-content {background: var(--white);}

#page-content .content, .page-content .content {
	overflow: hidden;
	padding: 0 var(--un-xxl);
}

#page-content .content:not(:first-child), .page-content .content:not(:first-child) {margin-top: var(-un-lg);}

#page-content .content:not(:last-child), .page-content .content:not(:last-child) {margin-bottom: var(-un-lg);}

#page-related {
	display: flex;
	padding: 0;
}

#page-related a {text-decoration: none;}

#page-related a::before {
	content: '';
	display: none;
	position: absolute;
	background: var(--black);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}

#page-related .pr-item {
	padding: var(--un-xxl) 0;
	width: 50%;
	position: relative;
	display: block;
	overflow: hidden;
}

#page-related .pr-item .pr-content {
	position: relative;
	color: var(--white);
	display: flex;
	align-items: center;
	transition: .3s;
}

#page-related .pr-item:first-child .pr-content {
	padding-left: calc(100% - 660px);
	padding-right: var(--un-lg);
}

#page-related .pr-item:last-child .pr-content {
	justify-content: flex-end;
	padding-left: var(--un-lg);
	padding-right: calc(100% - 660px);
}

#page-related .pr-item:hover .pr-content {transform: scale(1.1) translateX(var(--un-n));}

#page-related .pr-item:last-child:hover .pr-content {transform: scale(1.1) translateX(var(--un));}

#page-related .pr-item .pr-content h3 {
	font-weight: 600;
	margin: 0 !important;
}

#page-related .pr-item:last-child .pr-content h3 {text-align: right;}

#page-related .pr-item .pr-content i {font-size: 3rem;}

#page-related .pr-item:first-child .pr-content i {margin-right: var(--un-sm);}

#page-related .pr-item:last-child .pr-content i {margin-left: var(--un-sm);}

#charte-responsable {
	box-shadow: var(--shadow-lg);
	padding: var(--un);
	max-height: 500px;
	overflow: auto;
	margin-right: var(--un-lg-n);
}

#charte-responsable::before {
	content: '';
	display: block;
}

#charte-responsable * {font-family: 'Arial', sans-serif !important;}

#charte-responsable > ul > li {color: #df026b;}

#charte-responsable > ul > li > ul {color: var(--black);}

#charte-responsable img {box-shadow: none;}

#calendrier-assos thead tr th {
	font-weight: 600;
	color: var(--grey);
}

#calendrier-assos tr td {
	border: var(--border);
	width: calc(100% / 7);
	padding: var(--un-sm);
	vertical-align: top;
	background: var(--white);
	transition: .3s;
}

#calendrier-assos tr td:hover {
	background: var(--green);
	color: var(--white);
}

/*#calendrier-assos tr:nth-child(1) td:not(:nth-child(6), :last-child), #calendrier-assos tr:last-child td:not(:first-child) {*/
	/*background: var(--white-d);*/
	/*color: var(--grey) !important;*/
/*}*/

#calendrier-assos em {}

#calendrier-assos tr td a {
	color: var(--green);
	text-decoration: none;
}

#calendrier-assos tr td:hover a {color: var(--white);}

#calendrier-assos tr td a:hover {text-decoration: underline;}

#calendrier-assos strong {
	margin: var(--un) 0;
	line-height: 1rem;
	font-size: 1rem;
	display: block;
}

#marche-intro {margin-top: var(--un-xxl-n);}

#marche-intro .grid-item .card {
	padding: var(--un);
	display: flex;
	flex-direction: row;
	align-items: center;
	background: var(--white-d);
	overflow: hidden;
	box-shadow: var(--shadow-xl);
}

#marche-intro .grid-item:first-child .card {
	color: var(--white);
	height: 100%;
}

#marche-intro .grid-item .card .feather {
	width: var(--un-xxl);
	height: var(--un-xxl);
	margin-left: var(--un-lg-n);
	margin-right: var(--un);
	opacity: .2;
}

#marche-intro .grid-item .card p {
	font-size: 1.2rem;
	margin: var(--un-sm) 0 !important;
}

#marche-intro .grid-item .card p:first-child {margin-top: 0 !important;}

#marche-intro .grid-item .card p:last-child {margin-bottom: 0 !important;}

#liste-marche {background: var(--white-d);}

#cards-infos {overflow: hidden;}

.card-infos {text-align: center;}

.card-infos .ci-transports {padding: 0 var(--un-lg);}

.card-infos .ci-transports .grid-item {
	width: calc(25% - var(--un-lg)) !important;
	padding: var(--un);
}

.card-infos hr {background: var(--white-a);}

.card-infos.white hr, .card-infos.white-d hr {background: var(--black-a);}

.card-infos .ci-transports {
	box-shadow: var(--shadow-lg);
	border-radius: var(--un-xxl);
}

.card-infos .ci-transports a {
	width: 100%;
	display: block;
	transition: .3s;
}

.card-infos .ci-transports a:hover {transform: scale(1.1);}

.card-infos .ci-transports a .feather {
	width: 100%;
	height: 100%;
}

#map {
	padding: 0;
	overflow: hidden;
	position: relative;
}

#map::before {
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: var(--un-xl);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

#map::after {
	content: '';
	display: none;
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: var(--un-xl);
	background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

#map iframe {
	margin-top: -55px;
	height: 600px;
}

#map #map-container #map-background {
	position: absolute;
	z-index: -1;
}

#map #snow-map {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

#map #map-container #map-marches {
	position: relative;
	pointer-events: all;
	z-index: 9;
}

#map #map-container #map-marches .map-marche {
	cursor: pointer;
}

#map #map-container #map-marches .map-marche > * {
	transition: .3s;
}

#map #map-container #map-marches #capitole polygon, #map #map-container #map-marches #salin circle {stroke: var(--red);}

#map #map-container #map-marches #capitole:hover polygon, #map #map-container #map-marches #salin:hover circle {stroke-width: var(--un-sm); filter: drop-shadow(0 var(--un-xs) var(--un) var(--red));}

#map #map-container #map-marches #square-cdg ellipse, #map #map-container #map-marches #jules-guesde polygon {stroke: var(--black);}

#map #map-container #map-marches #square-cdg:hover ellipse, #map #map-container #map-marches #jules-guesde:hover polygon {stroke-width: var(--un-sm); filter: drop-shadow(0 var(--un-xs) var(--un) var(--black));}

#map #map-container #map-marches #saint-pierre circle, #map #map-container #map-marches #jean-jaures polygon {stroke: var(--green);}

#map #map-container #map-marches #saint-pierre:hover circle, #map #map-container #map-marches #jean-jaures:hover polygon {stroke-width: var(--un-sm); filter: drop-shadow(0 var(--un-xs) var(--un) var(--green));}

#page-404 {
	background: #e0e0e0;
	min-height: 100vh;
	display: flex;
	align-items: center;
}

#page-404 #content-404 {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
}

#page-404 #content-404 h3 {
	font-size: 16rem;
	font-weight: 900;
	padding-right: var(--un-lg);
	animation: anim404 3s ease-in-out infinite;
	opacity: .3;
}

@keyframes anim404 {
	0% {color: var(--red);}
	25% {color: var(--gold);}
	50% {color: var(--green);}
	75% {color: var(--black);}
	100% {color: var(--red);}
}

#page-404 #content-404 .btn {
	position: relative;
	z-index: 9;
}

#page-404 #content-404 #btns-404 a:not(:last-child) {margin-right: var(--un-sm);}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {
	#page-content .content, .page-content .content {padding: 0 var(--un-xl);}
}

@media (max-width: 991.98px) {
	#page-content .content, .page-content .content {padding: 0 var(--un-lg);}
	.card-infos .ci-transports .grid-item {padding: 0;}
	#map-container {margin-bottom: 100px;}
	#map::after {display: block; bottom: 100px;}
	#page-404 #content-404 {flex-direction: column; text-align: center;}
	#page-404 #content-404 h3 {font-size: 10rem; padding-right: 0; padding-bottom: var(--un-lg);}
}

@media (max-width: 767.98px) {
	#page-title h1 {font-size: 2.5rem;}
	.page-template-page-marche #page-header {padding-bottom: calc(var(--un-xxl) + var(--un-lg));}
	.page-template-page-marche #page-header #page-header-divider {display: none;}
	#page-content .content, .page-content .content {padding: 0;}
	#page-related {flex-wrap: wrap;}
	#page-related .pr-item {width: 100%; padding: var(--un-xl) 0;}
	#page-related .pr-item .pr-content {padding: 0 var(--un-lg) !important;}
	#map::before, #map::after {height: var(--un-lg);}
}

@media (max-width: 575.98px) {
	#page-title h1 {font-size: 2rem;}
	#charte-responsable {margin-right: 0;}
	#page-404 #content-404 #btns-404 {display: flex; flex-direction: column; align-items: center;}
	#page-404 #content-404 #btns-404 a:not(:last-child) {margin-bottom: var(--un-sm); margin-right: 0;}
}

/*** PLANS ***/

#plan-marche {
	background: var(--white);
	padding: 0;
	overflow: hidden;
	transition: .3s;
}

#plan-marche.fullscreen {
	padding: 0;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#plan-filter {
	padding: 0 var(--un);
	display: flex;
	margin: 0 !important;
	pointer-events: none;
	position: absolute;
	z-index: 99;
	flex-wrap: wrap;
	right: 0;
	width: 100%;
	padding: var(--un);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

#plan-filter li {
	pointer-events: all;
	margin: var(--un-xs);
	list-style-type: none;
	display: block;
}

#plan-filter li:not(:last-child) {
	/*margin-bottom: var(--un);*/
}

#plan-filter li a {
	text-decoration: none;
	display: block;
	background: var(--red);
	color: var(--white);
	padding: var(--un-xs) var(--un);
	font-weight: 600;
	border-radius: var(--un-xs);
	text-align: center;
	transition: .3s;
	white-space: nowrap;
}

#plan-filter li a.restauration {background: var(--red);}

#plan-filter li a.restauration:hover {box-shadow: 0 0 0 3px var(--red), 0 var(--un-xs) var(--un) var(--red);}

#plan-filter li a.alimentation {background: var(--gold);}

#plan-filter li a.alimentation:hover {box-shadow: 0 0 0 3px var(--gold), 0 var(--un-xs) var(--un) var(--gold);}

#plan-filter li a.habillement {background: var(--brown);}

#plan-filter li a.habillement:hover {box-shadow: 0 0 0 3px var(--brown), 0 var(--un-xs) var(--un) var(--brown);}

#plan-filter li a.artisanat-du-monde {background: var(--black);}

#plan-filter li a.artisanat-du-monde:hover {box-shadow: 0 0 0 3px var(--black), 0 var(--un-xs) var(--un) var(--black);}

#plan-filter li a.decoration {background: var(--green);}

#plan-filter li a.decoration:hover {box-shadow: 0 0 0 3px var(--green), 0 var(--un-xs) var(--un) var(--green);}

#plan-filter li a.decorations-de-noel {background: var(--lime);}

#plan-filter li a.decorations-de-noel:hover {box-shadow: 0 0 0 3px var(--lime), 0 var(--un-xs) var(--un) var(--lime);}

#plan-filter li a.jeux-jouets {background: var(--blue);}

#plan-filter li a.jeux-jouets:hover {box-shadow: 0 0 0 3px var(--blue), 0 var(--un-xs) var(--un) var(--blue);}

#plan-filter li a.bijoux {background: var(--pink);}

#plan-filter li a.bijoux:hover {box-shadow: 0 0 0 3px var(--pink), 0 var(--un-xs) var(--un) var(--pink);}

#plan-filter li a.disabled:not(:hover) {background: var(--grey-l) !important;}

#plan-container {
	display: flex;
	position: relative;
	max-width: 100%;
}

#plan-container::before {
	content: '';
	display: block;
	position: absolute;
	height: var(--un);
	top: var(--un-n);
	width: 100%;
	background: var(--white);
	z-index: 1;
}

#plan-exposants {
	width: 40%;
	min-width: 420px;
	max-width: 650px;
	padding: var(--un-sm);
	padding-top: 0;
	max-height: 80vh;
	height: 80vh;
	overflow: auto;
	box-shadow: var(--shadow-lg);
	transition: .3s;
}

.fullscreen #plan-exposants {
	height: 100vh;
	max-height: 100vh;
}

#plan-exposants h4 {
	padding-left: var(--un-sm);
	margin-bottom: 0 !important;
}

.fullscreen #plan-exposants h4 {margin-top: var(--un) !important;}

#pe-container {
	display: flex;
	flex-wrap: wrap;
}

.pe-item {
	width: calc(50% - var(--un));
	margin: var(--un-sm);
	cursor: pointer;
}

.pe-item.disabled {display: none;}

.pe-item .pe-image {overflow: hidden;}

.pe-item .pe-image .pe-backdrop {
	background-size: cover;
	background-position: center;
	width: 100%;
	transition: .3s;
}

.pe-item:hover .pe-image .pe-backdrop {transform: scale(1.1);}

.pe-item .pe-image .pe-backdrop::after {
	content: '';
	display: block;
	padding-bottom: 66.66%;
}

.pe-item h6 {margin: var(--un-sm) 0 var(--un-xs) 0 !important;}

.pe-item h5 {
	transition: .3s;
	margin: 0 !important;
}

.pe-item h5 small {
	font-style: italic;
	font-weight: 300;
}

.pe-item:hover h5 {color: var(--gold);}

#plan-content {
	width: 100%;
	max-height: 80vh;
	position: relative;
	flex: 1;
}

#plan-marche.fullscreen #plan-content {max-height: 100%;}

#plan-content #plan-image {
	width: 100%;
	height: 80vh;
	max-height: 80vh;
	overflow: auto;
	cursor: grab;
	transition: .3s;
}

.fullscreen #plan-content #plan-image {
	height: 100vh;
	max-height: 100vh;
}

#plan-exposants::-webkit-scrollbar, #plan-image::-webkit-scrollbar {
	height: var(--un-sm);
	width: var(--un-sm);
	-webkit-border-radius: 1ex;
	background: #e9e9e9;
}

#plan-exposants::-webkit-scrollbar-thumb, #plan-image::-webkit-scrollbar-thumb {
	background: #bdbdbd;
	-webkit-border-radius: 1ex;
}

#plan-exposants::-webkit-scrollbar-corner, #plan-image::-webkit-scrollbar-corner {background: #e9e9e9;}

#plan-content #plan-image svg {transition: width .3s;}

#plan-btns {
	position: absolute;
	display: flex;
	flex-direction: column;
	bottom: var(--un-lg);
	left: var(--un-lg);
	z-index: 100;
	transition: .3s;
}

#btn-fullscreen, #btn-unfullscreen {
	box-shadow: var(--shadow-lg);
	height: calc(var(--un-lg) + var(--un-sm));
	width: calc(var(--un-lg) + var(--un-sm));
	border-radius: var(--un-lg);
	text-align: center;
	line-height: calc(var(--un-lg) + var(--un-sm) - 4px);
	background: var(--green);
	color: var(--white);
	transition: .3s;
}

#btn-fullscreen:hover {background: var(--gold);}

.fullscreen #btn-fullscreen {display: none;}

#btn-unfullscreen {
	background: var(--red);
	display: none;
}

.fullscreen #btn-unfullscreen {display: block;}

#plan-btns-zoom {
	display: flex;
	flex-direction: column;
	box-shadow: var(--shadow-lg);
	border-radius: var(--un-lg);
	margin-top: var(--un);
	background: var(--white);
	overflow: hidden;
}

#plan-btns-zoom a {
	height: calc(var(--un-lg) + var(--un-sm));
	width: calc(var(--un-lg) + var(--un-sm));
	text-align: center;
	line-height: calc(var(--un-lg) + var(--un-sm));
	color: var(--black);
	transition: .3s;
}

#plan-btns-zoom a:hover {
	background: var(--gold);
	color: var(--white);
}

#plan-marche.fullscreen #plan-btns {
	transition: .3s;
}

#plan-marche.fullscreen.show-exposants #plan-btns {
	bottom: calc(40vh + var(--un));
}

#plan-show-exposants {
	position: absolute;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: var(--shadow-lg);
	border-radius: var(--un-lg);
	height: calc(var(--un-lg) + var(--un-sm));
	width: calc(var(--un-lg) + var(--un-sm));
	text-align: center;
	line-height: calc(var(--un-lg) + var(--un-sm));
	background: var(--gold);
	overflow: hidden;
	bottom: -100px;
	pointer-events: none;
	opacity: 0;
	right: var(--un);
	z-index: 101;
	transition: .3s;
}

#plan-marche.fullscreen #plan-show-exposants {
	bottom: var(--un);
	opacity: 1;
	pointer-events: all;
}

#plan-marche.fullscreen.show-exposants #plan-show-exposants {
	bottom: calc(40vh + var(--un));
}

#plan-show-exposants .feather {
	color: var(--white);
}

#plan-marche.fullscreen #plan-exposants {
	position: absolute;
	bottom: 0;
	height: 0vh;
	padding: ;
	background: var(--white);
	z-index: 2;
	padding: 0;
	transition: .3s;
}

#plan-marche.fullscreen.show-exposants #plan-exposants {
	padding: var(--un-sm);
	height: 40vh;
}

svg g#fond * {
	pointer-events: none;
	cursor: default;
}

svg g:not(#fond) g > path {
	transition: .3s;
	cursor: pointer;
}

svg #restauration > g > path {stroke: var(--red);}

svg #alimentation > g > path {stroke: var(--gold);}

svg #habillement > g > path {stroke: var(--brown);}

svg #artisanat-du-monde > g > path {stroke: var(--black);}

svg #decoration > g > path {stroke: var(--green);}

svg #decorations-de-noel > g > path {stroke: var(--lime);}

svg #jeux-jouets > g > path {stroke: var(--blue);}

svg #bijoux > g > path {stroke: var(--pink);}

svg g:not(#fond) g:hover > path, svg g > g.cabin-selected > path {stroke-width: var(--un-sm);}

svg #restauration > g:hover > path, svg #restauration > g.cabin-selected > path {filter: drop-shadow(0 var(--un-xs) var(--un) var(--red));}

svg #alimentation > g:hover > path, svg #alimentation > g.cabin-selected > path {filter: drop-shadow(0 var(--un-xs) var(--un) var(--gold));}

svg #habillement > g:hover > path, svg #habillement > g.cabin-selected > path {filter: drop-shadow(0 var(--un-xs) var(--un) var(--brown));}

svg #artisanat-du-monde > g:hover > path, svg #artisanat-du-monde > g.cabin-selected > path {filter: drop-shadow(0 var(--un-xs) var(--un) var(--black));}

svg #decoration > g:hover > path, svg #decoration > g.cabin-selected > path {filter: drop-shadow(0 var(--un-xs) var(--un) var(--green));}

svg #decorations-de-noel > g:hover > path, svg #decorations-de-noel > g.cabin-selected > path {filter: drop-shadow(0 var(--un-xs) var(--un) var(--lime));}

svg #jeux-jouets > g:hover > path, svg #jeux-jouets > g.cabin-selected > path {filter: drop-shadow(0 var(--un-xs) var(--un) var(--blue));}

svg #bijoux > g:hover > path, svg #bijoux > g.cabin-selected > path {filter: drop-shadow(0 var(--un-xs) var(--un) var(--pink));}

svg.cabin-view #restauration > g:not(.cabin-selected):not(:hover) > path, svg.cabin-view #alimentation > g:not(.cabin-selected):not(:hover) > path, svg.cabin-view #habillement > g:not(.cabin-selected):not(:hover) > path, svg.cabin-view #artisanat-du-monde > g:not(.cabin-selected):not(:hover) > path, svg.cabin-view #decoration > g:not(.cabin-selected):not(:hover) > path, svg.cabin-view #decorations-de-noel > g:not(.cabin-selected):not(:hover) > path, svg.cabin-view #jeux-jouets > g:not(.cabin-selected):not(:hover) > path, svg.cabin-view #bijoux > g:not(.cabin-selected):not(:hover) > path {
	fill: var(--grey-l);
}

svg.cabin-view #restauration > g:not(.cabin-selected) > path, svg.cabin-view #alimentation > g:not(.cabin-selected) > path, svg.cabin-view #habillement > g:not(.cabin-selected) > path, svg.cabin-view #artisanat-du-monde > g:not(.cabin-selected) > path, svg.cabin-view #decoration > g:not(.cabin-selected) > path, svg.cabin-view #decorations-de-noel > g:not(.cabin-selected) > path, svg.cabin-view #jeux-jouets > g:not(.cabin-selected) > path, svg.cabin-view #bijoux > g:not(.cabin-selected) > path {
	stroke: transparent;
	opacity: .5;
}

svg g.disabled {
	opacity: 0.5;
}

svg g.disabled > g:not(:hover) > path {
	stroke: transparent !important;
	fill: var(--grey-l);
}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {
	#plan-container {flex-direction: column-reverse;}
	#plan-exposants {width: 100%; max-width: 100%; padding-top: var(--un);}
}

@media (max-width: 991.98px) {
	#plan-filter {flex-wrap: nowrap; overflow-x: auto; pointer-events: all;}
	#plan-exposants {height: 50vh; max-height: 50vh;}
	#plan-content #plan-image {height: 50vh; max-height: 50vh;}
	/*#plan-content #plan-image svg {width: auto !important; min-height: 100%;}*/
	#plan-show-exposants {display: flex;}
}

@media (max-width: 767.98px) {
	#marche-intro {overflow: hidden;}
	#plan-btns {bottom: var(--un); left: var(--un);}
	#plan-exposants {min-width: initial;}
}

@media (max-width: 575.98px) {}

/*** FOOTER ***/

footer {
	background: var(--white-d);
	padding: 0 0 var(--un-lg) 0;
	position: relative;
}

#footer-top {
	display: flex;
	justify-content: center;
	position: relative;
}

#footer-top::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background: var(--white-d);
	width: 350px;
	height: 350px;
	z-index: 0;
}

#footer-logo {
	width: 300px;
	z-index: 2;
}

#footer-nav {
	justify-content: center;
	font-weight: 600;
}

#footer-nav .nav-item .nav-link {color: var(--black);}

#footer-nav .nav-item .nav-link:hover {text-decoration: underline;}

footer hr, #footer-nav {
	position: relative;
	z-index: 2;
}

footer #logo-toulouse {
	width: 360px;
	max-width: 360px;
	display: block;
	margin-left: var(--un);
}

#footer-copyright {
	display: flex;
	color: var(--black);
	justify-content: space-between;
	align-items: center;
}

#footer-copyright a {
	color: var(--black);
	font-weight: 600;
	text-decoration: none;
}

#footer-copyright a:hover {text-decoration: underline;}

#icr-footer {
	display: block;
	text-decoration: none;
	padding: var(--un-lg) 0;
	background: var(--black);
	background-image: url('../img/page-header-placeholder.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
}

#icr-footer #icr-filter {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #212121;
	top: 0;
	opacity: .4;
}

#icr-footer * {text-decoration: none;}

#icr-footer .container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: .3s;
}

#icr-footer:hover .container {
	transform: scale(1.05);
}

#icr-footer .container img {
	width: 200px;
	margin-right: var(--un-lg);
}

.post-edit-link {
	position: fixed;
	top: 50%;
	left: -31px;
	transform: translateY(-50%) rotate(-90deg);
	background: var(--red);
	padding: var(--un-sm) var(--un);
	color: var(--white);
	border-radius: 0 0 var(--un) var(--un);
	text-decoration: none;
	font-weight: 600;
	z-index: 9999;
	transition: .3s;
}

.post-edit-link:hover {
	background: var(--white);
	color: var(--red);
}

@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
	#footer-top::before {padding-bottom: 50%; width: 50%; height: auto; top: 30%;}
	#footer-logo {max-width: 50%;}
	#footer-copyright {flex-direction: column; text-align: center;}
	footer #logo-toulouse {margin: var(--un) auto 0 auto;max-width: 80%; }
	#icr-footer {padding-bottom: var(--un-xxl);}
	#icr-footer .container img {max-width: 50%;}
	#icr-footer .container h3 {min-width: 50%;}
}

@media (max-width: 767.98px) {
	footer #logo-toulouse {width: auto;}
}

@media (max-width: 575.98px) {
	#icr-footer .container {flex-direction: column; text-align: center;}
	#icr-footer .container img {margin-right: 0; margin-bottom: var(--un);}
}

/*** JS ***/

#loader {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background: var(--white);
	z-index: 9999;
}

#loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 400px;
	max-width: 50%;
	animation: animLogoLoader 2s infinite;
}

@keyframes animLogoLoader {
	0% {opacity: 0;}
	20% {opacity: 1;}
	80% {opacity: 1;}
	100% {opacity: 0;}
}

.dropdown-menu {
	border-radius: 0;
	border: 0;
	padding: 0;
	box-shadow: var(--shadow-lg);
}

.dropdown-menu::before {
	content: '';
	display: block;
	position: absolute;
	border-right: var(--un-sm) solid transparent;
	border-left: var(--un-sm) solid transparent;
	border-bottom: var(--un-sm) solid var(--white);
	margin-top: var(--un-sm-n);
	margin-left: var(--un-sm);
}

.dropdown-menu .dropdown-item {padding: var(--un-sm);}

.dropdown-menu li:not(:first-child) .dropdown-item {border-top: var(--border);}

.dropdown-menu.dm-with-icons .dropdown-item {padding-left: 0;}

.dropdown-menu .dropdown-item i {
	display: inline-block;
	background: var(--blue-grey);
	font-size: 1.4rem;
	min-width: var(--un-lg);
	height: var(--un-lg);
	text-align: center;
	line-height: var(--un-lg);
	color: var(--blue);
	border-radius: 0 50% 50% 0;
	margin-right: var(--un-sm);
}

.dropdown-menu .dropdown-item {font-weight: 600;}

.dropdown-menu .dropdown-item:hover {
	background: var(--red);
	color: var(--white);
}

.dropdown-menu li:nth-child(odd) .dropdown-item:hover {background: var(--green);}

.tooltip {font-weight: 600;}

.modal .modal-content {
	border-radius: 0;
	border: 0;
	box-shadow: var(--shadow-xl);
}

.modal .modal-image {
	height: 250px;
	overflow: hidden;
	position: relative;
}

.modal .modal-image .mi-backdrop {
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.modal .modal-header {
	padding: var(--un);
	padding-right: calc(var(--un-lg) + var(--un-sm));
	position: relative;
	border-bottom: var(--border);
	display: block;
}

.modal .modal-header .btn-close {
	position: absolute;
	top: var(--un);
	right: var(--un);
}

.modal .modal-title {
	font-weight: 600;
	line-height: 2rem;
	margin: 0 !important;
}

.modal .modal-title small {
	font-weight: 300;
	font-style: italic;
}

.modal .modal-body {padding: var(--un);}

.modal .modal-body hr {margin: var(--un) 0;}

.modal .modal-contact {
	margin-top: 0 !important;
	padding-left: var(--un-sm);
}

.modal .modal-contact li {list-style-type: none;}

.modal .modal-contact li a {
	color: var(--green);
	text-decoration: none;
}

.modal .modal-contact li a:hover {
	color: var(--green-d);
	text-decoration: underline;
}

.modal .modal-footer {border-top: var(--border);}

.modal .modal-header + .modal-footer {border-top: 0;}

/* .dropdown-menu.dm-services.show {
	display: flex;
	flex-wrap: wrap;
	min-width: 200px;
}

.dropdown-menu.dm-services li {
	width: 50%;
	min-width: 100px;
}

.dropdown-menu.dm-services .dropdown-item {
	white-space: normal;
	text-align: center;
} */

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
	display: none !important;
	border-radius: 0 var(--un-lg) 0 0;
	background: var(--blue-grey) !important;
	border-top: 0 !important;
	padding: var(--un) 0 !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p {
	margin: 0 !important;
	color: var(--blue) !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
}

#moove_gdpr_save_popup_settings_button {
	height: 62px !important;
	border-radius: var(--un-lg) !important;
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon {
	height: 62px !important;
	padding: var(--un-sm) !important;
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg {display: none;}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon::after {content: '🍪';}

#moove_gdpr_save_popup_settings_button:hover span.moove_gdpr_text {
	line-height: 62px !important;
	font-weight: 600 !important;
	margin-right: var(--un-sm) !important;
}

@media (min-width: 992px) {
	.modal-lg .modal-image {height: 400px;}
}

/*** CHEATS ***/

.margin-un {margin: var(--un) 0 !important;}
.margin-t-un {margin-top: var(--un) !important;}
.margin-b-un {margin-bottom: var(--un) !important;}
.margin-t-un-xs {margin-top: var(--un-xs) !important;}
.margin-t-un-sm {margin-top: var(--un-sm) !important;}
.margin-t-un-lg {margin-top: var(--un-lg) !important;}
.margin-t-un-xl {margin-top: var(--un-xl) !important;}
.margin-b-un-xs {margin-bottom: var(--un-xs) !important;}
.margin-b-un-sm {margin-bottom: var(--un-sm) !important;}
.margin-b-un-lg {margin-bottom: var(--un-lg) !important;}
.margin-b-un-xl {margin-bottom: var(--un-xl) !important;}

.no-margin {margin: 0 !important;}
.no-margin-t {margin-top: 0 !important;}
.no-margin-b {margin-bottom: 0 !important;}

.no-padding {padding: 0 !important;}
.no-padding-t {padding-top: 0 !important;}
.no-padding-b {padding-bottom: 0 !important;}