a {
  color: #fca780;
}
.btn-footer {
  padding: 20px 0;
}
.localisation-grad a {
  color: #404040;
}
.btn-default.flex,
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.section-premiere-seance {
  text-align: justify;
  font-weight: 100;
}
.language {
  padding: 20px;
}
.modif-flex>figure {
    margin: 5px;
}
.modif-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.home-section, .nav-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.lead, .thin.upp, a.menu {
    text-transform: uppercase
}
.big, .thin {
    font-weight: 100
}
.hvr-glow, a.menu {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale
}
.btn, a, a.menu {
    text-decoration: none
}
.btn-submit:hover, .hamburger:hover {
    cursor: pointer
}
.list-soins, .menu-main-nav, ul.footer-list {
    list-style: none
}
body {
    font-family: Roboto, sans-serif;
    color: #404040;
    line-height: 1.4rem;
    background-color: #fff;
    font-size: 18px
}
h1, h2, h3 {
    font-family: Sanchez, serif
}
h4 {
	font-size:14px;
	text-decoration: underline;
	font-style: italic;
}
h3, h4, h5, h6 {
    font-family: Roboto, sans-serif
}
footer {
    background: url(../img/mweber-footer-bg.jpg) no-repeat;
    background-size: cover;
    padding: 20px 0
}
#contact {
    background: url(../img/mweber-fleurs-bg.png) bottom left no-repeat #fbfbfb;
    background-size: 30%
}
#consulations-cabinet {
    background: url(../img/mweber-consultations-cabinet.jpg) left top no-repeat;
    background-size: contain
}
#consultations-domicile {
    background: url(../img/mweber-consultations-domicile.jpg) top center no-repeat;
    background-size: contain
}
section {
    background-color: #fbfbfb;
    margin: 0 auto .4rem;
    padding: 30px 0
}
section.white {
    background-color: #fff
}
section.nopad {
    padding: 0
}
figure {
    margin: 0 0 0 auto
}
figure.right {
    margin: 0 auto 0 0
}
.figcaption, figcaption {
    font-size: .7rem;
    text-align: center;
    line-height: 1.1;
    margin-top: 10px;
    color: #707070
}
.nav-header {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    top: 0;
    right: 0;
    left: 0;
    z-index: 7777
}
nav.mobileNav {
    background-color: rgba(255, 255, 255, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    height: 100vh;
    width: 225px;
    right: -225px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    top: 0;
    z-index: 0
}
.menu-mobile-nav {
    list-style: none;
    display: block;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0
}
.menu-mobile-nav>li {
    margin: 10px auto
}
.menu-mobile-nav>li>a {
    font-size: 1.1rem
}
.nav-mobile-logo {
    margin: 0 auto 10px;
    display: block;
    width: 70%
}
.mobile-separator {
    margin: 10px auto;
    height: 4px
}
.nav-mobile-info {
    font-size: 1rem;
    margin: 10px auto;
    font-weight: 100
}
.cover, .hamburger, nav.sidenav {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}
nav.mobileNav.is-open {
    -webkit-transform: translateX(-225px);
    transform: translateX(-225px)
}
.anim, a.menu {
    -webkit-transform: translateZ(0)
}
.logo-container {
    width: 16%;
    padding: 20px 10px
}
.anim {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.nav {
    position: relative;
    line-height: 40px;
    z-index: 3;
    width: 84%;
    text-align: right
}
.hamburger {
    display: none;
    position: fixed;
    z-index: 8888;
    padding: 5px 10px 5px 0;
    right: 0;
    top: 10px
}
.hamburger div {
    background-color: #1c1c1c;
    border-radius: 1px;
    height: 6px;
    width: 30px
}
.hamburger div:not(:last-child) {
    margin-bottom: 5px
}
.menu-main-nav>li {
    display: inline-block;
    padding: 0 10px;
    margin: 0 15px
}
.menu-main-nav>li:last-child {
    margin-right: 30px
}
a.menu {
    font-size: 1.3em;
    font-family: Raleway, sans-serif;
    color: #1c1c1c;
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    overflow: hidden
}
a.menu:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    bottom: 0;
    background: #1c1c1c;
    height: 3px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
a.menu.active, a.menu:active:before, a.menu:focus:before, a.menu:hover:before {
    left: 0
}
header.smaller {
    background-color: #fff
}
.smaller .logo-container {
    width: 12%;
    padding: 10px
}
.smaller .nav {
    width: 88%
}
.wrap {
    box-sizing: border-box;
    margin: 0 auto
}
.thin.upp {
    text-align: center;
    font-style: italic;
    margin: 30px 0
}
.purple-bg {
    background-color: #c2bad3
}
.orange-bg, .separator {
    background-color: #fca780
}
.front-pad {
    padding: 20px 10px
}
.section-title {
    font-size: 2.4rem;
    color: #666;
    margin-top: 50px;
    margin-bottom: 15px;
    text-align: center
}
.sub-section-title {
    font-family: "sanchez", sans-serif;
    font-size: 1.6rem;
    font-variant : small-caps;
    color: #666;
    line-height: 1.6rem;
    margin: 0;
    text-align: center
}
.img-responsive {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto
}
.lead {
    font-size: 18px
}
.big {
    margin: 30px auto 50px;
    font-size: 1.2rem
}
.portrait {
    padding: 20px;
    margin: 0 auto;
    max-width: 150px
}
.separator {
    width: 130px;
    margin: 40px auto;
    display: block;
    height: 10px
}
#mentions-legales h2, .cta-section .row {
    margin: 0
}
.text-left {
    text-align: left
}
.black-o, .text-center {
    text-align: center
}
.gray {
    color: #707070
}
.surtaxee {
    color: #fca780
}
.hvr-glow {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}
.hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}
.home-section {
    padding-top: 90px;
    background: url(../img/mweber-landing-hands.png) 10% 119% no-repeat, url(../img/mweber-background-intro.jpg) center center no-repeat;
    background-size: 600px 400px, cover;
    min-height: 70vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.cta-section {
    padding: 0
}
.cta-section .row>div>div {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .4)
}
.cta-section .row>div {
    padding-left: .2rem;
    padding-right: .2rem
}
.cta-section .row>div:first-child {
    padding-left: .4rem
}
.cta-section .row>div:last-child {
    padding-right: .4rem
}
.slogan {
    font-family: Satisfy, cursive;
    color: #fff
}
.landing {
    text-transform: capitalize;
    font-variant: small-caps;
    font-size: 2.3rem;
    color: #1c1c1c;
    line-height: 2.3rem
}
.btn-default, .info-grid, .lead-info, .small-info {
    text-transform: uppercase
}
.container-landing {
    position: absolute;
    max-width: 600px;
    bottom: 30%;
    right: 5%
}
.dd, .p-soins {
    position: relative
}
.black-o {
    background: rgba(0, 0, 0, .8);
    padding: 5px 10px;
    font-size: 1.6rem
}
.media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.image {
    display: block;
    width: auto;
    height: auto;
    margin-top: .2em
}
.media-figure {
    margin-right: 1em;
    max-width: 110px
}
.media-body {
    text-align: left
}
.btn {
    display: inline-block;
    font-size: 16px;
    padding: 6px 26px
}
.link-footer:focus, .link-footer:hover, .signature-nc a:hover, .underline {
    text-decoration: underline
}
.btn-default {
    color: #fca780;
    background-color: #fff;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .8)
}
.lnr-btn {
    margin-right: 15px;
    background-color: #fca780;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    font-size: 14px
}
.soins-container {
    padding: 40px
}
.border-right {
    border-right: .4rem solid #fff
}
.border-left {
    border-left: .4rem solid #fff
}
.dt {
    padding: 8px 0
}
.dd {
    display: none;
    padding: 10px 0
}
.accordion-cabinet .dd {
    border-right: 4px solid #c2bad3;
    margin-right: 10px;
    padding-right: 20px
}
.accordion-domicile .dd {
    border-left: 4px solid #c2bad3;
    margin-left: 10px;
    padding-left: 20px
}
.dd.first {
    display: block
}
.accordion-cabinet .dt .link-soins, .accordion-domicile .dt .link-soins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.accordion-cabinet .dt .link-soins {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end
}
.accordion-domicile .dt .link-soins {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start
}
.link-soins h3 {
    color: #404040;
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem
}
.link-soins span {
    margin-left: 15px;
    background-color: #c2bad3;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    font-size: 14px;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}
.accordion-domicile .dt .link-soins span {
    margin-left: 0;
    margin-right: 15px
}
.list-soins {
    font-weight: 100;
    padding: 0
}
.list-soins li {
    display: initial
}
.list-soins li:after {
    content: " • "
}
.list-soins li:last-child:after {
    content: ''
}
.p-soins {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 100
}
.fancy-pop, .supa-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    box-sizing: border-box
}
.p-soins .left-div {
    width: 20%;
    text-align: center
}
.p-soins .right-div {
    width: 75%;
    padding-left: 10px;
    position: relative;
    margin-bottom: 20px
}
.vertidiv {
    position: absolute;
    height: 100%;
    left: 3%;
    top: 0;
    width: 3px;
    background-color: #f1f1f1
}
.top-flex {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}
.illu-soins {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, .3);
    max-width: 80px
}
.only-img {
    margin: 0 0 0 auto
}
.soins-separator {
    border: 0;
    height: 4px;
    background-color: #fca780;
    width: 100px;
    margin-right: 0
}
.fancy-pop, .photo-3 {
    width: 100%
}
.low-pad {
    padding-right: .5rem;
    padding-left: .5rem
}
.gridpad, .one-grid {
    padding: 20px 40px 10px
}
.stretch-xs {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch
}
.align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.one-grid {
    color: #444;
    height: 350px
}
#galerie>div.col-md-4, .one-grid.nopad {
    padding: 0
}
.half-grid, .one-grid, .two-grid {
    border: 4px solid #fff;
    box-sizing: border-box
}
.fancy-pop {
    position: relative
}
.no-flex {
    display: block
}
.supa-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.photo-1, .photo-2, .photo-3, .photo-4, .photo-5 {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 4px solid #fff;
    min-height: 350px
}
.photo-2 {
    min-height: 700px
}
.photo-4, .photo-5 {
    width: 50%
}
.photo-1 img, .photo-2 img, .photo-3 img, .photo-4 img, .photo-5 img {
    -webkit-filter: saturate(0);
    filter: saturate(0)
}
.fancy-pop:active+div img, .fancy-pop:hover+div img {
    -webkit-filter: none;
    filter: none
}
.one-grid>h2, .title-grid {
    text-align: center;
    font-size: 2.4rem;
    margin-top: 0;
    font-weight: 300
}
.title-grid {
    text-align: left;
    line-height: 2.6rem
}
.info-grid {
    line-height: 2.6rem;
    font-size: 1.4rem
}
#galerie {
    background: #a9a2ba;
    background: -webkit-linear-gradient(45deg, #a9a2ba 12%, #dd9272 50%, #dd9272 100%);
    background: linear-gradient(45deg, #a9a2ba 12%, #dd9272 50%, #dd9272 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a9a2ba', endColorstr='#dd9272', GradientType=1)
}
.horaires-div {
    width: 100%;
    margin: 0 0 5px;
    overflow: hidden
}
.horaires-title {
    position: relative;
    margin: 6px 0;
    font-size: 1.5rem
}
.horaires, .span-title {
    background: #f5a27c;
    background: -webkit-linear-gradient(45deg, #f5a27c 0, #dd9172 0);
    background: linear-gradient(45deg, #f5a27c 0, #dd9172 0);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5a27c', endColorstr='#dd9172', GradientType=1);
    position: relative;
    padding-right: 5px;
    z-index: 100;
    font-family: Raleway, sans-serif;
    font-weight: 700
}
.dots, .horaires {
    position: absolute;
    right: 0
}
.horaires {
    padding-right: 0;
    padding-left: 10px;
    top: 0;
    z-index: 1;
    max-width: 96px;
    font-weight: 700
}
.dots {
    bottom: 3px;
    left: 0;
    display: block;
    border-bottom: 1px solid #1c1c1c
}
.localisation-grad img {
    max-height: 180px
}
.lead-info, .small-info {
    font-size: 1.8rem;
    line-height: 1.6em;
    letter-spacing: .6px;
    font-weight: 100;
    font-variant: all-small-caps
}
.small-info {
    font-size: 1.6rem
}
.btn-submit, .form-label {
    font-family: Raleway, sans-serif;
    font-size: 1.45rem
}
.flags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.flags p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}
.flag {
    width: 32px;
    height: 32px;
    background: url(flags.png) no-repeat
}
.flag.flag-de {
    background-position: -32px 0
}
.flag.flag-fr {
    background-position: -64px 0
}
.flag.flag-gb {
    background-position: 0 -32px
}
.flag.flag-it {
    background-position: -32px -32px
}
.flag.flag-ru {
    background-position: -64px -32px
}
#formMweber {
    margin: 50px auto
}
#formMweber>.row {
    margin: 10px auto
}
#contact_results {
    font-weight: 100;
    text-align: center
}
.form-input {
    width: 100%;
    margin: 8px 0;
    background-color: #ddd;
    border: 0;
    padding: 5px
}
.footer-title, ul.footer-list li {
    margin-bottom: 10px
}
.form-label {
    font-weight: 200
}
.btn-submit {
    background-color: #fca780;
    color: #fff;
    padding: 5px 30px;
    border: 0
}
.footer-title {
    font-size: 1.6rem
}
ul.footer-list {
    padding: 0;
    font-weight: 100
}
ul.footer-list li:last-child {
    margin-bottom: 0
}
ul.twocol {
    column-count: 2;
    column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -o-column-count: 2;
    -o-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px
}
.link-footer {
    color: inherit
}
.separator-right {
    border-right: 1px solid #707070
}
.signature-mweber {
    margin-bottom: 20px
}
.signature-mweber img {
    width: 75%;
    margin: 1rem auto;
    display: block
}
.signature-mweber hr {
    background-color: #707070;
    width: 130px;
    margin: 20px auto 14px;
    border: 0;
    height: 1px
}
.signature-mweber p {
    margin: 0 0 10px;
    line-height: 1.7rem
}
.signature-nc img {
    max-width: 50px
}
.signature-nc p {
    margin: 10px 0 0;
    font-size: 1rem
}
.signature-mweber a, .signature-nc a {
    color: #404040
}
.multi-pop {
    display: inline-block;
    width: 31%;
    margin: 0 auto
}
@media all and (max-width:1200px) {
    .section-title {
        font-size: 2rem;
        line-height: 2rem;
        margin-top: 30px
    }
}
@media all and (max-width:1024px) {
    .menu-main-nav>li>a {
        font-size: 1.1rem
    }
    .container-landing {
        bottom: inherit;
        top: 15%;
        min-height: 100vh
    }
}
@media all and (max-width:800px) {
    .home-section {
        background: url(../img/mweber-landing-hands.png) 40% 105% no-repeat, url(../img/mweber-background-intro.jpg) center center no-repeat;
        background-size: 300px 200px, cover
    }
    .logo-container {
        width: 30%
    }
    .smaller .logo-container {
        width: 25%
    }
    a.menu::before {
        bottom: -1px
    }
    .section-title {
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin-top: 30px
    }
    .separator {
        height: 6px;
        margin: 20px auto
    }
    .separator-right {
        border: 0
    }
    .nav {
        display: none
    }
    .hamburger {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .row {
        margin-left: auto;
        margin-right: auto
    }
    #formMweber {
        margin: 20px auto
    }
    .photo-1, .photo-2, .photo-3, .photo-4, .photo-5 {
        height: auto
    }
    .vertidiv {
        display: none
    }
}
@media all and (max-width:500px) {
    .logo-container {
        width: 60%
    }
    .smaller .logo-container {
        width: 30%
    }
    .smaller .hamburger {
        top: 8px
    }
    .hamburger div {
        height: 4px
    }
    .half-grid, .one-grid, .special-grid a:last-child img, .special-grid a:nth-child(2) img, .two-grid {
        height: auto
    }
    .one-grid>h2, .title-grid {
        font-size: 1.8rem
    }
    .horaires-title, .lead-info, .link-soins h3, .small-info {
        font-size: 1rem
    }
    .soins-container {
        padding: 10px 5px
    }
    .link-soins h3 {
        line-height: 1rem
    }
    .landing {
        font-size: 2rem;
        line-height: 2rem;
        margin-left: 10px
    }
    .black-o {
        margin-left: 10px;
        font-size: 1.4rem
    }
    ul.twocol {
        column-count: 1;
        column-gap: 20px;
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -o-column-count: 1;
        -o-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px
    }
    .front-pad {
        margin: 4px
    }
    .cta-section .row>div {
        padding-left: .4rem;
        padding-right: .4rem
    }
    .p-soins p {
        margin: 0
    }
    .p-soins .left-div, .p-soins .right-div {
        width: 100%;
        text-align: right
    }
}
@media all and (max-width:350px){
    .home-section {
      padding-bottom: 150px;
    }
}
@media all and (max-width:332px) {
    .smaller .hamburger {
        top: 5px
    }
    .one-grid>h2, .title-grid {
        font-size: 1.4rem
    }
}
