/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2018 POINT WEB
type : screen
categorie : structure site
Auteur : SERCO POINTWEB
site : 
**************************************************************************/

#bande-event{ background-color: #b0413e; color: #FFF; padding: 1em 2em; text-align: center;}
#bande-event p{ margin-bottom: 0;}
.fixed-header #headerTop {margin-top: 0 !important;}

/************* COOKIES **************/

#cookiesdirective{opacity: 0.8 !important;}
#explicitsubmit, #explicitsubmit:focus{ border: none; background: transparent; color: #FFF; margin-left:0.5em; outline:none; }
input#impliedsubmit { background-color: #FFF; color: #3e4035; border: none; border-radius: 100px; margin: 0 0 0 1em; padding: 0 0.5em; font-size: 10px;}

/************* GENERAL **************/

* {  margin: 0;  padding: 0;  outline: none;  list-style-position: inside;  }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; outline:none; }
section,article,header,footer,nav,aside {  display: block;  }
table,td,blockquote,code,pre,textarea,input,video {  max-width: 100%;  }
p, dd, ul{  word-wrap: break-word;  -webkit-hyphens: none;  -moz-hyphens: none;  -ms-hyphens: none;  -o-hyphens: none;  hyphens: none;  }
input, textarea, button {  -webkit-appearance: none;  -webkit-border-radius: 0;  }
html { font-size : 100%;}
body { position: relative; font-family: 'Poppins', sans-serif;  font-weight : 400; }
img {  border: none;  max-width: 100%; width: 100% ;height: auto;  }

a, button {  text-decoration: none;  -webkit-transition: all ease 0.2s;  -ms-transition: all ease 0.2s;  -moz-transition: all ease 0.2s;  transition: all ease 0.2s;  }
a:hover {  text-decoration: none;  }
a:focus{ outline: none;}
h1, h2, h3, h4, h5, h6{  font-weight: normal;  margin: 0;  }
.paragraphe {  font-size: 18px;  line-height: 30px; color : #999999; font-weight : 300; margin : 1em 0;}
li{ list-style-type: none;}
hr{  outline: none;  border: none; }
.clear {  clear: both;  background: none;  outline: none;  border: none; height: 1px; margin: 0;}
.separator{  display: block;  width: 100%;  height: 1px;  background: #5d5b7d;  margin:1em 0;  }

/* ScrollToTop */

#scrollToBottom, #scrollToTop{ display: none;}
#scrollToBottom a{  position: fixed;  right: 2%;  bottom: 2%;  background :#c8ad76 url("../../img/scrollbottom.png") no-repeat 10px 18px;  -webkit-border-radius: 50%;  -ms-border-radius: 50%;  border-radius: 50%;  width:50px;  height:50px;  text-indent: -9999px;  display: block;  outline: none;  color: #FFF;  text-align: center;  }
#scrollToTop a{  position: fixed;  right: 2%;  bottom: 2%;  background :#c8ad76 url("../../img/scrolltop.png") no-repeat 10px 13px;  width:50px;  height:50px;  -webkit-border-radius: 50%;  -ms-border-radius: 50%;  border-radius: 50%;  outline: none;  display: block;  text-indent: -9999px;  color: #FFF;  text-align: center; }

/* selection styling : COLOR   */

*::selection{background:#c8ad76 ;color:#ffffff;}
*::-moz-selection{background:#c8ad76 ;color:#ffffff;}
*::-webkit-selection{background:#c8ad76 ;color:#ffffff;}
*::-khtml-selection{background:#c8ad76 ;color:#ffffff;}
*::-o-selection{background:#c8ad76 ;color:#ffffff;}

/* SCROLLBAR styling : COLOR   */

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.8);}
::-webkit-scrollbar-thumb {background: #cccccc;}
::-webkit-scrollbar-button {background: #cccccc;}
::-webkit-scrollbar-corner {background: #cccccc;}

/* LOADER  */
.loader{transition:1s;position:fixed;top:50vh;left:50%;z-index:9999;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:200px;height:200px;}
.loader.load{opacity:0;}
.loader > div > div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1.5s cubic-bezier(0,0.2,0.8,1) infinite;animation:lds-ripple 1.5s cubic-bezier(0,0.2,0.8,1) infinite;}
.loader > div > div:nth-child(1){border-color:#c8ad76;}
.loader > div > div:nth-child(2){border-color:#c8ad76;-webkit-animation-delay:-0.75s;animation-delay:-0.75s;}

#app{transition:.8s;overflow:hidden;/*opacity:0;*/width:100%;height:100%;}
/*#app.load{opacity:1;}*/


/*
!* LOADER *!
@keyframes lds-ripple{
    0%{top:96px;left:96px;width:0;height:0;opacity:1;}
    100%{top:18px;left:18px;width:156px;height:156px;opacity:0;}
}
@-webkit-keyframes lds-ripple{
    0%{top:96px;left:96px;width:0;height:0;opacity:1;}
    100%{top:18px;left:18px;width:156px;height:156px;opacity:0;}
}*/

/*----------------------------------------------------< RESET BOOTSTRAP >---------------------------------------------------*/

.navbar-default {  background-color: transparent;  border-color: transparent;  }
p{ margin: 0;}

.breadcrumb{ background-color: transparent; padding: 0; margin-bottom: 2em;}
.breadcrumb li a, .breadcrumb li{ color: #ccc; font-size: 13px;}
.breadcrumb li a:hover{ text-decoration: underline;}
.breadcrumb li.active {color : #c8ad76;}
.breadcrumb>li+li:before {padding: 0 5px;color: #ccc;content: "/\00a0";
}


.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #ff7346;
    border-color: #ff7346;
}

.pagination > li > a, .pagination > li > span {  color: #ff7346;  }

.list-unstyled{  margin: 2em 0; }
.list-unstyled li{ margin-bottom: 0.2em;}
.list-unstyled li a:hover{  margin-left: 1em;  text-decoration: none;  }

/*----------------------------------------------------< Section et container >---------------------------------------------------*/


section {
    padding : 3em 0;
}

section.indexPage {
    padding : 3em 0 0 0;
}

.contentPage {padding : 170px 0 3em 0;}

.bloc {
    margin-bottom : 2em;
}

.cover {
    object-fit : cover;
}

.contain {
    object-fit : contain;
}

.page-soins .slick-dots li button{ background-color: #ccc !important;}

/*----------------------------------------------------< font ----------------------------------------------------<*/

.font-light {
    font-weight  : 300;
}

.font-regular {
    font-weight  : 400;
}

.font-medium {
    font-weight  : 500;
}

.font-semibold {
    font-weight  : 600;
}

strong, .font-bold {
    font-weight  : 700;
}

/*----------------------------------------------------< btn ----------------------------------------------------<*/
a:focus, a:hover {
    color : #c8ad76;
    text-decoration : none;
}

.btn-link {
    display : inline-block;
    color : #c8ad76;
}

a.btn-link:hover, a.btn-link:focus, a.btn-link:active {
    color : #252423;
    text-decoration : none;
}


.btn {
    padding: 0.8em 2.5em;
    margin : 1em 0;
}

.btn-primary, input[type="submit"], input[type="button"] {
    background-color : #252434;
    color :#ffffff;
    border-radius : 0;
    font-size : 0.75rem;
    text-transform : uppercase;
    font-weight : 300;
    letter-spacing : 2.5px;
    border : 1px solid #ffffff;
    overflow : hidden;
    position : relative;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color :  #ffffff;
    box-shadow : none;
    border : 1px solid  #ffffff;
    background : #252434;
}

.btn-secondary {
    background-color : #c8ad76;
    color :#ffffff !important;
    border-radius : 0;
    font-size : 0.75rem;
    text-transform : uppercase;
    font-weight : 300;
    letter-spacing : 2.5px;
    border : 1px solid #c8ad76;
    overflow : hidden;
    position : relative;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    color :  #c8ad76 !important;
    box-shadow : none;
    border : 1px solid  #ffffff;
    background : #ffffff;
}

.hvr-sweep-to-right  {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c8ad76;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*.btn-primary::before {*/
    /*content: '';*/
    /*z-index: -1;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*right: 100%;*/
    /*width : 0;*/
    /*margin: -15px 0 0 1px;*/
    /*height: 30px;*/
    /*!*border-radius: 50%;*!*/
    /*background: #c8ad76;*/
    /*-webkit-transform-origin: 100% 50%;*/
    /*transform-origin: 100% 50%;*/
    /*-webkit-transform: scale3d(1, 2, 1);*/
    /*transform: scale3d(1, 2, 1);*/
    /*-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;*/
    /*transition: all 0.3s;*/
    /*-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);*/
    /*transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);*/
/*}*/
/*.btn-primary:hover::before {*/
    /*-webkit-transform: scale3d(-1,3,1);*/
    /*transform: scale3d(-1,3,1);*/
    /*width : 100%;*/
/*}*/


/*.btn-secondary {*/
    /*cursor : pointer;*/
    /*background-color : #162133;*/
    /*color :#ffffff;*/
    /*border-radius : 0;*/
    /*font-size : 1rem;*/
    /*text-transform : uppercase;*/
    /*font-weight : 700;*/
    /*border : 1px solid #162133;*/
/*}*/


/*.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {*/
    /*background-color : #ffffff;*/
    /*color : #162133;*/
    /*border : 1px solid #162133;*/
/*}*/



/*----------------------------------------------------< Color ----------------------------------------------------<*/

.white {
    color : #ffffff;
}

.background-white {
    background-color : #ffffff;
}

.gold{
    color :  #c8ad76;
}

.background-gold {
    background-color :  #c8ad76;
}


/*----------------------------------------------------< HEADER >---------------------------------------------------*/

button:focus{ outline: none;}
h1{  color: #FFF; font-size: 0;}
/*HEADER FIXED*/
header{ width: 100%; position: fixed; z-index: 900;}
.logo img {max-width : 270px; width : 100%; -webkit-transition: all ease 0.2s;  -ms-transition: all ease 0.2s;  -moz-transition: all ease 0.2s;  transition: all ease 0.2s;}
#headerTop{ background: #252434;padding : 0.5em 0; -webkit-transition: all ease 0.2s;  -ms-transition: all ease 0.2s;  -moz-transition: all ease 0.2s;  transition: all ease 0.2s; }
#headerBottom{ background: #252434;-webkit-transition: all ease 0.2s;  -ms-transition: all ease 0.2s;  -moz-transition: all ease 0.2s;  transition: all ease 0.2s; }
.fixed-header #header{ }
.fixed-header .logo img{ width: 60%; margin : auto; display : block;}
.fixed-header #headerBottom{}
.fixed-header #menu-top{ margin-top: 1em;}
.fixed-header #headerTop{  position: relative;  margin-top:-17px;}
/*----------------------------------------------------< SLIDER >---------------------------------------------------*/

.owl-carousel {-ms-touch-action: pan-y !important;touch-action: pan-y !important;}

#slider{ position: relative; background : #252434; height : 650px; }
#slider [class*="col"]{ padding-right: 0; padding-left: 0;}
.slick-slide{ height: 550px;}
#slider .slick-img{position:absolute; opacity:1!important; width:110%;height:110%;top:-5%;left:-5%;background-size:cover;background-position:center center;}
.container-slick-img{ height: 100%; width : 855px; float: right;  overflow: hidden; position: relative; right: 0;top: 5%;}
.container-slick-content{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; max-width: 1140px; position: relative;margin-top: 14%;}
#slider .slide-content { max-width:60%;width: 100%; position: absolute;  top: 50%;  left: 0;  z-index: 200; text-align: left;  }
.owl-slider .gestion_image{ position : relative; margin-top: 35px; float : right; overflow: hidden;  text-align: center;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  height: 500px; width : 855px; }
.slider__bloc-title {position :absolute; top: 50%; transform: translateY(-50%);  z-index : 2;  width: 100%;max-width: 665px;}
.slider__title {color : #ffffff; font-size : 2rem;text-shadow: 2px 0px 0px rgba(0, 0, 0, 0.9); font-weight : 300; margin : 1em 0;}
.owl-slider button.slick-prev.slick-arrow, button.slick-next.slick-arrow {z-index : 2; cursor : pointer; font-size: 0; background: transparent; width: 45px; border: 1px solid #ffffff; border-radius: 50px;height: 45px; transition : 0.3s all ease-in-out;}
.owl-slider button.slick-prev.slick-arrow:hover, button.slick-next.slick-arrow:hover  { background: #c8ad76; border: 1px solid #c8ad76;}
.owl-slider button.slick-prev.slick-arrow {position : absolute; bottom : 30px ; right : 90px;}
.owl-slider button.slick-next.slick-arrow {position : absolute; bottom : 30px ; right : 30px;}

.owl-slider button.slick-prev.slick-arrow::after {  font-family: "Font Awesome 5 Pro";   content: "\f060"; font-size : 12px; line-height : 45px; color : #ffffff;}
.owl-slider button.slick-next.slick-arrow::after {  font-family: "Font Awesome 5 Pro";   content: "\f061"; font-size : 12px; line-height : 45px; color : #ffffff;}

@-webkit-keyframes zoomInImage {
    from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
    to {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
@keyframes zoomInImage {
    from {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
    to {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}}
.zoomInImage {-webkit-animation-name: zoomInImage; animation-name: zoomInImage;}
@-webkit-keyframes zoomOutImage {
    from {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
    to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
@keyframes zoomOutImage {
    from {-webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1);}
    to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
.zoomOutImage {-webkit-animation-name: zoomOutImage; animation-name: zoomOutImage;}


.prestation-slider .slick-slide, .perruques-slider .slick-slide{ height: auto !important;}

/*----------------------------------------------------< MENU TOP >---------------------------------------------------*/

ul.navbar-nav {
    margin : auto;
}

nav a {
    color : #cccccc;
    font-size : 1rem;
    font-weight : 300;
}

nav a:hover {
    color :  #ffffff;
}

nav li {
    margin : auto;
}

nav li:hover {
    background-color : transparent;
}
/*.dropdown-toggle::after,.dropdown-toggle:hover:after,*/

.nav-item a::after {
    content: "";  display: block;  border : 0; height: 1px;  position: relative;  left: 50%;  bottom: -5px;  width: 0;  background-color:  #c8ad76;  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav-item a:hover:after  {
    width: 100%;  left: 0
}

.sepa{color: #FFF;padding: 0.5em 1em;font-size: 0.875rem;font-weight: 300; width: 100%}
.sepa strong{ display: inline-block; width: 100%;}
.sepa i{ float: right;}
.dropdown-item-first{ padding-bottom:0.5em; color: #FFF !important;}
.drop-item-padd{ padding-left: 1.5em !important;}

.dropdown-menu {
    position : absolute;
    top : 100%;
    width : auto;
    left : 0;
    padding: 1em;
    z-index : 1000;
    margin : inherit;
    font-size : 0.7rem;
    text-align : left;
    border-radius : 0;
    background : #252434;
}

.dropdown-item  {
    color : #cccccc;
    padding : 0.5em 1em;
    font-size : 0.875rem;
    font-weight : 300;
}

.dropdown-item:hover  {
    color : #ffffff;
    background : inherit;
}

a.dropdown-item::after {
    content: "";  display: block;  border : 0; height: 1px;  position: relative;  left: 50%;  bottom: -5px;  width: 0;  background-color:  #c8ad76;  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
a.dropdown-item:hover:after  {
    width: 100%;  left: 0
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    color : #c8ad76;
    background-color : transparent;
}

.subMenu {
    display : none;
}



/*.nav-pills{  float: right;}*/
/*.nav-pills > li{ margin: 0 1.5em;}*/
/*.nav-pills > li >  a {  background-color:transparent;  color: #333; padding: 0;}*/
/*.nav-pills > li.active > a {  color: #5ec6c7;  background-color:transparent;  }*/
/*.nav-pills > li.active > a:hover, .nav-pills > li > a:hover  {  color: #f36f45;  background-color:transparent;  }*/
/*.nav-pills > li.active > a:focus, .nav-pills > li > a:focus{ background-color: transparent;}*/
/*.nav-pills > li > a {  border-radius: 0;  }*/
/*.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {  background: none !important;  border-color: transparent !important;  }*/
/*.nav-pills > li > a {  border-radius: 0;  }*/
/*.nav-pills > li >  a::after {  background-color: #28292B;  }*/
/*.nav-pills > li >  a::after {  content: "";  display: block;  height: 1px;  position: absolute;  left: 50%;  bottom: -5px;  width: 0;  background-color: #f36f45;  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  }*/
/*.nav-pills > li>  a:hover:after {  width: 100%;  left: 0  }*/
/*.dropdown-menu {  min-width: 190px;  background-color: #FFF; border-radius: 0;  box-shadow: none; }*/

/*.dropdown-menu a{ color: #333; display: block; width: 100%;  padding: 0.2em 1em;}*/
/*.dropdown-menu a:hover{ background: #333;  color: #FFF;}*/




/* MENU RESPONSIVV */

a.menu_btn { display : block; color: #FFF; text-align : right; width: 100%; }
a.menu_btn:hover {  color: #c8ad76;}

#menuResponsive {  position: fixed;  background: #252434; top: 0;  bottom: 0;  height: 100vh;  width: 100%; max-width: 100%;  right:0; transform: translateX(100%);  overflow-y: scroll;  z-index: 9999; transition:all ease 0.2s;   }
#menuResponsive.open{ transform: translateX(0); }

#menuResponsive .closeMenu {  display: block;  background: #ffffff ; width: 100%;  color: #252423;  font-size: 12px;  font-weight: 300; text-transform: uppercase;  padding:2em 1em;}
#menuResponsive .closeMenu:hover{ background:#252434; color :#ffffff;}

#menuResponsive ul.startMenu li a {
    position: relative;
    font-weight : 400;
    color: #182029;
    padding: 1em;
    font-size: 1rem;
    width: 100%;
    display: block;
    color : #ffffff;
}

ul.startMenu {
    text-align : center;
}

#menuResponsive ul.startMenu li a i{ margin-right: 0.5em;}

#menuResponsive ul.startMenu li ul li{ color: #FFF;}
#menuResponsive ul.startMenu li ul li.active a{ color: #ccc; text-decoration: underline;}

#menuResponsive ul.startMenu li ul li a {
    width: 100%;
    display: block;
    line-height: 1.5;
    font-weight: 400;
    font-size: 13px;
    color: #999;
    border: 0;
}
.startMenu .subMenu{ padding: 0.8em 0 2em 0;}
.startMenu .subSubMenu{ padding: 0;}
.startMenu .subSubMenu li a{ font-weight: 300 !important; color: #e984c8 !important; text-transform: none !important;}
.startMenu .subSubMenu li a:hover, .startMenu .subSubMenu li a.active{ color: #FFF !important; background: none; border: 0 !important;}

#menuResponsive ul.startMenu li ul li a:hover,
#menuResponsive ul.startMenu  a.toggleLiSub{  background: none!important;; border: 0!important;}


/*----------------------------------------------------< ASIDES >---------------------------------------------------*/

/*aside{ background-color: #eee; padding: 1em 0;}*/
#asideTop {margin : 2em 0;}

#asideTop [class*="col"]{ padding-right: 0; padding-left: 0;}
.asideTop-adress, .asideTop-tel {padding : 1em 0; background : #f3f3f3; color : #252434;font-weight : 300; letter-spacing : 0.2px; }
#asideTop .btn-aside {display : block; padding :  1em 0; background : #c8ad76; color : #ffffff; font-weight : 600; letter-spacing : 0.2px;}
#asideTop .btn-aside:hover {color : #ffffff; background : #252434;}
svg:not(:root).svg-inline--fa {margin-right : 0.7em; font-size : 12px;}

#asideContact {height : 360px; position : relative;}
.asideContact-background {background : url("../../img/background-aside-contact.jpg") no-repeat right center; mix-blend-mode: darken; position: absolute;  bottom : -60px;  right: -100px; height: 450px;width: 100%;display: block;}
.asideContact-content { position: relative; top: 50%; transform: translateY(-50%);}
.asideContact-tel {font-size : 2rem; color : #c8ad76; font-weight : 600;}
#asideContact .title--main { margin: 0.5em 0 0.3em 0;}

#map iframe {
    width : 100%;
    height : 360px;
    border : none;
}
/*----------------------------------------------------< general CONTENT >---------------------------------------------------*/

.important{ font-weight: 700; color: #c8ad76; font-size: 1em; margin-bottom: 1em;}

.subtitle--white {font-size : 0.75rem; padding : 0.75em; font-weight : 500; color : #252434; background : #ffffff; text-transform : uppercase; display : inline-block;}
.subtitle--white-gold {font-size : 0.75rem; padding : 0.75em; font-weight : 500; color : #c8ad76; background : #ffffff; text-transform : uppercase; display : inline-block;}
.subtitle--black {font-size : 0.75rem; padding : 0.75em; font-weight : 500; color : #ffffff; background : #252434; text-transform : uppercase; display : inline-block;}
.subtitle--transparent {font-size : 0.75rem; font-weight : 300; letter-spacing : 3.5px; color : rgba(35,35,35,0.5);  text-transform : uppercase; }
.title--main {color : #252434; font-size : 2rem; font-weight : 300; margin : 1em 0;}
.col-sublimo .title--main{ margin-top: 0;}
.title--main--white {color : #ffffff; font-size : 2rem; font-weight : 300; margin : 1em 0;}
.imgToLightBox {display : block; transition : 0.3s all ease-in-out;}
.imgToLightBox:hover {transform :scale(1.05); -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:    1px 1px 10px 0px rgba(0, 0, 0, 0.3); box-shadow:         1px 1px 10px 0px rgba(0, 0, 0, 0.3);}

.presentation {margin : 4em auto;}
.prestation {padding : 4em 0; background : #c8ad76 url("../../img/prestation-background.jpg") no-repeat center; background-size : cover; text-align : center; }
.prestation-slider .item {margin : 2.5em; transition : 0.3s all ease-in-out;}
.prestation-slider .item:hover {opacity : 0.8; transform : scale(1.05);}
.prestation-slider img {margin-bottom : 2em;}
.prestation-slider .gestion_image { overflow: hidden;  text-align: center;  background-position: bottom center;  background-repeat: no-repeat;  height: 140px;}
.prestation-title {color : #ffffff; font-size : 1.125rem; letter-spacing : 0.2px;}
.perruquier {padding : 4em 0 0 0;}

.perruquier-slider button.slick-prev.slick-arrow,.perruquier-slider button.slick-next.slick-arrow {z-index : 2; cursor : pointer; font-size: 0; color :#252434; background: transparent; width: 45px; border: 1px solid #232e34; border-radius: 50px;height: 45px; transition : 0.3s all ease-in-out;}
.perruquier-slider button.slick-prev.slick-arrow:hover,.perruquier-slider button.slick-next.slick-arrow:hover  { color : #ffffff; background: #252434; border: 1px solid #252434;}
.perruquier-slider button.slick-prev.slick-arrow {position : absolute; bottom : 50px ; right : -120px;}
.perruquier-slider button.slick-next.slick-arrow {position : absolute; bottom : 50px ; right : -180px;}
.perruquier-slider button.slick-prev.slick-arrow:hover,.perruquier-slider button.slick-next.slick-arrow:hover .perruquier-slider button.slick-prev.slick-arrow::after,
.perruquier-slider button.slick-prev.slick-arrow:hover,.perruquier-slider button.slick-next.slick-arrow:hover .perruquier-slider button.slick-next.slick-arrow::after,
.perruquier-slider button.slick-prev.slick-arrow:hover::after, .perruquier-slider button.slick-next.slick-arrow:hover::after
{color : #ffffff;}
.perruquier-slider button.slick-prev.slick-arrow::after {  font-family: "Font Awesome 5 Pro";   content: "\f060"; font-size : 12px; line-height : 45px; color :#252434;}
.perruquier-slider button.slick-next.slick-arrow::after {  font-family: "Font Awesome 5 Pro";   content: "\f061"; font-size : 12px; line-height : 45px; color :#252434;}


.perruques {padding : 4em 0; background : #f3f3f3; text-align : center; }
.perruques-slider .item {margin : 2.5em; transition : 0.3s all ease-in-out;}
.perruques-slider .item:hover {opacity : 0.8; transform : scale(1.05);}
.perruques-slider img {margin-bottom : 2em;}
.perruques-slider .gestion_image { overflow: hidden;  text-align: center;  background-position: center;  background-repeat: no-repeat;  height: 140px;}
.perruques-title {color : #252434; font-size : 1.125rem; letter-spacing : 0.2px;}

.solidhair {padding: 4em 0;}

ul.slick-dots{margin:1em auto;text-align:center;}
.slick-dots li{display:inline-block;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;border-radius:50px;padding:5px;margin:5px;cursor:pointer;color:transparent;border:0;outline:none;background:rgba(255,255,255,0.7);}
.slick-dots .slick-active button{background:#a77f43;}
.perruques-slider .slick-dots .slick-active button{background:#ffffff;}

.parallax-window {
    min-height: 500px;
    background: transparent;
}

.fa-li {position : relative; margin-right : 0.5em; left : 0;}

.contentPage .paragraphe {font-size : 1rem; line-height : 26px;}

.bloc-blockquote {padding : 1.5em 0; margin : 2em 0; background :#f3f3f3;}
.blockquote { font-weight : 300; color :  #252423; font-size : 1.125rem;}

.page-soins .owl-carousel .owl-stage {display: flex; align-items: center;}
.page-soins .owl-carousel.owl-drag .owl-item {height: 300px;}
.page-soins .owl-carousel.owl-drag .owl-item > div {height: 100%; margin: 0 5px;}
.page-soins .owl-carousel.owl-drag .owl-item > div img {height: 100%; object-fit: contain;}
.page-soins .owl-theme .owl-nav.disabled + .owl-dots {margin-top: 30px;}
.col-img-cc img {height: 250px; object-fit: contain; object-position: left;}
.row-sublimo {margin-top: 30px;}
.logo-sante {width: 150px; margin: 25px 0; position: relative;}


/*IMG HOVER*/

.figure.effect-ming {cursor : pointer; margin : 1em 0; background: #232425; overflow : hidden;}
.figure.effect-ming img {opacity: 0.5;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.figure.effect-ming figcaption {position: absolute;top: 0;right: 0;left: 0;height: 100%;}
.figure-title { padding : 0 1em; color: #fff;text-align: center; font-weight: 300;text-shadow: 2px 0px 0px rgba(0, 0, 0, 0.9);}
.figure-title span {display : block; font-weight : 600;}
.figure.effect-ming figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 1px solid #fff;box-shadow: 0 0 0 30px rgba(255,255,255,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.4,1.4,1);transform: scale3d(1.4,1.4,1);}
.figure.effect-ming .figure-title {margin: 20% 0 10px 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.figure.effect-ming p {padding: 1em;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5);text-align : center;color : #ffffff;font-weight : 300;}
.figure.effect-ming:hover .figure-title {-webkit-transform: scale(0.9);transform: scale(0.9);}
.figure.effect-ming:hover figcaption::before,
.figure.effect-ming:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.figure.effect-ming:hover figcaption {background-color: rgba(37,36,52,0);}
.figure.effect-ming:hover img { transform : scale(1.05); opacity: 0.4;}
.figure a {font-size: 0;display: block;margin: auto;text-align: center;color: #ffffff;}

/*GRILLE TARIFAIRE*/

.table td, .table th {  border-top: 1px solid #f3f3f3 !important;}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.table-left {font-weight : 500; color : #999999;}
.table-right {text-align : right; font-weight : 300; color : #c8ad76;}


/*GALLERY*/

.gallery {padding  :2em 0; background-color : #f3f3f3 ;}

/*----------------------------------------------------< PRODUCTS >---------------------------------------------------*/


.productListing{ cursor: pointer; margin-bottom: 1.5em;}
    .productListing:hover h3 a{  color: #f36f45;}
    .productListing h3{ overflow: hidden;  height:55px;}
    .productListing h3 a{ color: #5ec6c7;}
    .productListing img{ border: #ccc solid 1px; display: block; margin: 1em 0;}
    .productListing .paragraphe{ overflow: hidden; height: 96px;}


    .pdc-list {display: flex; flex-wrap: wrap;}
    .pdc-item {width: 33.33%; padding: 3.64vw; text-align: center;  line-height: 1.3; position: relative;}
    .pdc-item picture {height: 300px; display: block;}
    .pdc-item img {height: 100%; width: 100%; object-fit: contain;}
    .pdc-item .text {margin-top: calc(45px + 1 * (100vw - 320px) / 1080);}
    .pdc-item .title {font-size: calc(14px + 1 * (100vw - 320px) / 1080); font-weight: 400; letter-spacing: .05rem; text-transform: uppercase; margin-bottom: 10px; line-height: 1.1;}
    .pdc-item .text {font-size: calc(11px + 1 * (100vw - 320px) / 1080); opacity: .8;}
    .pdc-item .shadow {display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0); transition: .4s ease-in-out;}
    .pdc-item .shadow:hover {background: rgba(0,0,0,.05);}

    /* SHOW */

#productShow h3{ margin-bottom: 1.5em;}

/*----------------------------------------------------< NICE PAGINATION ;) >---------------------------------------------------*/

.zui-pager { display: inline-block; margin: 1em 0 2em; }
.zui-pager--center {  text-align: center;  }
.zui-pager--right {  text-align: right;  }
.zui-pager .btn-group {  list-style-type: none;  margin: 0;  padding: 0;  display: inline-block ;}
.zui-pager .btn-group__item {  display: inline-block;  margin: 0;  padding: 0;  height: 40px;  float: left;  }
.zui-pager .btn-group__item .btn {  cursor:pointer; border-radius:0; margin: 0;  padding: 0.5em 1em;  border: 0;  font-weight: 300;  background-color: transparent;  -webkit-box-shadow: inset 0 -2px 0 0 #bbb;  box-shadow: inset 0 -2px 0 0 #bbb;  color: #bbb;  }
.zui-pager .btn-group__item .btn:hover {  -webkit-box-shadow: inset 0 -4px 0 0 #bbb;  box-shadow: inset 0 -4px 0 0 #bbb;  }
.zui-pager .btn-group__item .current {  -webkit-box-shadow: inset 0 -4px 0 0 #f36f45;  box-shadow: inset 0 -4px 0 0 #f36f45;  color: #f36f45;  font-weight: bold;  }
.zui-pager .btn-group__item .current:hover {  -webkit-box-shadow: inset 0 -4px 0 0 #f36f45;  box-shadow: inset 0 -4px 0 0 #f36f45;  cursor: default;  }
.zui-pager .btn[disabled] {  -webkit-box-shadow: inset 0 -2px 0 0 #f36f45;  box-shadow: inset 0 -2px 0 0 #f36f45;  color: #f36f45;  }
.zui-pager .btn[disabled]:hover {  -webkit-box-shadow: inset 0 -2px 0 0 #60a63b;  box-shadow: inset 0 -2px 0 0 #e6e6e6;  cursor: default;  }
.zui-pager__input {  display: inline-block;  vertical-align: top;  margin-left: 10px;  }
.zui-pager__input > input {  width: 2em;  padding: 10px;  border: 1px solid #ccc;  border-radius: 0;  line-height: 1;  }
.zui-pager .i-chevron-left,
.zui-pager .i-chevron-right {  margin: 15px;  border-style: solid;  border-color: #3a3a3a;  width: 6px;  height: 6px;  display: block;  cursor: pointer;  }
.zui-pager .i-chevron-left {  border-width: 1px 0 0 1px;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);  }
.zui-pager .i-chevron-right {  border-width: 1px 1px 0 0;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  }
.i-caret-down {  border-width: 3px;  border-style: solid;  border-color: black transparent transparent transparent;  position: absolute;  top: 18px;  right: 3px;  }
.small .btn {  position: relative;  -webkit-box-shadow: 0 0 0 transparent !important;  box-shadow: 0 0 0 transparent !important;  padding-right: 20px !important;  padding-left: 5px !important;  }
.small span:nth-of-type(1) {  font-weight: bold;  color: #739600;  }
.small span:nth-of-type(2) {  margin: 0 5px;  }
.small .select-overlay {  opacity: 0;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  }

/* SHOW */

#productShow h3{ margin-bottom: 1.5em;}

/*----------------------------------------------------< PARTNERS >---------------------------------------------------*/


.partnersListing{ cursor: pointer; margin-bottom: 1.5em;}
.partnersListing h3{ overflow: hidden;  height:55px;}

.partnersListing a.btn-link{ color: #58c5c2; display:inline-block; margin: 1em 0;}
.partnersListing:hover a{  color: #e36d3d;}

.partnersListing img{ border: #ccc solid 1px; display: block; margin: 1em 0;}
.partnersListing .paragraphe{ overflow: hidden; height: 60px;}


/*----------------------------------------------------< NEWS >---------------------------------------------------*/

.listingNews{ margin-bottom: 2em; cursor: pointer;}
.listingNews:hover h3 a{  color: #f36f45;}
.listingNews img{ border-left: #ccc solid 1px;  border-right: #ccc solid 1px;  border-bottom: #ccc solid 1px;}
.listingNews h3{ font-size: 1.5em; overflow: hidden; height: 25px; margin-bottom: 0.5em;}
.listingNews h3 a{ color: #333;}
.date{ background-color: #58c5c2; color: #FFF; text-align: center; padding: 0.2em 0;}
.listingNews .paragraphe{  color: #999; overflow: hidden; height: 80px;}

.listingNews div:first-child { padding-left: 0;}

/* SHOW */

.newsShow .date{ display: inline-block; padding: 0.5em 1em; text-align: center;}
.newsShow h3{ margin: 1em 0;}

.colImg{ padding-left: 0;}
.colInfos{ padding-right: 0;}

/*----------------------------------------------------< FOOTER >---------------------------------------------------*/

#footer{ background: #252434;  color: #FFF; padding: 2em 0;  clear: both;}

.footerTop, .footerBottom {padding : 2em 0;}
.footerTop {font-size: 0.875rem; font-weight : 500; text-align : center;}
.footerTop a {color : #ffffff;}
.footerBottom, .footerBottom a {color : #cccbe0; font-weight : 300; font-size : 1rem;}
.footerBottom a:hover {color : #ffffff;}
.footer__title {font-size : 1.375rem; font-weight : 500; margin-bottom : 1em; color : #ffffff;}
.footer__nav ul {font-size : 0.875rem;}

footer strong {font-weight : 600;}
footer .fa-ul {  margin-left: 0; margin-right: 0.5em; }
footer .fa-ul a {font-size : 0.875rem; line-height : 26px;}
/*----------------------------------------------------< CONTACT >---------------------------------------------------*/

.contactPage {background : #f3f3f3;}
.contactPage form{ margin-top: 1.5em; clear: both;  width: 100%;  float: left;}
.contactPage form input[type=submit]{ margin-top: 1em;}
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
input[type="submit"], input[type="button"] { -webkit-appearance: button; }
select { -webkit-appearance:textfield; }

.form-group ul li:not(.star){ font-weight:600; font-size:12px; padding:0.5em 1em;  margin-bottom: 1rem;  border: 1px solid transparent;  border-radius: .25rem;background-color: #f2dede;  border-color: #ebcccc;  color: #a94442;}
.form-group .fa-times-circle{ color: #a94442; float: right; margin-top: 0.2em; display: inline-block;}
.form-control:focus {    border-color: #252434; box-shadow : none;}
.form-control::-webkit-input-placeholder{ color: #999; font-style: italic; font-size: 14px;}
.form-control:-moz-placeholder{color: #999; font-style: italic;font-size: 14px;}
.form-control::-moz-placeholder{color: #999; font-style: italic;font-size: 14px;}
.form-control:-ms-input-placeholder{color: #999; font-style: italic;font-size: 14px;}

.g-recaptcha div {margin : auto;}