@font-face {
	font-family: "Merlod Norme Regular";
	src: url('../font/MerlodNorme-Regular.otf');
}
@font-face {
	font-family: "Merlod Norme Bold";
	src: url('../font/MerlodNorme-Bold.otf');
}
@font-face {
	font-family: "Luna";
	src: url('../font/Luna.ttf');
}
@font-face {
	font-family: "Crackhouse";
	src: url('../font/09938_crackhouse.ttf');
}

html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
	font-family: "Merlod Norme Regular";
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 30px;
	color: #000;
}
h2 {
	font-family: "Merlod Norme Bold" !important;
	font-size: 76px;
	line-height: 80px;
	letter-spacing: 3px;
	margin: 0;
}
h3, h3.sppb-title-heading, #sp-page-builder .sppb-section-title > h3.sppb-title-heading {
	font-family: "Luna" !important;
	font-size: 32px;
	letter-spacing: 3px;
}
h4 {
	font-family: "Merlod Norme Bold" !important;
	font-size: 32px;
}
h5 {
	font-family: "Merlod Norme Regular" !important;
	font-size: 22px;
}
p {
	font-family: "Merlod Norme Regular";
	font-size: 24px;
}
strong {
	font-family: "Merlod Norme Bold";
}
path.st2 {
	fill: none;
	stroke: #000000;
	stroke-width: 6;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
path.mask-style {
	fill: none;
	stroke: #ffffff;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 15;
}

/* MENU */
#menu-wrapper {
	display: block;
	position: fixed;
	margin: 0;
	padding: 0;
	z-index: 998;
	top: 275px;
	left: 50px;
	width: 30px;
	overflow: visible;
	white-space: nowrap;
}
#menu-wrapper ul#menu, #menu-wrapper #menu.jmoddiv, #menu-wrapper #menu.jmoddiv.jmodinside {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#menu-wrapper #menu > li a {
			color: #f8c013;
			text-decoration: none;
			line-height: 40px;
		}
			#menu-wrapper #menu > li a .menu-item-image {
				display: inline-block;
				width: 27px;
				height: 38px;
				background: url('/images/menu-item-yellow.png') no-repeat center center;
			}
			#menu-wrapper #menu > li.selected a .menu-item-image, #menu-wrapper #menu > li a:hover .menu-item-image {
				background: url('/images/menu-item-selected-yellow.png') no-repeat center center;
			}
			#menu-wrapper #menu > li a .menu-item-text {
				display: none;
				padding-left: 10px;
			}
			#menu-wrapper #menu > li a:hover .menu-item-text, #menu-wrapper #menu > li.selected a .menu-item-text {
				display: inline-block;
			}

/* INTRO */
#intro {
	background: url('/images/Fond-bois1-light.jpg') no-repeat;
	background-size: 100% auto;
	color: #fff;
	text-align: center;
	min-height: 690px;
}
	#intro .logo {
		margin-bottom: 34px;
	}
	#intro .title .sppb-addon-content {
		font-size: 42px;
		line-height: 44px;
    letter-spacing: 2px;
	}
	#intro .monster {
		margin-top: 34px;
		margin-bottom: -120px;
	}
	#intro .sppb-col-md-2 {
		padding: 0;
		clear: both;
	}
		#intro .monster .sppb-column-addons > .clearfix {
			margin: 0;
		}
			#intro .monster .sppb-column-addons .sppb-addon-single-image {
				position: absolute;
				z-index: 996;
			}
			#intro .monster .sppb-column-addons .sppb-addon-single-image.hover {
				z-index: 997;
			}
				#intro .monster img {
					visibility: hidden;
				}
				#intro .monster .hover:hover img {
					visibility: visible;
				}

/* LA MARQUE */
#la-marque {
	background-color: #f9f9f9;
}
	#la-marque .picto img {
		margin-left: 110px;
	}
	#la-marque .list ul {
		margin-left: 60px;
	}
		#la-marque .list ul li {
			list-style: none;
			text-indent: -55px;
			margin-bottom: 46px;
			visibility: hidden;
		}
		#la-marque .list ul li:before {
			content: '';
			display: inline-block;
			height: 40px;
			width: 41px;
			background: url('/images/la-marque-checkbox.jpg') no-repeat;
			margin-right: 14px;
		}
	#la-marque .our-mission {
		background: url('/images/la-marque-mission-background.png') no-repeat;
		background-size: auto;
		margin-top: 110px;
		padding: 90px 80px 140px 110px;
		min-height: 524px;
		visibility: hidden;
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#la-marque .our-mission {
			background-size: 100%;
			padding-top: 40px;
		}
	}
		#la-marque .our-mission h4 {
			background: url('/images/la-marque-title-background.png') no-repeat 0 8px;
			padding: 0 0 6px 12px;
			margin-left: -12px;
		}
	#la-marque .drawing {
		position: absolute;
		top: -312px;
		right: 95px;
		z-index: 995;
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#la-marque .drawing {
			right: 59px;
		}
	}

/* NOS MEMBRES */
#nos-membres {
	background: url('/images/nos-membres-background.png') no-repeat #f1f1f1;
	background-size: 100% auto;
	height: 919px;
}
	#nos-membres .sppb-column-addons > .sppb-animated {
		visibility: hidden;
	}
		#nos-membres .sppb-addon-sp-slider .sp-item.slider-content-vercally-center {
			align-items: start;
		}
			#nos-membres .sppb-addon-sp-slider .sp-slider-content-align-left > .sppb-sp-slider-image {
				float: left;
			}
				#nos-membres .sppb-addon-sp-slider .sp-slider-content-align-left > .sppb-sp-slider-image img {
					margin: 0 80px;
				}
			#nos-membres .sp-slider.slider .sp-slider-content-align-left > .sppb-sp-slider-text {
				margin: 0;
			}
				#nos-membres .sp-slider.slider .sppb-sp-slider-text strong {
					background: url('/images/nos-membres-text-background-large.png') no-repeat 0 21px;
					padding: 0 0 6px 4px;
					margin-left: -4px;
				}
				#nos-membres .sp-slider.slider .sppb-sp-slider-text strong.small {
					background: url('/images/nos-membres-text-background-small.png') no-repeat 0 21px;
				}
		#nos-membres .sp-slider.slider .sp-nav-control {
			left: 0;
			right: 0;
			top: -160px;
		}
		@media only screen and (min-width: 992px) and (max-width: 1170px) {
			#nos-membres .sp-slider.slider .sp-nav-control {
				top: -496px;
			}
		}
			#nos-membres .sp-slider.slider .sp-nav-control .nav-control {
				border: none;
				z-index: 999;
			}
				#nos-membres .sp-slider.slider .sp-nav-control .nav-control i {
					display: none;
				}
			#nos-membres .sp-slider.slider .sp-nav-control .nav-control.next-control {
				background: url('/images/nos-membres-slider-next.png') no-repeat;
				width: 82px;
				height: 85px;
			}
			#nos-membres .sp-slider.slider .sp-nav-control .nav-control.prev-control {
				background: url('/images/nos-membres-slider-previous.png') no-repeat;
				width: 83px;
				height: 86px;
			}
	#nos-membres .drawing {
		position: absolute;
		top: -320px;
		left: 0;
	}

/* NOS PRODUITS */
#nos-produits .sppb-column-addons > .sppb-animated {
	visibility: hidden;
}
	#nos-produits .sppb-addon-sp-slider .sp-item.slider-content-vercally-center {
		align-items: start;
	}
		#nos-produits .sppb-addon-sp-slider .sp-slider-image-align-center > .sppb-sp-slider-image {
			margin: 0 50px;
		}
		#nos-produits .sp-slider.slider .sp-slider-outer-stage .sp-item > .sp-background {
			background-size: auto;
			background-repeat: no-repeat;
			background-position: 75% 50%;
		}
		@media only screen and (min-width: 992px) and (max-width: 1199px) {
			#nos-produits .sp-slider.slider .sp-slider-outer-stage .sp-item > .sp-background {
				background-position: 85% 50%;
			}
		}
			#nos-produits .sppb-addon-sp-slider .sp-slider-content-align-left > .sppb-sp-slider-image {
				float: left;
			}
				#nos-produits .sppb-addon-sp-slider .sp-slider-content-align-left > .sppb-sp-slider-image img {
					margin: 50px 20px 0 80px;
				}
			#nos-produits .sp-slider.slider .sppb-sp-slider-text {
				margin: 0;
				padding: 120px 200px 210px 0;
				min-height: 524px;
				min-width: 550px;
			}
			@media only screen and (min-width: 992px) and (max-width: 1199px) {
				#nos-produits .sppb-addon-sp-slider .sp-slider-content-align-left > .sppb-sp-slider-image img {
					width: 360px!important;
					height: auto!important;
					margin-top: 100px;
				}
				#nos-produits .sp-slider.slider .sppb-sp-slider-text {
					min-width: 0;
					padding: 70px 200px 210px 0;
				}
			}
				#nos-produits .sp-slider.slider .sppb-sp-slider-text h4,
				#nos-produits .sp-slider.slider .sppb-sp-slider-text h5 {
					color: #fff;
					margin: 0;
				}
				#nos-produits .sp-slider.slider .sppb-sp-slider-text ul {
					list-style-type: none;
					padding-left: 0;
					display: table;
				}
					#nos-produits .sp-slider.slider .sppb-sp-slider-text ul > li {
						display: table-row;
					}
					#nos-produits .sp-slider.slider .sppb-sp-slider-text ul > li:before {
						content: "-";
						padding-right: 6px;
						display: table-cell;
						text-align: right;
						width: 12px;
					}
			#nos-produits .sp-slider.slider .sp-nav-control {
				left: 0;
				right: 0;
			}
				#nos-produits .sp-slider.slider .sp-nav-control .nav-control {
					border: none;
					z-index: 999;
				}
					#nos-produits .sp-slider.slider .sp-nav-control .nav-control i {
						display: none;
					}
				#nos-produits .sp-slider.slider .sp-nav-control .nav-control.next-control {
					background: url('/images/nos-produits-slider-next.png') no-repeat;
					width: 82px;
					height: 85px;
				}
				#nos-produits .sp-slider.slider .sp-nav-control .nav-control.prev-control {
					background: url('/images/nos-produits-slider-previous.png') no-repeat;
					width: 83px;
					height: 86px;
				}
#nos-produits .drawing {
	position: absolute;
	top: -260px;
	left: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#nos-produits .drawing {
		top: -260px;
		left: 60px;
	}
}

/* NOS VALEURS */
#nos-valeurs {
	background-color: #f9f9f9;
}
	#nos-valeurs .drawing {
		position: absolute;
		top: -452px;
		left: 45%;
	}

/* NOS ENGAGEMENTS */
#nos-engagements .top-text strong {
	background: url('/images/nos-engagements-strong-background.png') no-repeat center 36px;
	padding-bottom: 24px;
}
#nos-engagements .drawing {
	position: absolute;
	top: -312px;
	left: 0;
}

/* CONTACT */
#contact {
	background-color: #e9e9e9;
}
	#contact .bubble {
		min-width: 294px;
		min-height: 162px;
		padding: 25px 0;
		height: auto;
	}
	#contact .bubble.red {
		background: url('/images/contact-red-bubble.png') no-repeat center center;
	}
	#contact .bubble.blue {
		background: url('/images/contact-blue-bubble.png') no-repeat center center;
	}
	#contact .bubble.yellow {
		background: url('/images/contact-yellow-bubble.png') no-repeat center center;
	}
		#contact .bubble .sppb-addon-content {
			font-size: 18px;
		}
			#contact .bubble .sppb-addon-content strong {
				font-size: 26px;
				display: inline-block;
				padding-bottom: 0px;
			}
			#contact .bubble .sppb-addon-content a {
				color: #000;
			}
	#contact .drawing {
		position: absolute;
		top: -512px;
		right: -20px;
	}
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#contact .drawing {
			display: none;
		}
	}

/* BOUTON RETOUR HAUT DE PAGE */
#scroll-to-top {
	display: none;
  position: fixed;
  bottom: 90px;
  right: 30px;
  z-index: 999;
  border: none;
  outline: none;
	cursor: pointer;
	background: url('/images/scroll-to-top.png') no-repeat center;
	width: 85px;
	height: 82px;
}

/* FOOTER */
#footer {
	background-color: #000;
	color: #fff;
	font-size: 12px;
}
	#footer a, #footer a:hover, #footer a:visited {
		text-decoration: none;
		color: #fff;
	}

/* GESTION DES ANIMATIONS */
.animated {
  visibility: visible!important;
}
.delay-500ms {
	animation-delay: .5s;
}
.delay-1000ms {
	animation-delay: 1s;
}
.delay-1500ms {
	animation-delay: 1.5s;
}
.delay-2000ms {
	animation-delay: 2s;
}
.delay-2500ms {
	animation-delay: 2.5s;
}
.delay-3000ms {
	animation-delay: 3s;
}

/* MENU PAGES DE CONTENU */
#content-menu {
	background-color: #000;
	color: #fff;
	font-size: 20px;
}
	#content-menu .clearfix {
		margin-top: auto;
		margin-bottom: auto;
	}
		#content-menu .sppb-addon-text-block {
			margin-top: 42px;
		}
			#content-menu a, #content-menu a:hover, #content-menu a:visited {
				text-decoration: none;
				color: #fff;
			}