@font-face {
	font-family: 'Gaston Villa';
	src: url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/GastonVilla.woff2') format('woff2'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/GastonVilla.woff') format('woff'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/GastonVilla.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lora-Bold';
	src: url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Lora-Bold.woff2') format('woff2'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Lora-Bold.woff') format('woff'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Lora-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Lora';
	src: url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Lora-Regular.woff2') format('woff2'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Lora-Regular.woff') format('woff'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Lora-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Palanquin-Light';
	src: url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Palanquin-Light.woff2') format('woff2'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Palanquin-Light.woff') format('woff'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/Palanquin-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display-Bold';
	src: url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/PlayfairDisplay-Bold.woff2') format('woff2'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/PlayfairDisplay-Bold.woff') format('woff'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/PlayfairDisplay-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Playfair Display';
	src: url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/PlayfairDisplay-Regular.woff2') format('woff2'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/PlayfairDisplay-Regular.woff') format('woff'), url('https://www.as-coiffure.be/smarty/wireframe09/media/fonts/PlayfairDisplay-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
	background: #faf6f3;
	color: #3d3d3d;
	font-family: 'Lora';
	font-size: 12px;
	line-height: 30px;
}
a {
	color: #e9b246;
	text-decoration: underline;
	transition: all .4s;
}
a:active, a:hover, a:focus {
	color: #e9b246;
	text-decoration: none;
}
.image-right {
	float: right;
	margin: 0 0 10px 15px;
}
.image-left {
	float: left;
	margin: 0 15px 10px 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Playfair Display-Bold';
	line-height: 1.3;
	font-weight: bold;
}
h1, .h1 {
	font-size: 36px;
}
h2, .h2 {
	font-size: 24px;
	font-weight: bold;
	color: #e9b246;
	margin: 10px 0 5px;
	line-height: 24px;
}
h3, .h3 {
	font-size: 19px;
	font-weight: bold;
	margin: 10px 0 5px;
	line-height: 19px;
}
h4, .h4 {
	font-size: 20px;
}
h5, .h5 {
	font-size: 18px;
}
h6, .h6 {
	font-size: 14px;
}
span.number-responsive {
	display: none;
}
header.top {
	position: relative;
	background-size: cover;
	padding: 10px 0;
}
div#navigation {
	position: relative;
	padding: 0 74px;
}
nav.main-nav {
	position: relative;
	z-index: 20;
	/* background: rgb(0 0 0 / 81%); */
	box-shadow: none;
	height: 77px;
}
#sticky-wrapper {
	height: 62px!important;
}
nav.main-nav a.mobile-nav {
	font-size: 27px;
	line-height: 1.5;
	margin: 10px auto 0;
	color: #e9b246;
	display: none;
}
.is-sticky nav.main-nav {
	background: rgb(250 246 243 / 93%);
	box-shadow: 0 0 32px rgb(0 0 0 / 62%);
}
.video-home {
    display: table;
    margin: 25px auto 0;
    max-width: 640px;
}
.banner {
	position: relative;
	height: 900px;
	z-index: 20;
	padding-top: 18px;
}
  
.banner .fluid_container:before {
	content: '';
	position: absolute;
	top:0px;
	bottom: 0;
	height: auto;
	/* left: 0; */
	right: 0;
	background: rgb(0 0 0 / 70%);
	z-index: 1;
	pointer-events: auto;
	width: calc(50% - 161px);
}
.logo {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	display: table;
}
.banner.small {
	height: 700px;
}
.banner .fluid_container, .banner .fluid_container #slideshow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	width: auto;
	margin-bottom: 0 !important;
}
.banner .fluid_container {
	top: 75px;
	max-width: 1706px;
	margin: 0 auto;
	box-shadow: 0 0 32px rgb(0 0 0 / 62%);
}
.banner .camera_pag {
	position: absolute;
	left: 0;
	right: 0;
	max-width: 1090px;
	margin: auto;
	bottom: 175px;
}
a#btp_id img {
	width: 138px;
}
a#btp_id {
	width: 138px;
	position: absolute;
	margin-top: -33px;
	right: 0;
}
.cta {
	position: relative;
	background: url(../images/cta.png) top center no-repeat;
	width: 100%;
	text-align: center;
	height: 221px;
	padding: 85px 0 0;
	margin-top: -64px;
}
.slogan {
	position: relative;
	max-width: 228px;
	text-align: center;
	margin: 30px auto 0;
	line-height: 43px;
}
.slogan a {
	font-family: 'Lora';
	background: url(../images/slg.png) left;
	text-decoration: none;
	color: #000000;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 43px;
	display: block;
}
.slogan a:hover {
	background-position: right;
}
.slogan a span {
 font-family: 'Lora-Bold';  
}
.slogan p {
	margin: 0;
	padding: 0;
	line-height: 43px;
}
.cta-wrapper {
	float: right;
	margin-top: 103px;
	width: 513px;
	z-index: 1;
	position: relative;
}
.banner.small .cta-wrapper {
	margin-top: 30px;
}
.banner.small .slogan {
	margin-top: 24px;
}
.banner .cta .slogan {
	color: #000000;
	line-height: 42px;
	margin-bottom: 13px;
	font-size: 42px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.banner .cta .slogan h3 {
	font-size: 18.61px;
	letter-spacing: -0.4px;
	margin: 0;
}
.banner .cta a {
	text-decoration: none;
	color: #fff189;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.txt-cta {
	letter-spacing: 2px;
	font-size: 20px;
	transition: .5s all;
	text-transform: uppercase;
	line-height: 20px;
	font-family: 'Lora';
}
span.b-cta {
	font-family: 'Lora-Bold';
}
.banner .cta .num-cta {
	font-family: 'Lora-Bold';
	font-size: 38px;
	letter-spacing: 3.3px;
	position: relative;
	line-height: 33px;
	transition: .5s all;
	display: block;
}
.banner .cta .phone-responsive {
	display : none;
}
.banner .cta a .num-cta:hover {
}
.banner .cta a:hover {
	color: #e9b246;
}
.banner .cta a:hover .txt-cta {
    letter-spacing: 0px;}
.banner .cta a:hover .num-cta {
    letter-spacing: 0px;}
.banner .camera_prev {
	left: calc(50% - 700px)!important;
	bottom: 29px!important;
	top: inherit!important;
	opacity: 1!important;
}
.banner .camera_next {
	left: calc(50% - 700px + 48px)!important;
	bottom: 29px!important;
	top: inherit!important;
	opacity: 1!important;
	right: inherit !important;
}
.camera_prev>span, .camera_next>span {
	display: block!important;
	height: 48px!important;
	width: 47px!important;
	opacity: 1;
	transition: .5s all;
	border-radius: 0;
}
.camera_prev>span {
	background: url(../images/prev.png) no-repeat top left!important;
}
.camera_prev>span:hover {
	background: url(../images/prev-h.png) no-repeat top left!important;
}
.camera_next>span {
	background: url(../images/next.png) no-repeat top right!important;
}
.camera_next, .camera_prev {
	height: 48px!important;
	width: 47px!important;
	border-radius: 0;
	background: none !important;
}
.camera_next>span:hover {
	background: url(../images/next-h.png) no-repeat top left!important;
}
/*******/

/* *********** */
section.realisations {
	position: relative;
	overflow: hidden;
	padding: 84px 0;
	background: url(../images/bg-gallery.png) center repeat-y;
	max-width: 1704px;
	margin: 0 auto 180px;
	height: 676px;
}
section.realisations .highslide-gallery .highslideContainer a.highslide:hover {
	margin-top: 53px;
	box-shadow: 0 0 32px #00000099;
}
section.realisations .highslide-gallery .highslideContainer a.highslide:hover img {
	filter: none;
}
section.realisations .highslide-gallery .highslideContainer a.highslide:after {
	width: 0px;
	height: 0px;
	font-size: 0;
}
section.realisations p {
	font-size: 20px;
	margin: 23px 0 58px;
	text-align: center;
	line-height: 20px;
	color: #162a35;
	letter-spacing: 4px;
	text-shadow: 0 0 BLACK;
}
.wrapper-gallery {
	position: relative;
	z-index: 1;
	float: right;
	width: calc(100% - 206px);
}
.wrapper-gallery .slick-slide {
	padding: 0 17px;
}
.wrapper-gallery .highslide-gallery {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 33px;
	display: grid;
}
.wrapper-gallery .highslide-gallery .highslideContainer {
	padding: 0;
	width: 100%;
}
section.realisations h2 {
	font-size: 33px;
	margin: 45px 0 60px;
	background: url();
	line-height: 33px;
	position: absolute;
	z-index: 5;
	color: #3a77c3;
	font-family: 'Lora';
	float: left;
	background: url(../images/bg-h2.png) top left no-repeat;
	padding: 29px 0 42px 36px;
}
section.realisations .btn-gallery {
	float: left;
	position: relative;
	background: url(../images/btn1.png) no-repeat left bottom;
	margin: 243px 0 0 39px;
}
.btn-gallery a {
	color: black;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'Lora';
	text-shadow: 0 0 currentColor;
	transition: .5s all;
}
.btn-gallery a:hover {
	color: white;
}
section.realisations h2 a span.gallery-title {
	font-size: 44px;
	line-height: 44px;
	font-family: 'Lato-Bold';
	margin-top: 6px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 12px;
}
span.gallery-title2 {
	color: white;
}
section.realisations h2 a {
	color: black;
	text-decoration: none
}
section.realisations h2 a:hover, section.realisations h2 a:hover span {
	color: white;
	text-decoration: none
}
section.realisations .holder {
	display: none;
}
section.realisations .mcePxmGallery .highslide-gallery {
	margin: 0 -35px;
}
section.realisations .mcePxmGallery .highslide-gallery .highslideContainer {
	padding: 0 35px;
}
section.realisations .mcePxmGallery .highslide-gallery .highslideContainer a.highslide {
	padding-bottom: 200px;
	border-radius: 15px;
	overflow: hidden;
}
section.realisations button.slick-next:hover, section.realisations button.slick-prev:hover {
	opacity: 0.7;
}
/* *********** */
.moretext {
	display: none;
}
a.moreless-button {
	display: table;
	padding: 0 27px;
	background: black;
	color: #e7ab3f;
	text-decoration: none;
	font-size: 15px;
	transition: .3s all ease;
	cursor: pointer;
	margin: 26px auto 0;
	line-height: 37px;
	border-radius: 18px;
	font-family: 'Lora';
	text-transform: uppercase;
	box-shadow: 0 0 24px rgb(0 0 0 / 30%);
}
a.moreless-button span {
	font-family: 'Lora-Bold';
}
a.moreless-button:hover {
	background: #e9b246;
	color: white;
}
.content-wrapper .home-grid {
	display: grid;
	grid-template-rows: 60px 1fr 79px;
	grid-template-columns: 6.825fr 98px 4.9445fr;
}
.content-wrapper .home-grid article.content {
	grid-row: 1 / 3;
	grid-column: 1 / 3;
	position: relative;
	z-index: 2;
	border:8px solid;
	border-image: linear-gradient(90deg, #e7ab3f, #f3cd63) 1;
	padding: 67px 150px 50px 110px;
	box-shadow: 0 0 24px rgb(0 0 0 / 30%);
	font-family: 'Palanquin-Light';
}
.content-wrapper .home-grid figure.home-photo {
	grid-row: 2 / 4;
	grid-column: 2 / 4;
	background: url(../images/home-photo.jpg)top left no-repeat;
	max-height: 589px;
}
.content-wrapper .contact-grid {
	display: grid;
	grid-template-columns: 3fr 3fr;
	grid-gap: 40px;
	background: linear-gradient( #1b66a2, #0a426e );
	padding: 40px 20px 20px;
	border-radius: 8px;
	margin-top: 50px;
}
.content-wrapper .contact-grid header.page-title {
	margin: 40px 0 30px;
}
article.content {
}
header.page-title {
	position: relative;
	margin-bottom: 30px;
}
header.page-title h1 {
	margin: 0;
	font-weight: normal;
	text-align: center;
	background: url(../images/puc1.png) center top no-repeat;
	padding-top: 60px;
}
header.page-title h1 span:nth-child(1) {
	font-weight: normal;
	display: block;
	font-size: 20px;
	color: black;
	position: relative;
	font-family: 'Lora';
	line-height: 20px;
	text-transform: uppercase;
}
header.page-title h1 span:nth-child(2), header.page-title h1 span:nth-child(3) {
	position: relative;
	color: #000000;
	font-size: 34px;
	line-height: 34px;
	font-family: 'Playfair Display-Bold';
}
header.page-title h1 span:nth-child(3) {
	color: #e7ab3f;
	margin-left: 6px;
}
header.page-title.NewsItemBackground {
	height: 300px;
	background: center no-repeat;
	background-size: cover;
	margin-top: 40px;
}
header.page-title.NewsItemBackground::after {
	content: none;
}
header.page-title.NewsItemBackground .title-wrapper {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 30px;
	background: #fff;
	padding: 25px;
}
header.page-title.NewsItemBackground .title-wrapper::after {
	content: '';
	position: absolute;
	left: 25px;
	bottom: 20px;
	height: 2px;
	width: 35px;
	background: #000;
	display: block;
}
.content-wrapper {
	position: relative;
	padding: 180px 0 160px;
}
.content-wrapper.intern {
	padding: 80px 0 50px;
}
article.content {
	position: relative;
	padding-bottom: 0;
	line-height: 29px;
}
/***************table****************************/
 

table.tabs {
	margin: 10px 0 20px;
	width: 100%;
	border: 0px;
}
table.tabs th {
	background: #97051c;
	color: #fff;
	padding: 4px 10px;
	width: 100%;
}
table.tabs th h2 {
	color: #fff;
	font-size: 22px;
	line-height: 22px;
	margin: 10px;
	text-align: left;
}
table.tabs td {
	color: #000;
	padding: 7px 10px 5px;
	text-shadow: 0 0 BLACK;
	letter-spacing: 1px;
}
table.tabs tr:nth-child(2n+1) {
	background: rgb(233 178 70 / 26%);
}
table.tabs tr:nth-child(2n) {
	background: rgb(233 178 94 / 15%);
}
table.tabs table tr:nth-child(2n+1), table.tabs table tr:nth-child(2n) {
	background: #fbddc8 none repeat scroll 0 0;
}
table.tabs h3 {
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	margin: 9px 0 8px;
}
.lien-ancre {
	background: #2d83b3;
	color: #fff;
	float: left;
	margin: 0 5px 5px 0;
	padding: 6px 16px;
	text-decoration: none;
}
.lien-ancre:hover {
	background: #215a87;
	color: #fff !important;
	text-decoration: none !important;
}
article.content p {
	margin-bottom: 0;
	letter-spacing: 2px;
	text-shadow: 0 0 currentColor;
}
article.content ul {
	padding-left: 15px;
	letter-spacing: 2px;
	text-shadow: 0 0 currentColor;
}
article.content ul li {
	position: relative;
	list-style: none;
	padding-left: 24px;
	background: url(../images/list-icon01.png) left top 4px no-repeat;
}
article.content ul ul li {
	padding-left: 20px;
}
article.content ul ul li::before {
	content: '\f111';
	font-size: .7em;
	top: 3px;
	color: #f8a812;
}
article.content .table-style {
	position: relative;
}
article.content .table-style th {
	background: #f2f2f2;
}
article.content .table-style th, article.content .table-style td {
	border: 1px solid #ccc;
	padding: 2px 5px;
}
article.content #news-boxes {
	position: relative;
}
article.content #news-boxes figure {
	position: relative;
	height: 300px;
	margin-bottom: 30px;
}
article.content #news-boxes figure .photo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #f8f0e5 center no-repeat;
	background-size: cover;
}
article.content #news-boxes figure .photo.nophoto {
	background-image: url(../images/logo-de-pint.png);
	background-size: auto;
}
article.content #news-boxes figure figcaption {
	position: absolute;
	left: 30px;
	right: 30px;
	top: 30px;
	bottom: 30px;
	background: #fff;
	padding: 25px;
	transition: all .4s, background .8s;
}
article.content #news-boxes figure:hover figcaption {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(51,44,41,.5);
}
article.content #news-boxes figure figcaption h3 {
	margin: 0 0 10px;
	color: #332c29;
	transition: opacity .8s, color .8s;
}
article.content #news-boxes figure:hover figcaption h3 {
	opacity: .85;
	color: #fff;
}
article.content #news-boxes figure figcaption p {
	transition: opacity .4s;
}
article.content #news-boxes figure:hover figcaption p {
	opacity: 0;
}
article.content #news-boxes figure a.link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
article.content ul.menu-list {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
article.content ul.menu-list::after {
	content: '';
	display: block;
	clear: both;
}
article.content ul.menu-list > li {
	position: relative;
	width: 70%;
	margin: 0 auto;
	padding: 10px 0;
	list-style: none;
	background: none;
}
article.content ul.menu-list > li::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30%;
	border-bottom: 2px dotted rgba(248,168,18,.5);
}
article.content ul.menu-list > li em {
	position: relative;
	font-style: normal;
	background: #fff;
	padding-right: 10px;
	display: inline-block;
}
article.content ul.menu-list > li strong {
	position: relative;
	float: right;
	background: #fff;
	padding-left: 10px;
	display: inline-block;
	color: #000;
	font-size: 16px;
}
#lien a {
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 12;
	text-decoration: none;
}
/*********************/
 
 
.grid-services {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 67px;
	background: url(../images/bg-boxes.png) top center no-repeat;
	padding: 38px 58px 0;
	margin-top: 165px;
}
.services {
	position: relative;
}
.services h3 {
	font-size: 51px;
	line-height: 51px;
	color: #e7ab3f;
	position: relative;
	margin: -46px 0 0 106px;
	font-family: 'Gaston Villa';
	font-weight: normal;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.services h2 {
	font-size: 40px;
	line-height: 40px;
	color: #000000;
	position: relative;
	margin: 0px 0 33px;
	font-family: 'Playfair Display-Bold';
	text-transform: uppercase;
	background: url(../images/puc1.png) top left no-repeat;
	padding-top: 60px;
	transition: .5s all;
}
.services:hover h3 {
}
.services:hover h2 {
	color: #e7ab3f;
	background-image: url(../images/puc2.png);
}
/*********************/

.box {
	grid-template-columns: 0 auto 304px 1fr;
	grid-gap: 0;
	display: grid;
	position: relative;
	width: 100%;
	padding-bottom: 0px;
	min-height: 601px;
}
section.boxes {
	max-width: 1706px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.box01::after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	width: calc(50% - 128px);
	background-size: cover;
}
.box01 .bx {
}
.box01 .bx-img {
	position: relative;
	float: left;
}
.box .bx-txt {
	position: relative;
	margin-top: 110px;
	transition: .4s all;
	grid-column: 4 / 4;
}
.box .photo-box:before {
	position: absolute;
	content: '';
	right: 0;
	width: auto;
	height: 0;
	transition: .4s all;
	background: #00000073;
	top: 0;
	z-index: 1;
	left: 0;
}
.box:hover .photo-box:before {
	height: 100%;
}
.box .photo-box {
	position: relative;
}
.box:before {
	position : absolute;
	content: '';
	bottom: 85px;
	right: 50%;
	width: 100%;
	height: auto;
	transition: .4s all;
	background: black;
	top: 80px;
	z-index: -1;
}
.box .bx-txt h3 {
	font-size: 48px;
	color: #000;
	margin: 0 0 14px;
	background: url(../images/puc2.png) left top no-repeat;
	padding-top: 58px;
	line-height: 48px;
	position: relative;
	font-family: 'Playfair Display-Bold';
	transition: .4s all;
	text-transform: uppercase;
}
.box .bx-txt h4 {
	color: #4e4e4e;
	font-size: 17px;
	font-family: 'Lora';
	margin: 0 0 40px;
	font-weight: normal;
	letter-spacing: 8px;
}
.box:hover .bx-txt h3 {
	color: #e9b246;
}
.box .bx-txt p {
	font-size: 12px;
	letter-spacing: 2.2px;
	font-family: 'Palanquin-Light';
	line-height: 30px;
	text-align: justify;
	text-shadow: 0 0 BLACK;
	margin: 0;
}
.box .bx-txt .btn-b {
	display: table;
	padding: 0 27px;
	color: #030303;
	text-decoration: none;
	font-size: 15px;
	transition: .3s all ease;
	cursor: pointer;
	margin: 50px 0 0;
	line-height: 45px;
	border-radius: 18px;
	font-family: 'Lora';
	text-transform: uppercase;
	box-shadow: 1px 2px 6px rgb(0 0 0 / 41%);
	border: 2px solid #e8af43;
	border-radius: 24px;
	width: 134px;
}
.box:hover .bx-txt .btn-b {
	color: #030303;
	background: #e8af43;
}
.btn-b span {
	font-family: 'Lora-bold';
}
/******************/
.box02:before {
	bottom: 85px;
	left: 50%;
	top: 80px;
	background: url(../images/bg-box.png) center;
	border: 1px solid #fff189;
	right: inherit;
}
.box02 {
	grid-template-columns: 0 1fr 304px auto;
	margin: 222px 0 155px;
}
.box02 .bx-txt:before {
	position : absolute;
	content: '';
	bottom: -10px;
	right: 0;
	width: 30px;
	height: 30px;
	transition: .4s all;
}
.box02 .bx-txt:hover {
}
.box02 .bx-txt:hover:before {
	background-position: bottom
}
.box02:after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	width: calc(50% + 128px);
}
.box02 .bx {
	position: relative;
	max-width: 260px;
}
.box02 .bx-txt {
 
	grid-column: 2 /3;
}
.box02 .photo-box {
	grid-column: 4 / 4
}
 
 
 
/*.box02   .bx-txt:hover p {color:#fff;}*/

/*****************/
 

 
.footerSlideButton1 {
	color: #333651;
}
footer.bottom {
	position: relative;
	height: 718px;
	max-width: 1704px;
	margin: 0 auto;
}
.ouvertures {
	position: relative;
}
div#openingTimesBlock {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 15px;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 36px;
	color: #e7ab3f;
	text-shadow: none;
	letter-spacing: 0;
	margin-top: 34px;
}
.openingLine {
	border: 1px solid rgb(232 175 67 / 50%);
	text-align: center;
	font-family: 'Lora';
	border-radius: 19px;
}
span.openingDay {
	font-family: 'Lora-Bold';
	margin-right: 7px;
}
footer.bottom .googlemaps {
	box-shadow: 0 0 24px rgb(0 0 0 / 30%);
	position: absolute;
	left: 0;
	right: 0;
	top: 208px;
	bottom: 0;
	overflow: hidden;
	filter: grayscale(50%);
}
footer.bottom .googlemaps .box_googlemapsv2 {
	filter: invert(1) grayscale(1);
	position: absolute;
	left: 0;
	width: 100%;
	top: -200px;
	bottom: -200px;
	height: auto!important;
}
footer.bottom .googlemaps .box_googlemapsv2 iframe {
	margin: 0!important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
}
footer.bottom .adresse {
	position: relative;
	font-size: 16px;
	color: #faf6f3;
	line-height: 30px;
	background: #000000;
	padding: 40px 190px 37px;
	width: 100%;
	max-width: 100%;
}
.map {
	background: url(../images/map.png) top left no-repeat;
	padding-top: 54px;
	margin-top: 57px;
}
.tel {
	background: url(../images/tel.png) top left no-repeat;
	padding-top: 54px;
	margin-top: 57px;
}
.tel p {
	line-height: 19px;
}
.coord {
	display : flex;
	justify-content: space-between;
	padding: 0 41px;
}
footer.bottom .adresse h2 {
	position: relative;
	margin: 0;
}
footer.bottom .adresse h3 {
	position: relative;
	margin: 0 0 22px 0;
	font-family: 'Playfair Display';
	font-size: 20px;
	text-shadow: none;
	letter-spacing: 4.5px;
	line-height: inherit;
	color: #faf6f3;
	font-weight: normal;
	text-transform: uppercase;
}
footer.bottom span.adr {
	/* position: relative; */
	display: inline-block;/* line-height: 18px; *//* font-size: 16px; *//* text-shadow: none; */
	/* font-weight: normal; */
	/* letter-spacing: 2px; */
}
footer.bottom span.tel {
	/* position: relative; */
	display: inline-block;
	/* text-shadow: none; */
	/* font-weight: normal; */
 
	margin: 21px 0 0;
}
footer.bottom span.infos {
	position: relative;
	display: block;
	margin-top: 20px;
}
footer.bottom .adresse h2 {
	font-size: 20px;
	color: #fff;
	margin: 0 0 40px 0;
	position: relative;
	padding-bottom: 3px;
	text-shadow: none;
	line-height: 20px;
	letter-spacing: 2px;
}
footer.bottom .adresse .logo-footer {
	margin-bottom: 0;
}
footer.bottom .adresse a {
	color: #e9b246;
	text-decoration: none;
}
footer.bottom .adresse a:hover {
	text-decoration: underline;
}
footer.bottom .adresse .phone-responsive {
	display : none;
}
.googlemaps_v2 label.modal-label {
	cursor: pointer;
	font-weight: 400;
	text-decoration: underline;
	margin: 0;
	color: #e9b246!important;
	text-shadow: 0 0 currentColor;
}
.googlemaps_v2 label.modal-label:hover {
	cursor: pointer;
	font-weight: 400;
	text-decoration: none;
	margin: 0;/* color: #000!important; */
}
#scrollUp {
	bottom: 32px;
	right: 13px;
	padding: 8px 15px;
	background: #e9b246;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	transition: background .4s, color .4s;
}
#scrollUp:hover {
	background: rgb(0 0 0 / 72%);
}
div.cc-cookies {
	width: 100%;
	background: #f8a812;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	background: rgba(0,0,0,.2) !important;
	color: #fff !important;
	margin: 0 10px;
}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
	background: #333 !important;
	color: #fff !important;
}
.formError, .formError *, #fancybox-wrap, #fancybox-wrap * {
	box-sizing: content-box;
}
div#_atssh {
	bottom: 0;
}
/*****************/
.container {
	width: 1430px;
}
 @media only screen and (max-width : 1430px) {
.container {
	width: 100%;
}
.banner .camera_prev {
	left: 15px!important;
}
.banner .camera_next {
left: 63px!important;
}
}
 @media only screen and (max-width : 1280px) {
.banner .fluid_container:before  {
	width: calc(50% - 100px);
}
.box02 {
	grid-template-columns: 0 1fr 204px auto;
	margin: 150px 0 100px;
}
.box {
	grid-template-columns: 0 auto 204px 1fr;
}
.box .bx-txt h4 {
	letter-spacing: 5px;
}
div#navigation {
	padding: 0;
}
.coord {
	padding: 0;
}.box .bx-txt h3 {
    font-size: 39px;
  
    line-height: 39px;
   
}
}
 @media only screen and (max-width : 1200px) {
.banner .fluid_container:before  {
	width: 46%;
}.box .bx-txt h3 {
    font-size: 35px;
    line-height: 35px;
}.box .bx-txt h4 {
    letter-spacing: 3px;
}header.page-title h1 span:nth-child(2), header.page-title h1 span:nth-child(3) {
   
    font-size: 29px;
    line-height: 29px;
    
}section.realisations {
 margin: 0 auto 80px;
 height: auto;
}
.content-wrapper .home-grid article.content {
	padding: 40px 120px 50px 20px;
}
footer.bottom .adresse {
	padding: 40px 70px 37px;
}
.content-wrapper {
	padding: 80px 0;
}
}
 @media only screen and (max-width : 1024px) {
.banner .fluid_container:before  {
	width: 54%;
}.grid-services {
 
    margin-top: 50px;
}
.content-wrapper .home-grid {
	grid-template-rows: 60px 1fr 0;
}
footer.bottom .adresse {
	padding: 40px 15px 37px;
}
.box02 {
	grid-template-columns: 0 1fr 54px auto;
	margin: 150px 0 100px;
}
.box {
	grid-template-columns: 0 auto 54px 1fr;
}
 
.services {
	align-self: center;
	justify-self: center;
}
.grid-services {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
	background: none
}
}
@media only screen and (max-width : 992px) {
.cta-wrapper {
	float: inherit;
	margin-left: auto;
	margin-right: auto;
}
.banner .fluid_container:before  {
	width: 540px;
	right: calc(50% - 270px);
}
.content-wrapper .home-grid {
	display: block;
}
.content-wrapper .home-grid article.content {
	padding: 40px 15px;
}
.content-wrapper .home-grid figure.home-photo {
	background: url(../images/home-photo.jpg) top center no-repeat;
	margin: 50px auto 0;
	height: 589px;
}
section.realisations h2 {
	float: inherit;
	margin: 0 auto 30px;
	position: relative;
	display: table;
}
section.realisations .btn-gallery {
	float: inherit;
	margin: 0px auto 20px;
	display: table;
}
.wrapper-gallery {
	float: inherit;
	width: 100%;
}
section.realisations {
	padding: 50px 0;
 
	height: auto;
}
.box:before {
	width: 0;
	height: 0
}
.box {
	display: table;
	text-align: center;
	height: auto;
}
.box .bx-txt h3 {
	width: auto;
	display: table;
	margin: 0 auto 14px;
}
.box .bx-txt {
	    margin: 50px auto 0;
    max-width: 536px;
}
.box02 {
	margin: 30px 0 60px;
}
.box02 .bx-txt {
	margin-bottom: 30px;
}
.box .bx-txt p {
	text-align: center;
}
.box .bx-txt .btn-b {
	margin: 30px auto 0;
}
}
@media only screen and (max-width : 900px) {
.cta-wrapper, .banner.small .cta-wrapper {
	margin-top: 30px;
}
.banner.small .slogan, .slogan {
	margin-top: 24px;
}
footer.bottom .adresse .phone-responsive {
	display: inline-block;
}
nav.main-nav {
	height: 60px;
}
.banner {
	padding-top: 0;
}
.banner .fluid_container  {
	top: 60px;
}
.banner .cta .phone-responsive {
	display: inline-block;
}
.banner .cta .phone {
	display: none;
}
footer.bottom .adresse .phone {
	display: none;
}
footer.bottom .adresse {
	text-align: center;
    padding: 23px 15px;
}
footer.bottom .googlemaps .box_googlemapsv2 {
	width: 100%;
	height: auto!important;
	clip-path: inherit;
}
span.number {
	display: none;
}
span.number-responsive {
	display: inline-block;
}
nav.main-nav {
	text-align: center;
}
nav.main-nav #navigation {
	display: none;
}
nav.main-nav a.mobile-nav {
	display: inline-block;
}
.banner, .banner.small {
	height: 680px;
}div#openingTimesBlock {
    
  grid-template-columns: repeat(3, 1fr);
 
}.coord {
 
    display: block;
}.tel, .map {
 
    background-position: top center;    margin: 30px auto;
}
span.openingDay {
   
    margin-right: 3px;
}.wrapper-gallery .highslide-gallery {
     grid-gap: 10px;
    
}footer.bottom {
    
    height: 1200px;
   
}footer.bottom .googlemaps {
   
    top: 800px;
   
}
}
@media only screen and (max-width : 640px) {.cta {
     
    background: url(../images/cta.png) bottom center no-repeat;
   
    text-align: center;
    height: auto;
    padding: 0 0 49px 0;
    margin: 35px auto 0;
    background-size: 427px;
   
}
.cta-wrapper {
  
    width: 290px;
   
}.banner .fluid_container:before {
    width: 290px;
    right: calc(50% - 145px);
    bottom: 90px;
 
}img {
     max-width: 100%;
    height: auto;
}.banner .camera_next {
    left: calc(50% + 2px)!important;
}.banner .camera_prev {
    left: calc(50% - 47px)!important;
}
.logo {
  
    width: 260px;
}.banner, .banner.small {
    height: 720px;
}.grid-services {
    grid-template-columns: repeat(1, 1fr); padding: 38px 0px 0;
  
}
}
@media only screen and (max-width : 480px) {
article.content p {
	text-align: inherit!important;
}
 
 div#openingTimesBlock {
    grid-template-columns: repeat(2, 1fr);
}header.page-title h1 span:nth-child(2), header.page-title h1 span:nth-child(3) {
  
    font-size: 25px;
    line-height: 25px;
 
}.wrapper-gallery .highslide-gallery {
    grid-template-columns: repeat(1, 1fr);
   
}
}
@media only screen and (max-width : 414px) {.box .bx-txt h3 {
    font-size: 24px;
    line-height: 24px;
}.box .bx-txt h4 {
    letter-spacing: 1px;
    font-size: 16px;
}div#openingTimesBlock {
    grid-template-columns: repeat(1, 1fr);
}
 
}
@media only screen and (max-width : 375px) {
 
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
#navigation .sf-menu, #navigation .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation .sf-menu {
	display: flex;/*! border: 1px solid #fff; */
}
#navigation .sf-menu li {
	position: relative;
}
#navigation .sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
#navigation .sf-menu > li {
	float: left;
}
#navigation .sf-menu li:hover > ul, #navigation .sf-menu li.sfHover > ul {
	display: block;
}
#navigation .sf-menu a {
	display: block;
	position: relative;
}
#navigation .sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*** DEMO SKIN ***/
#navigation .sf-menu ul {
	/* box-shadow: 0px 2px 5px rgba(0,0,0,.2); */
	right: 0;
	background: rgb(250 246 243 / 90%);
}
#navigation .sf-menu a {
	background: transparent;
	color: #000000;
	text-decoration: none;
	font-size: 13px;
	height: 77px;
	font-family: 'Lora';
	text-transform: uppercase;
	text-align: center;
	position : relative;
	letter-spacing: 2px;
	border: 5px solid transparent;
	text-shadow: 0 0 currentColor;
	line-height: 22px;
	padding-top: 6px;
}
#navigation .sf-menu ul li a {
	background: transparent;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	line-height: 22px;
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
	position : relative;
	letter-spacing: 1px;
	height: auto;
}
#navigation .sf-menu ul a:before {
	display : none;
}
#navigation .sf-menu a:before {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin: -10px;
	border-radius: inherit;/* background: linear-gradient(230.46deg, #5F5FF3 -2.98%, #B67DFF 68.14%, #FF83CD 104.54%); */
}
#navigation .sf-menu li {
/* white-space: nowrap; */
 
}
#navigation .sf-menu > li {
	/* border-right: 1px solid #e5e5e5; */
	flex: 1 1 auto;
}
#navigation .sf-menu > li:last-child {
	background: transparent;
	padding-right: 0px;
	margin-right: -1px;
}
#navigation .sf-menu ul li {
	background: rgba(0,0,0,.85);
	border-top: 1px solid #e5e5e5;
	background: transparent;
	padding-right: 0;
}
#navigation .sf-menu ul li:first-child {
	border: none;
}
#navigation .sf-menu li a:hover, #navigation .sf-menu li.sfHover > a, #navigation .sf-menu li.active > a, #navigation .sf-menu li.selected > a {
	/*! background: #fff ; */
	color: #e7ab3f;
	border-color: #f3cc62;
	border: 5px solid;
	border-image: linear-gradient(90deg, #e7ab3f, #f3cd63) 1;
	box-shadow: 0 0 24px rgb(0 0 0 / 30%);
}
#navigation .sf-menu li a:hover:before, #navigation .sf-menu li.sfHover > a:before, #navigation .sf-menu li.active > a:before, #navigation .sf-menu li.selected > a:before {
	opacity: 1;
}
#navigation .sf-menu li a:hover:after, #navigation .sf-menu li.sfHover > a:after, #navigation .sf-menu li.active > a:after, #navigation .sf-menu li.selected > a:after {
	border-top-color: #f3cc62;
}
/* styling for both css and generated arrows */
#navigation .sf-arrows .sf-with-ul::after {
	content: '';
	position: absolute;
	top: 39%;
	right: 50%;
	margin-top: 10px;
	height: 0;
	width: 0;
	border: 4px solid transparent;
	border-top-color: #000000;
	transition: border-color .4s;
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #fff;
}
.btn-agree:hover, .btn-params:hover {
	background: #e9b246!important;
	color: #fff;
	filter: saturate(2);
}
.btn-agree, .btn-params {
	background: #e9b246!important;
	color: #fff;
}
 @media only screen and (max-width : 1024px) {
#navigation .sf-menu a {
	font-size: 12px;
	letter-spacing: 1px;
}
}