:root {
	--body-font-size: 1.125rem;
	--body-color: #221f20;
	--leds-dark-color: #231f20;
	--leds-gray-color: #666;
}
html {
	background: #fff;
}
body {
	background: #fff no-repeat fixed 50% 100%; /* #747989 */
	background-size: contain;
}
footer {
  max-width: 1360px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem 0;
  font-size: .875rem;
  border-radius: .5rem .5rem 0 0;
  background: rgba(255,255,255,1);
  z-index: 1;
}
footer .mod-list li {
    padding: .125em .5em !important;
}
/*
body.itemid-105,
body.itemid-104 {
	background-image: url("/images/home-nathalie-gauglin.png");
	padding-bottom: 0;
}
*/

a {
	color: var(--leds-gray-color);
}
a:hover {
	color: var(--leds-dark-color);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-bottom: 1rem;
	font-family: 'Times New Roman', Times, serif;
	font-weight: 300;
	color: #262626;
}
h1 {
	font-weight: 300;
	text-transform: uppercase;
	color: #262626;
}
#ic-article h1 {
	margin: -1rem -1.5rem 1rem -1.5rem;
	padding: 1rem;
}

h2 {
	font-size: 1.75rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
h3 {
	font-size: 1.5rem;
	margin-top: 1.5rem;
}
p {
	font-weight: 300;
}
blockquote {
	margin: 0 0 2rem;
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.5rem;
	font-weight: 300;
	font-style: oblique;
}
figcaption {
	color: #262626;
	font-size: .875em;
}

#prepage {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	height: 100%;
	width: 100%;
	z-index: 99;
	opacity: 1;
	visibility: visible;
	-moz-transition: all .7s;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}
@media (prefers-reduced-motion: reduce) {
	#prepage {
		transition: unset;
	}
}

.font-times {
	font-family: 'Times New Roman', Times, serif;
}
.leds-gray {
	color: var(--leds-gray-color);
}
/*
.container-header .navbar-toggler {
	margin-top: 1.25rem;
}
*/
.container-fluid {
	padding: 0;
}
.container-header .navbar-brand a {
	text-decoration: none;
	font-weight: 300;
	color: #9e9e9e;
}
.container-header .mod-menu {
	display: flex;
	margin: 0 0 .5rem .25rem;
}
:not(.navbar-collapse) > .mod-menu,
:not(footer) > .mod-menu {
  padding-top: .5em;
}
.navbar-collapse .mod-menu li:not(:first-child, .item-137)::before {
  content: "";
  position: relative;
  padding: .25em 0 .25em 0;
  color: black;
}
.navbar-collapse .mod-menu li.item-137::before {
  content: "";
  position: relative;
  padding: .25em .75em .25em 0;
  color: black;
}
.navbar-collapse .mod-menu li.item-136 {
  margin: 0 0 .5rem 0;
}
.navbar-collapse .mod-menu li.item-137 {
  margin: 0 0 .5rem 0;
}
.container-nav > ul > li:first-child::before {
  content: "";
  position: relative;
  margin: .25em 1.25em .25em 0;
  padding-right: .25em;
  border-left: 3px dotted lightgrey;
  color: black;
}
.container-nav > ul > li {
	margin: 0;
}
.container-header .container-nav {
	padding-bottom: 0;
}
.container-topbar a:not(.btn) {
	color: var(--gray-200);
}

/*
.container-topbar .active a:not(.btn) {
	color: #fff;
}
.container-topbar a:not(.btn):hover {
	color: #fff;
}
*/
.container-nav {
	width: 100%;
}
.container-header {
	max-width: 1360px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    border-radius: 0 0 .5rem .5rem;
	z-index: 101;
	background-color: var(--webic-header-bg); /* #4B4F58F2 */
	background-image: none;
	position: relative;
	/* box-shadow: inset 0 5px 5px #00000008; */
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8) inset, 0px 0 15px rgba(255, 255, 255, 0.6);
}
body:not(.itemid-105, .itemid-104) .container-header {
	backdrop-filter: blur(5px);
}
/* 
.container-header nav {
	margin-top: 0 !important;
}
 */
.container-header .mod-menu > li {
	font-size: 1.125rem;
	letter-spacing: 1px;
}
.container-header .mod-menu > li > a {
	/* color: #c7c7c7; */
	color: var(--leds-gray-color);
	transition: all .2s, color .2s;
}
.container-header .mod-menu > li.active > a {
	color: #111;
	font-weight: 600;
	transition: all .2s, color .2s;
}
.container-header .mod-menu > li > a:hover {
	color: var(--leds-dark-color);
	transition: all .2s, color .2s;
}
.mod-list li {
	padding: .125em .25em;
}

.container-top-a > ul {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1rem;
	z-index: 1001;
}
.icon-fw {
	width: 1.5rem;
}
.back-to-top-link {
	color: #fff;
	pointer-events: all;
	background-color: #262626;
	opacity: 0;
	border: none;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	padding: .5rem .75rem;
	font-size: 1.5rem;
	right: 1.5rem;
}
.back-to-top-link:focus {
	color: #fff;
	background-color: #262626;
}
.back-to-top-link:hover {
	color: #262626;
	background-color: #fff;
}
.ic-w-100 {
	width: 100% !important;
}
.navbar-brand img {
	width: 240px;
	margin-left: 0;
}
.metismenu.mod-menu .metismenu-item.active > a {
	text-decoration: none;
}
.metismenu.mod-menu .metismenu-item > a:hover {
	text-decoration: none;
}
.metismenu.mod-menu .metismenu-item {
	display: inline-block;
	line-height: auto;
	padding: .25em .125em;
	font-size: 1.125rem;
}
.container-header .metismenu > li > a:not(.fa)::after {
/*	display: none; */
	top: 1.75rem;
}
@media (width >= 992px) {
	.ic-w-100 {
		width: auto !important;
	}
	.navbar-brand img {
		width: 280px;
		margin-left: -3px;
	}
	.navbar-collapse .mod-menu li:not(:first-child, .item-137)::before {
		content: "/";
		padding: .25em .25em .25em 0;
	}
	.container-nav {
		width: auto;
	}
	.container-nav > ul > li {
		margin: 0 .75em 0;
	}
	.container-header .mod-menu > li::after {
		content: none;
	}
	.container-header .mod-menu > a::after {
		content: "";
		display: block;
		position: absolute;
		height: .125rem;
		width: auto;
		opacity: 0;
	}

	.container-header .mod-menu > li.current > a::after {
		content: "";
		display: block;
		position: absolute;
		height: .125rem;
		border-radius: .125rem;
		width: auto;
		top: 1.75rem;
		background: #aaabae !important;
		opacity: 1;

/*		opacity: 1;
		background: #d2d4c8 !important;
		height: .5rem;
		width: .5rem;
		border-radius: 50%;
		top: 2.125rem;
		display: block;
		position: absolute;
		left: calc(50% - .25rem);
		right: calc(50% - .25rem);
		transition: all .2s,background-color .2s; */
	}
	.container-header .mod-menu > li.current > a:hover::after {
		opacity: 1;
		border-radius: .125rem;
		background: var(--leds-gray-color) !important;
		transition: all .2s,background-color .2s;
	}
	.container-header .mod-menu > li > a:hover::after {
		opacity: 1;
		border-radius: .125rem;
		top: 1.75rem;
		background: var(--leds-gray-color) !important;
		transition: all .2s,background-color .2s;
	}
	.container-header .mod-menu > li + li {
		margin-left: 0;
	}
	.back-to-top-link {
		right: calc(1.5rem - .125em);
		bottom: 100px;
	}
}
@media (width >= 1200px) {
	/*
    .container-header .mod-menu > li + li {
		margin-left: .5em;
	}
    */
    /*
	.container-header .mod-menu > li + li .fa {
		margin-right: -.75em;
	}
    */
	.metismenu.mod-menu .metismenu-item {
		padding: .25em;
		font-size: 1.125rem;
	}
	.navbar-collapse .mod-menu li:not(:first-child, .item-137)::before {
		padding: .25em .5em .25em 0;
	}
	.mod-list li {
		padding: .25em .5em;
	}
}

.mod-list li.active > a {
	text-decoration: none;
}

div.mod-languages {
	padding: .25em;
}
div.mod-languages a {
	padding: 0;
	color: #9e9e9e;
}
div.mod-languages a:hover {
	color: #fff; /* #f9dec9; */
}
div.mod-languages ul li.lang-active {
	background-color: transparent;
}
div.mod-languages ul li.lang-active a {
	color: #d2d4c8;
}



button.navbar-toggler {
	height: 3rem;
	width: 3rem;
	padding: 0 .75rem;
	border: none !important;
	border-radius: 50%;
}
button:focus:not(:focus-visible) {
	box-shadow: 0 0 0 1px;
}
.navbar-toggler:focus-visible {
	border: 1px solid white;
}

.ic-menu-icon {
	background-color: transparent;
	display: block;
	height: 0.125rem;
	position: relative;
	width: 1.5rem;
	z-index: 1020;
}

button .ic-menu-icon::before,
button .ic-menu-icon::after {
	background-color: #fff;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	transition: all 0.2s ease-out;
}

button .ic-menu-icon::before {
	top: -0.25rem;
	right: 0;
}

.ic-menu-icon:hover > .ic-menu-icon::before {
	background-color: var(--black);
}

button .ic-menu-icon::after {
	top: 0.25rem;
	right: 0;
}

.ic-menu-icon:hover > .ic-menu-icon::after {
	background-color: var(--black);
}

input[data-bz-menu-toggler]:checked ~ label + ul {
	background-color: var(--bz-mobile-menu-bg);
	max-height: calc(100vh - 4rem - 2rem - 0.375rem * 2);
	overflow-y: auto;
	transition: max-height 0.5s ease-out;
}

body > header input[data-bz-menu-toggler] {
	top: 1rem;
}

body > header input[data-bz-menu-toggler] + label {
	justify-content: center;
}

body > header input[data-bz-menu-toggler]:checked ~ label + ul {
	background-color: var(--bz-mobile-menu-bg);
	max-height: calc(100vh + 4rem * 2);
	overflow-y: auto;
	transition: max-height 0.5s ease-out;
}

button:not(.collapsed) .ic-menu-icon {
	background: transparent;
}

button[aria-expanded=true]:not(.collapsed) > .ic-menu-icon::before {
	transform: rotate(-45deg);
	top: 0;
}

button[aria-expanded=true]:not(.collapsed) > .ic-menu-icon::after {
	transform: rotate(45deg);
	top: 0;
}

.navbar-toggler {
	background-color: var(--body-color);
}

a .ic-svg-anim {
	position: relative;
	transition: .5s;
}
a:hover .ic-svg-anim {
	transform: scale(1.1);
}
.ic-svg-anim {
	position: relative;
}
a.ic-svg-anim[data-legend]::after {
	content: attr(data-legend);
	position: absolute;
	display: block;
	top: -40px;
	left: 50%;
	transform: translate(-50%, 0);
	width: auto;
	font-size: .75rem;
	font-weight: 400;
	background: #fff;
	border-radius: 1rem;
	color: var(--leds-gray-color);
	z-index: 1000;
	opacity: 0;
	transition: .3s;
}
a.ic-svg-anim[data-legend]:hover::after {
	content: attr(data-legend);
	position: absolute;
	display: block;
	top: -70px;
	left: 50%;
	transform: translate(-50%, 0);
	width: auto;
	font-size: .875rem;
	font-weight: 400;
	color: var(--leds-gray-color);
	z-index: 1000;
	opacity: 1;
	transition: .3s;
}
@media (prefers-reduced-motion: reduce) {
	a:hover .ic-svg-anim {
		transform: none;
	}
	a.ic-svg-anim[data-legend]::after,
	a.ic-svg-anim[data-legend]:hover::after {
		transition: unset;
	}
}

.view-article .ic-article-image > img {
  transform: scale(var(--scale-factor));
}

.blog-items .item-image > img {
	width: auto;
	max-width: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.blog-items .item-content > figure img {
	opacity: 1;
	transition: .3s;
}
.blog-items .item-content:hover > figure img {
	opacity: .3;
	transition: .3s;
}

.blog-items .item-content[data-legend]:hover::after {
	content: attr(data-legend);
	position: absolute;
	display: inline-block;
	top: calc(50% - 2rem);
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Times New Roman', Times, serif;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	color: #000;
}
h2 > a {
	color: var(--leds-gray-color);
	text-decoration: none !important;
}

a > h1 {
	letter-spacing: 0;
	transition: all .3s ease-in;
}
a > h1:hover {
	color: var(--leds-gray-color);
	letter-spacing: .05em;
	transition: all .3s ease-out;
}

/* j2commerce */
.cart-thumb-image img {
	width: 180px;
}
.product-title {
	margin-top: 1rem;
	margin-bottom: .25rem;
}
