/*
Wireframe: 20
Version: 2.0
Update: 2019.07.30
*/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
    ## Superfish
    ## Mobile navigation
--------------------------------------------------*/

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
    font-family: 'robotolight';
    src: url('https://www.annejacquesnaturopathie.be/smarty/wireframe20/media/fonts/roboto-light-webfont.woff2') format('woff2'),
         url('https://www.annejacquesnaturopathie.be/smarty/wireframe20/media/fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Outfit';
    src: url('https://www.annejacquesnaturopathie.be/smarty/wireframe20/media/fonts/Outfit-Light.woff2') format('woff2'),
        url('https://www.annejacquesnaturopathie.be/smarty/wireframe20/media/fonts/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lovelylife';
    src: url('https://www.annejacquesnaturopathie.be/smarty/wireframe20/media/fonts/Lovelylife.woff2') format('woff2'),
        url('https://www.annejacquesnaturopathie.be/smarty/wireframe20/media/fonts/Lovelylife.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Renogare Soft';
    src: url('https://www.annejacquesnaturopathie.be/smarty/wireframe20/media/fonts/RenogareSoft-Regular.woff2') format('woff2'),
        url('https://www.annejacquesnaturopathie.be/smarty/wireframe20/media/fonts/RenogareSoft-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
    background: #f6f6f6;
    color: #514a45;
    /* font-family: "Exo 2", Arial, "Helvetica Neue", Helvetica, sans-serif; */
    font-size: 15px;
    line-height: 1.6em;
/* font-family: 'Jost-light'; */font-family: 'robotolight';}
a {
    color: #eca780;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #eca780;
    text-decoration: none;
}
 
.red {
    color: #ff6d6d;
}
.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
 #lien {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
	right: 0;
       z-index: 12;
   
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.35em;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
}
h1, .h1 {
    font-size: 40px;
}
h2, .h2 {

 
    font-size: 17px;
    color: #b57864;
    text-transform: uppercase;
  
    font-family: 'Renogare Soft';}
h3, .h3 {
    font-size: 17px;
font-family: 'Renogare Soft';color: #c9a68d;}
h4, .h4 {
    font-size: 25px;
}
h5, .h5 {
    font-size: 19px;
}
h6, .h6 {
    font-size: 16px;
}

hr {
	border-color: #e5e5e5;
}

nav.main-nav {
    position: relative;
    z-index: 100;
    height: 64px;
    /* background: rgba(255,255,255,0); */
    box-shadow: none;
    transition: background .4s, box-shadow .4s;
/* margin-top: 50px; */padding-top: 42px;}
.is-sticky nav.main-nav {
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    z-index: 100;
padding-block: 19px;}
nav.main-nav .nav-wrapper {
    /* display: grid; */
    /* grid-template-columns: auto auto; */
/* margin-top: 42px; */}
nav.main-nav .sf-menu {
    /* text-align: center; */
    /* align-self: center; */
    /* width: 90%; */
display: flex;padding-left: 29px;}
nav.main-nav .mobile-nav {
    display: none;
    text-align: right;
    align-self: center;
}
nav.main-nav .mobile-nav a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #222;
    line-height: 40px;
    font-size: 24px;
}
nav.main-nav .mobile-nav i.fa {
    background: #c9a68d;
    text-align: center;
    color: #fff;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
}
nav.main-nav .logo {
    position: relative;
    height: 85px;
}
nav.main-nav .logo img.small {
    margin-top: 20px;
    transform: translateY(-200%);
    transition: transform .4s;
}
nav.main-nav .logo img.big {
    position: absolute;
    top: 50px;
    visibility: visible;
    opacity: 1;
    transition: opacity .4s, visibility 0s linear 0s, top .4s;
}
.is-sticky nav.main-nav .logo {
    position: relative;
}
.is-sticky nav.main-nav .logo img.small {
    visibility: visible;
    transform: translateY(0%);
}
.is-sticky nav.main-nav .logo img.big {
    visibility: hidden;
    opacity: 0;
    top: -50px;
    transition: opacity .4s, visibility 0s linear .4s, top .4s;
}

header.top {
    position: relative;
    height: 750px;
    background: url(../images/bgheader.jpg) top center no-repeat;
/* box-shadow: 0px 3px 54px 0px rgba(0, 0, 0, 0.29); */}
header.top:before {
    position:absolute;
    content:'';
    bottom:0;
    top:0;
    right:0;
    width: 60.1%;
    
background: url(../images/bgbanner.jpg) left bottom no-repeat;display: none;}
header.top:after {
    position:absolute;
    content:'';
    bottom:0;
    height:215px;
    left:0;
    width: 0;
    
background: url(../images/bg-cta.jpg) right bottom no-repeat;display: none;}
header.top.big {
    height: 774px;
}
header.top.small {
    height: 85px;
}
header.top .container {
    position: relative;
    height: 100%;
    z-index: 10;
}
header.top .logo {
      margin-top: 102px;
    margin-left: 149px;
    z-index: 1;
/* display: table; */}
header.top.big .slogan {
    font-size: 50px;
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
header.top.small .slogan {
}
header.top:not(.big) .slogan br {
    display: none;
}
header.top .slogan p {
    margin: 0;
}
header.top .slogan a {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1;
    text-shadow: none;
    padding: 20px 40px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #ff6d6d;
    border-radius: 3px;
    box-shadow: none;
    transition: box-shadow .4s;
}
header.top:not(.big) .slogan a {
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
header.top .slogan a:hover {
    box-shadow: 0 5px 30px rgba(0,0,0,.25);
}
header.top .banner
 {
     position: absolute;
    /* left: 0; */
    right: 26px;
    top: 42px;
    bottom: 0;
    width: 634px;
    height: 634px;
    z-index: 1;
/* border: 8px solid #f6f5f5; *//* border-radius: 50%; */
    
    border-radius: 50%;
    overflow: hidden;
 }
.slogan-banner {
    font-size: 18px;
    color: #433535;
    font-family: 'Renogare Soft';
    margin-top: 98px;
    letter-spacing: -.4px;
    margin-left: 25px;
}
header.top .cta {
    position: relative;
    z-index: 1;
    margin-top: 21px;
background: url(../images/bgcta.png) top center no-repeat;padding-top: 42px;display: table;margin-left: 203px;/* padding-bottom: 91px; */width: 220px;}
header.top .cta a {
    
color: #433535;font-size: 16px;text-decoration: none;text-transform: uppercase;/* font-family: 'Louis George Cafe'; */font-family: 'Outfit';text-align: center;display: inline-block;letter-spacing: 1.5px;}
header.top .cta a:hover .num-cta {
    background: #433535;
/* color: #202c3c; */}
header.top .cta .num-cta {
    
display: inline-block;margin-left: 0;font-size: 23px;font-family: 'Louis George Cafe-bold';/* display: inline-block; */width: 218px;height: 38px;background: #eca780;border-radius: 25px;line-height: 44px;color: #ffffff;font-family: 'Renogare Soft';letter-spacing: -.3px;}
header.top .banner:before
 {
     position:absolute;
     content:'';
     /* bottom: 0px; */
     /* left: -1px; */
     border: 8px solid #f6f5f5;
     border-radius:50%;    pointer-events: none;
/* width: 100%; */
/* height: 100%; */


z-index: 2;inset: -1px;box-shadow: rgb(0 0 0 / 15%) -2px -2px 30px;}
section.banner .fluid_container #slideshow .camera_pag {
	position: absolute;
	left: 0;
	right: 50px;
	bottom: 40px;
}
section.banner .fluid_container #slideshow .camera_pag .camera_pag_ul {
	text-align: center;
}
section.banner .fluid_container #slideshow .camera_pag .camera_pag_ul li {
	width: 6px;
	height: 6px;
	padding: 0px;
	margin: 2px;
	border-radius: 50%;
	background: #c9a68d;
/* border: 1px solid #fff; */}
section.banner .fluid_container #slideshow .camera_pag .camera_pag_ul li > span {
	left: 2px;
	right: 0;
	top: 2px;
	bottom: 0;
	border-radius: 50%;
	height: 5px;
	width: 5px;
background: transparent;}
section.banner .fluid_container #slideshow .camera_pag .camera_pag_ul li.cameracurrent  {
	background: #fff;
}
header.top .banner #slideshow {
       position: absolute;
    /* left: 0; */
    right: 0;
    top: 0;
    bottom: 0;
    width: 634px;
    height: 634px;
    z-index: 1;
    margin-bottom: 0 !important;
/* border: 8px solid #f6f5f5; *//* border-radius: 50%; */}
header.top .banner #slideshow img {
    /* filter: contrast(70%); */
    border-radius:50%;
/* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */}
header.top .banner #slideshow::before {
    /* content: ''; */
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: inset 0 0 200px rgba(0,0,0,1);
}
header.top .banner .NewsItemBackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: cover;
    filter: contrast(70%);
}
header.top .banner .NewsItemBackground::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: inset 0 0 200px rgba(0,0,0,1);
}

section.home-content {
    position: relative;
}
section.home-content .photo {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 35%;
}
section.home-content .photo .img-box > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}
section.home-content .photo .corner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 100%;
}
section.home-content .photo .corner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
    background: rgba(255,109,109,.8);
    */
    background: url(../images/corner-right.svg) right bottom no-repeat;
    opacity: .8;
}
section.home-content .photo .corner .signature {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-35%);
    max-width: 80%;
}

section.page-content {
    position: relative;
}
section.page-content .corner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10vw;
    height: 10vw;
    /*
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    background: rgba(255,109,109,.8);
    */
    background: url(../images/corner-left.svg) right bottom no-repeat;
    opacity: .8;
}
.img-ct {
    float: left;
    padding-left: 35px;
    padding-right: 27px;
    margin-right: 114px;
    position:relative;
padding-bottom: 31px;margin-bottom: 25px;}
.img-ct:before {
   position:absolute;
   content:'';
   left:0;
   top: -34px;
   bottom: 62px;
   /* background:#00acff; */
    width: 83%;
z-index: -1;border: 1px solid #4f2f13;border-top-left-radius: 150px;border-top-right-radius: 150px;}
.img-ct:after {
   /* position:absolute; */
   /* content:''; */
   /* right:0; */
   /* width:44px; */
   /* top: 67px; */
   /* bottom: 67px; */
   /* background:#e9e9e9; */

/* z-index: -1; */position: absolute;
    content: '';
    right: 0;
    top: 26px;
    bottom: 0;
    /* background: #00acff; */
    width: 83%;
    z-index: -1;
    border: 1px solid #4f2f13;
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;}
.img-ct img {
   max-width:100%;
   height:auto;/* box-shadow: 0px 5px 43px 0px rgba(0, 0, 0, 0.42); */
border-top-left-radius: 150px;border-top-right-radius: 150px;}
article.content {
    position: relative;
    padding: 60px 0;
}
section.home-content article.content {
      padding: 82px 0 60px;
}
section.contact-content article.content {
    padding-bottom: 0;
    color: #888;
}
article.content header.page-title {
    padding-bottom: 50px;
}
article.content header.page-title h1 {
    color: #796c63;
    margin: 0;
    /* text-transform: uppercase; */
font-size: 43px;font-family: 'Jost-light';/* text-shadow: 0px 0px 0px currentColor; */line-height: 37px;text-align: center;font-family: 'Lovelylife';}
article.content header.page-title h5 {
    margin: 0;
}
a#btp_id img {
    width: 100%;
}
a#btp_id {
   
                 width: 114px;
    float: right;
  
   
   
    position: relative;
   
   
   
margin-top: -36px;}
span.subtitle {
    font-size: 16px;
    color: #b57864;
    text-transform: uppercase;
    /* font-family: 'Louis George Cafe-bold'; */
font-family: 'Renogare Soft';letter-spacing: 5px;}
section.home-content article.content header.page-title {
    padding-top: 62px;
/* padding-left: 25px; */padding-left: 0;background: url(../images/bgh1.png) right 29% top 4px no-repeat;}
article.content header.page-title + h2 {
    margin-top: 0;
    margin-bottom: 30px;
}
article.content p {
    margin: 0 0 20px;
text-shadow: 0px 0px 0.5px #514a45;letter-spacing: 1px;}
article.content ul {
    list-style: outside disc;
    margin-left: 0;
    padding: 0;
}
article.content ul li {
    position: relative;
    left: 1em;
    margin-left: 0;
    padding-right: 0;
text-shadow: 0px 0px 0.5px #3a3a3a;list-style: none;background: url(../images/list-icon01.png) left 8px no-repeat;padding-left: 20px;}
article.content ul ul {
    list-style-type: circle;
}
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;
}
.NewsItemBackground {
    display: table;
    margin: auto 0 20px 20px;
    width: 100%;
    max-width: 500px;height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
float: right;}
article.content #AllNews {
    position: relative;
    padding-top: 30px;
}
article.content #AllNews .row {
    display: flex;
}
article.content #AllNews .row > [class*='col-'] {
    flex-direction: column;
}
article.content #AllNews .Item {
    position: relative;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 250px;
    background: rgba(255,255,255,0);
    transition: background .4s;
}
article.content #AllNews .Item:hover {
    background: #f6f6f6;
}
article.content #AllNews .Item .photo {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 250px;
}
article.content #AllNews .Item .photo img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter .4s;
}
article.content #AllNews .Item:hover .photo img {
    filter: brightness(70%) contrast(70%);
}
article.content #AllNews .Item .photo.nophoto {
    position: relative;
    height: 100%;
    background: #eee url(../images/logo-rooy-ex.png) center no-repeat;
    background-size: 50%;
    filter: grayscale(100%);
    transition: background-color .4s;
}
article.content #AllNews .Item:hover .photo.nophoto {
    background-color: #ccc;
}
article.content #AllNews .Item .photo::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 40px;
    background: #fff;
    z-index: 10;
    transition: top .4s;
}
article.content #AllNews .Item .photo::after {
    content: '';
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 1px;
    background: #fff;
    z-index: 10;
    transition: left .4s;
}
article.content #AllNews .Item:hover .photo::before {
    top: 50%;
}
article.content #AllNews .Item:hover .photo::after {
    left: 50%;
}
article.content #AllNews .Item figcaption {
    position: relative;
}
article.content #AllNews .Item figcaption h3 {
    margin: 0 0 15px;
    transition: color .4s;
}
article.content #AllNews .Item:hover figcaption h3 {
    color: #eca780;
}
article.content #AllNews .Item figcaption .button {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1;
    text-shadow: none;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #eca780;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0,0,0,.1);
    transition: box-shadow .4s;
}
article.content #AllNews .Item:hover figcaption .button {
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}
article.content #AllNews .Item a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
section.bien-etre {
     position: relative;
    /* height: 420px; */
    padding-top: 32px;margin-bottom: -52px;}
section.bien-etre:before {
     position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 45px;
    width: 18.7%;
    background: url(../images/bg-box.png) left bottom no-repeat;
}
section.bien-etre .blocs {
    
    display: flex;
    position: relative;
    gap: 25px;
    align-items: flex-start;
    justify-content: space-between;}
section.bien-etre .blocs .bloc-img {

  
    position: relative;
    
z-index: 1;margin-top: 19px;}
section.bien-etre .blocs .bloc-img:before {
    position: absolute;
    content: '';
    left: 10px;
    top: -1px;
    bottom: 0;
    background: #7b6d64;
    right: -28px;
    z-index: -1;
border-radius: 50%;}
section.bien-etre .blocs:hover .bloc-img:before {
    background:#c9a68d;
}
  section.bien-etre .blocs:hover  .bloc-text h3 {  
      color:#c9a68d;
  }
section.bien-etre .blocs .bloc-img img {
    max-width: 100%;
    height: auto;
    border-radius:50%;
}

section.bien-etre .blocs .bloc-text {
    
    padding-top: 85px;
    background: url(../images/bgh1.png) top left 49px no-repeat;}
section.bien-etre .blocs .bloc-text .box {
    
}
section.bien-etre .blocs .bloc-text h3 {
        font-size: 35px;
    color: #796c63;
    font-family: 'Lovelylife';
    margin: 0;
    letter-spacing: 3px;
}
  section.bien-etre .blocs  .bloc-text h5 {  
  font-size: 12px;
    margin: 0;
    width: 114px;
    height: 44px;
    background: #c9a68d;
    color: #ffffff;
    text-align: center;
    line-height: 44px;
    font-family: 'Renogare Soft';
    float: right;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-top: 48px;
  }
  
section.bien-etre .blocs .bloc-text p {
       color: #514a45;
    font-size: 15px;
    text-shadow: 0px 0px 0px currentColor;
    letter-spacing: 2px; 
}
section.bien-etre .blocs .bloc-text h6 {
      font-size: 12px;
    color: #b57864;
    font-family: 'Renogare Soft';
    letter-spacing: 2.5px;
    margin-top: 40px;
    margin-bottom: 0;  
}

section.newsletter {
    position: relative;
    padding: 50px 0;
    background: #f6f5f3;
}
section.newsletter h4 {
    margin: 0 0 25px;
    text-transform: uppercase;
}

section.contactform {
    position: relative;
    padding-top: 100px;
}

section.services {
    position: relative;
    background: url(../images/bgboxes.jpg) top center no-repeat;
    /* text-align: center; */
    padding: 64px 0 64px;
/* box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.35); *//* min-height: 555px; */margin-top: 25px;}

section.services h4 {
    margin: 0px 0 57px;
text-align: center;font-size: 51px;color: rgba(255,255,255,.25);text-transform: uppercase;font-family: 'Jost-black';letter-spacing: 9px;}
section.services .boxs {
    
display: flex;justify-content: space-between;/* padding-left: 54px; */}

section.services .boxs .bx {
        text-align: center;
position: relative;/* text-align: center; *//* max-width: 245px; */}

section.services .boxs .bx .bx-img {
    position:relative;
padding-right: 18px;z-index: 1;}
section.services .boxs .bx .bx-img img {
    max-width:100%;
    height:auto;
border-top-left-radius: 200px;border-top-right-radius: 200px;border-bottom-right-radius: 200px;border-bottom-left-radius: 60px;position: relative;z-index: 1;}
section.services .boxs .bx .bx-img:before {
    position:absolute;
    content:'';
/* inset: 0; */border: 4px solid #ffffff;border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 60px;right: 18px;top: 0;left: 0;bottom: -1px;z-index: 2;}
section.services .boxs .bx .bx-img:after {
   position:absolute;
    content:'';
position: absolute;
    content: '';
    /* inset: 0; */
    border: 4px solid #ffffff;
    border-top-left-radius: 200px;
    border-top-right-radius: 230px;
    border-bottom-right-radius: 215px;
    border-bottom-left-radius: 50px;
    right: 0;
    top: 0;
    left: 6px;
    bottom: -22px;/* z-index: -1; */}
  section.services .boxs .bx:hover .bx-img:after {  
    border-color:#f2e6de;
  }
section.services .boxs .bx:hover h3 {
color:#eca780;
}

section.services .boxs .bx h3 {
    
font-size: 17px;color: #282d27;text-transform: uppercase;/* font-family: 'Louis George Cafe'; */margin-top: 58px;margin-bottom: 24px;letter-spacing: 1.5px;font-family: 'Renogare Soft';text-align: center;}
section.services .boxs .bx p {
    
font-size: 15px;color: #514a45;letter-spacing: 2px;/* max-width: 80%; *//* margin: 0px auto 41px; *//* letter-spacing: 1px; */margin-bottom: 0;text-shadow: 0px 0px 0px currentColor;}

section.satisfaction {
    position: relative;
    padding: 130px 0 150px;
}
section.satisfaction h5 {
    margin: 0 0 10px;
    text-transform: uppercase;
}
section.satisfaction h3 {
    margin: 0 0 35px;
    text-transform: uppercase;
}
section.satisfaction .photo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
}
section.satisfaction .photo .img-box > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}
section.satisfaction .photo .corner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70%;
    padding-bottom: 70%;
}
section.satisfaction .photo .corner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    background: rgba(255,109,109,.8);
    */
    background: url(../images/corner-left.svg) right bottom no-repeat;
    opacity: .8;
}

section.cta {
    position: relative;
    background: #383966;
    padding: 90px 0 60px;
    color: #fff;
    text-align: center;
}
section.cta h5 {
    margin: 0 0 10px;
    text-transform: uppercase;
}
section.cta h3 {
    margin: 0 0 60px;
    text-transform: uppercase;
    color: #fff;
}
section.cta a.button {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 1;
    text-shadow: none;
    padding: 15px 50px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #ff6d6d;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0,0,0,.25);
    transition: box-shadow .4s;
}
section.cta a.button:hover {
    box-shadow: 0 5px 30px rgba(0,0,0,.5);
}
footer.bottom.intern {
   
    box-shadow: 0px 5px 38px 0px rgb(0 0 0 / 17%);
}
footer.bottom .networks_linking {
     position: relative;
    text-align: center;
    margin-top: -31px;
max-width: 100px;margin: -31px auto 0px;}
footer.bottom .networks_linking a {
  
    font-size: 20px;
    line-height: 40px;
    width: 40px;
    border-radius: 50%;
    background: transparent;
   
    margin-left: 0px;
    transition: background .4s, color .4s;
    color: #000000;
    border: 2px solid #000;
    height: 40px;  
}
footer.bottom .networks_linking a:hover {
    background:#c9a68d;
    border-color:#c9a68d;
}
footer.bottom .networks_linking a:hover:before {
    color:#c9a68d;
}
footer.bottom .networks_linking a:before {
    position:absolute;
    content:'Rejoignez-moi';
    font-size:16px;
    font-family: 'robotolight';
    
display: block;text-align: center;left: 0;top: 38px;}
footer.bottom {
    position: relative;
    padding: 115px 0 15px;
    color: #000000;
min-height: 547px;background: url(../images/bg-footer.png) top center no-repeat;font-size: 16px;/* text-shadow: 0px 0px 0px currentColor; */letter-spacing: 0;}
footer.bottom .footer-wrapper {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
align-items: flex-end;gap: 40px;}
footer.bottom .logo-footer {
  
margin-top: 46px;margin-left: 13px;}
footer.bottom .logo-footer img {
  max-width:100%;
  height:auto;
}
footer.bottom .footer-wrapper .bloc1 {
    
margin-bottom: 58px;margin-left: 22px;}
footer.bottom .footer-wrapper .bloc2 {
    
margin-bottom: 58px;}
footer.bottom .footer-wrapper .adr{
    
background: url(../images/bgadr.png) left bottom 11px no-repeat;padding-left: 28px;line-height: 23px; text-shadow:0px 0px 0px #000;}
footer.bottom .footer-wrapper .infos{
    
background: url(../images/bginfos.png) left bottom 11px no-repeat;
    padding-left: 28px;
    line-height: 23px; text-shadow:0px 0px 0px #000;}
footer.bottom h3 {
font-size: 15px;
    color: #b57864;
    font-family: 'Renogare Soft';
    margin-bottom: 29px;
    letter-spacing: 3px;margin-left: 30px;}

footer.bottom .googlemaps_v2 label.modal-label,footer.bottom a {
  color:#000;
  text-shadow:0px 0px 0px #000;
}
footer.bottom .footer-wrapper .sep-f {
        display: inline-block;
    margin-inline: 8px;
}
footer.bottom .googlemaps_v2 label.modal-label:hover,footer.bottom  a:hover {
      text-decoration:none;
}
footer.bottom .hours .containerOpening::after {
    content: '';
    display: block;
    clear: both;
}
footer.bottom .hours .containerOpening .openingLine {
    float: right;
    clear: both;
}
footer.bottom .social {
    text-align: center;
    padding-bottom: 10px;
    align-self: center;
}
footer.bottom .social nav.language {
    position: relative;
    padding-bottom: 10px;
}
footer.bottom .social nav.language a.selected {
    color: #888;
    text-decoration: none;
}
footer.bottom .social nav.language a span {
    font-size: 0;
    line-height: 0;
}
footer.bottom .social nav.language a span::before {
    font-size: 16px;
    line-height: 1;
}
footer.bottom .social nav.language a span#lang-nl::before {
    content: 'Nederlands';
}
footer.bottom .social nav.language a span#lang-fr::before {
    content: 'Français';
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b > span{
    display: none;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_email::before {
    content: "\f003";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_facebook::before {
    content: "\f09a";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_twitter::before {
    content: "\f099";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_linkedin::before {
    content: "\f0e1";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share::before {
    content: "\f0d5";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share {
    position: relative;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share #___plusone_0,
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share iframe {
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 3px!important;
    opacity: 0;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_pinterest_share::before {
    content: "\f231";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 0 0 0 15px;
    position: relative;
    z-index: 1;
    color: #888;
    text-decoration: none;
    transition: color .4s;
    float: none;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b::before {
    font-family: 'FontAwesome';
    speak: none;
    font-size: 21px;
    line-height: 30px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b:hover {
    color: #ff6d6d;
}

footer.maps {
    position: relative;
    height: 350px;
    overflow: hidden;
    background: #eee;
}
footer.maps .link label.modal-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    font-size: 0;
}
footer.maps .box_googlemapsv2 > iframe {
    position: absolute;
    width: 200vw;
    height: 550px;
    left: -50vw;
    right: -50vw;
    top: -100px;
    bottom: -100px;
    filter: grayscale(100%);
    transition: filter .4s;
}
footer.maps:hover .box_googlemapsv2 > iframe {
    filter: grayscale(35%);
}
footer.maps .corner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 330px;
    height: 330px;
    /*
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    background: rgba(255,109,109,.6);
    */
    background: url(../images/corner-left.svg) right bottom no-repeat;
    opacity: .8;
    pointer-events: none;
    z-index: 20;
    transition: background .4s, width .4s, height .4s, clip-path .4s;
}
footer.maps:hover .corner {
    /*background: rgba(255,109,109,.8);*/
    width: 80vw;
    height: 80vw;
}

.containerOpening .openingLine {
    position: relative;
    width: 250px;
}
.containerOpening .openingLine::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-bottom: 1px solid #ddd;
}
.containerOpening .openingLine::after {
    content: '';
    display: block;
    clear: both;
}
.containerOpening .openingLine .openingDay,
.containerOpening .openingLine .openingTime {
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #fff;
    width: auto;
}
.containerOpening .openingLine .openingDay {
    float: left;
    padding-right: 10px;
    text-align: left;
}
.containerOpening .openingLine .openingTime {
    float: right;
    padding-left: 10px;
    text-align: right;
}

a#scrollTopBtn {
    /* bottom: 15px; */
    /* left: 50%; */
    right: 34px;
    /* transform: translateX(-50%); */
    /* padding: 6px 15px 10px; */
    background: #eca780;
    /* border-radius: 3px; */
    /* color: #fff; */
    /* font-size: 30px; */
    /* line-height: 1; */
    /* text-decoration: none; */
    /* box-shadow: none; */
    /* transition: background .4s, box-shadow .4s; */
}
a#scrollTopBtn:hover {
    background: #f3a173;
    box-shadow: 0 5px 30px rgba(0,0,0,.5);
}
a#scrollTopBtn i.fa::before {
    content: '\f0d8';
}
a#footerSlideButton {
    color:#f3a173;
}
.img-box {
    width: 100%;
    height: 100%;
}

.phone-responsive {
    display: none;
}

.cookieinfo a.cookieinfo-close {
    border-radius: 3px !important;
    text-transform: uppercase;
    font-size: .9em;
    padding: 5px 15px !important;
}
@media (min-width: 1330px) {
.container {
    width: 1322px;
}
}
@media only screen and (max-width : 1680px) {

}
@media only screen and (max-width : 1280px) {

    .container {
        width:100%;
    }
    section.services .boxs {
  
    padding-left: 0;
}
    nav.main-nav .sf-menu {
   
    padding-left: 0;
}

header.top .logo {

    margin-left: 0;
   
}
header.top .cta {
  
    margin-left: 0;
  
}
article.content header.page-title h1 {
  
    font-size: 34px;
   
}
span.subtitle {
   
    letter-spacing: 2px;
}
.img-ct {
   
    margin-right: 60px;
  
}
footer.bottom .footer-wrapper {

    grid-template-columns: 1fr 1fr auto;
  
}
}
@media only screen and (max-width : 1024px) {
 nav.main-nav ul.sf-menu {
        display: none;
    }
  


    nav.main-nav .mobile-nav {
        display: inline-block;
        margin-left: auto;
    }
    header.top .banner #slideshow {
   
    width: 424px;
    height: 424px;
 
}
header.top .banner {
  
    right: 15px;

    width: 424px;
    height: 424px;
  
}
header.top:after {
   
    width: 100%;
  
}
footer.bottom .footer-wrapper .sep-f {

    margin-inline: 0;
}
footer.bottom .footer-wrapper .bloc1 {
  
    margin-left: 0;
}
section.services .boxs {
   
    gap: 20px;
}
nav.main-nav {
  height: auto;

}
}
@media only screen and (max-width : 992px) {
footer.bottom .footer-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: flex-end;
    gap: 25px;
}
footer.bottom {
    
    padding: 155px 0 65px;
  
}
}
@media only screen and (max-width : 850px) {
    .img-ct {
    margin-right: 50px;
    float: none;
    display: table;
        margin: 0px auto 25px;
}


header.top .cta {
    text-align: center;
    /* padding-top: 91px; */
    display: table;
    margin-left: 45px;
    /* padding-bottom: 91px; */
    margin: 170px auto 0px;
position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);}
section.services .boxs {
    padding-left: 0;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.slogan-banner {
 
   
    margin-left: 0;
    text-align: center;
position: absolute;z-index: 2;left: 50%;transform: translateX(-50%);}
section.bien-etre {
  
    margin-bottom: 35px;
}
section.bien-etre .blocs .bloc-text {
    padding-top: 85px;
    background: url(../images/bgh1.png) top center no-repeat;
    text-align: center;
}
section.bien-etre:before {
  display:none;
}
footer.bottom {

    padding: 50px 0 55px;
  
    background: #ebddd3;
   
    
}
section.bien-etre .blocs .bloc-text h5 {
  float:none;
    display: table;
    margin: 30px auto;
}
section.bien-etre .blocs {
  
    flex-direction: column;
    align-items: center;
}
footer.bottom .footer-wrapper {

    grid-template-columns: 1fr;
    align-items: center;
    gap: 30px;
    justify-items: center;
}
section.home-content article.content header.page-title {
   
 padding-left: 0; background: url(../images/bgh1.png) top center no-repeat;
  
}
footer.bottom .networks_linking {
 
    width: 100px;
    margin: 0px auto 0px;
}
footer.bottom .footer-wrapper .infos .sep-f {
    display:none;
}
footer.bottom .footer-wrapper .infos {
    background: url(../images/bginfos.png) left center no-repeat;
   
    width: 250px;
}
footer.bottom h3 {
  
    letter-spacing: 2px;
    margin-left: 0;
    text-align: center;
}

}
@media only screen and (max-width : 768px) {
    header.top .logo img {
        max-width: 100%;
        height:auto;
    }

    header.top .banner #slideshow img {
    /* filter: contrast(70%); */
    border-radius: 0;
}
section.banner .fluid_container #slideshow .camera_pag {
   
    right: 0;
    
}
.slogan-banner {
   
    width: 100%;
}
header.top .banner {
    right: 0;
    width: 100%;
    height: 330px;
    top: 358px;
}
nav.main-nav {
    
    padding-top: 25px;
}
header.top .banner:before {
   display:none;
}
header.top .logo {
    margin-left: 0;
    position: relative;
    z-index: 10;
    text-align: center;
margin-top: 0;}
header.top .banner #slideshow {
    width: 100%;
    height: 100%;
}
    .phone {
        display: none;
    }
    .phone-responsive {
        display: inline-block;
    }
    section.services h4 {
  
    letter-spacing: 0px;
}
section.entretient .blocs .bloc-text h4 {
 
    font-size: 22px;

}
section.bien-etre .blocs .bloc-img:before {
   
    right: -10px;
 
}
}
@media only screen and (max-width: 480px) {

    article.content #AllNews,
    article.content #AllNews .Item{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto;
    }
    article.content #AllNews .Item{margin-top:20px;}
    article.content #AllNews .Item .photo,
    article.content #AllNews .Item .photo.nophoto{height:200px;margin-bottom: 10px;}
    article.content #AllNews .Item .photo img{
    object-fit: cover;
    object-position: 50% 90%;
}
    
 article.content p {
    
    text-align: left !important;
}

}
@media only screen and (max-width : 375px) {
header.top .cta {
  
    margin: 200px auto 0px;
  
}
section.bien-etre .blocs .bloc-text h3 {
    
    letter-spacing: 0px;
}
section.services .boxs .bx h3 {
  
    letter-spacing: 0;
 
}
.slogan-banner {
  
    margin-top: 116px;
   
}
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	font-size: 0;
	display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu ul {
	box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	right: 0;
	text-align: center;
}
.sf-menu a {
	padding: 0px 5px 0px 5px;
	font-size: 14px;
	text-decoration: none;
	color: #282d27;
text-transform: uppercase;/* font-family: 'Jost-reg'; */text-align: center;letter-spacing: 1.5px;text-shadow: 0px 0px 0px currentColor;font-family: 'robotolight';border-radius: 25px;}
.sf-menu li {
	white-space: nowrap;
}
.sf-menu > li {
	padding: 0;
flex: 1 1 auto;padding-inline: 5px;}

.sf-menu ul li {
	background: #eee;
}
.sf-menu ul li:last-child {
    border-top:1px solid #252525;
}
.sf-menu ul li a {
	padding: 10px 10px;
border-radius: 0;}
.sf-menu li a:hover, .sf-menu li.sfHover > a,
.sf-menu li.selected > a, .sf-menu li.active > a {
	background: #c9a68d;
color: #f6f5f5;}
.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a,
.sf-menu ul li.selected > a, .sf-menu ul li.active > a {
	background: #eca780;
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul::after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: .9em;
    line-height: 1em;
	position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    transition: 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,
.sf-arrows > .selected > .sf-with-ul::after,
.sf-arrows > .active > .sf-with-ul::after {
	color: #eca780;
}

/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #252525;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.5em;
}
.mobile-menu ul ul {
	background: rgba(0,0,0,.15);
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: -5px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu li {
	padding: 5px 0;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
	left: 10px;
}
.mobile-menu a {
	padding: 0 5px;
	display: block;
	color: #fff;
	text-decoration: none;
	transition: color .4s, background .4s;
}
.mobile-menu a:hover,.mobile-menu li.selected a  {
	background:#c9a68d;
}
.mobile-menu li li a {
	padding-left: 25px;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}


.gdpr_policy {line-height: 20px;margin: 10px 0;}
.contactForm .gdpr_policy label {
    width: 90%;
    margin: -5px 0 0 20px;
}
.contactForm input.form-upload {
    width: 100%;
}
.contactForm .gdpr_policy input[type=checkbox] {
    position: absolute;
    margin-top: 5px;
}
form.contactForm .g-recaptcha{
    float: none;
}
@media only screen and (max-width : 480px) {
    .contactForm .gdpr_policy input[type=checkbox] {
        margin-top: 0px;
    }
/*submit btn*/
    .contact-submit,
    .contactForm .form-submit-button{
        width:100%;
    }
}
/*recaptcha*/
.contactForm .g-recaptcha {
    margin-bottom: 20px;
}
@media only screen and (max-width: 420px){
	.contactForm .g-recaptcha {
	    float: none;
	    margin-left: 0px;
	}
	.g-recaptcha * {
	    width: 100% !important;
	}
}