@charset "UTF-8";
/* fonts */
/* colors */
/* $violet: #751382; */
/* $vert: #008568; */
/* @mixins */
/* @imports */
html,
body,
div,
h1,
h2,
h3,
h4,
ul,
ol {
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: inherit;
}

@media (min-width: 981px) {
  #parallax {
    background-image: url("../../img/header-bg-1920web.jpg");
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax2 {
    background-image: url("../../img/before-massage-paralax.jpg");
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax3 {
    background-image: url("../../img/japon.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax4 {
    background-image: url("../../img/californie.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax5 {
    background-image: url("../../img/inde.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax6 {
    background-image: url("../../img/eh.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax7 {
    background-image: url("../../img/bali.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax8 {
    background-image: url("../../img/suede.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax-yoga {
    background-image: url("../../img/yoga.jpg");
    height: 80%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax9 {
    background-image: url("../../img/before-services.jpg");
    height: 80%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax10 {
    background-image: url("../../img/before-contact.jpg");
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax11 {
    background-image: url("../../img/mandala-footer2.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 480px) {
  /* Menu */
  .nav #menu-burger {
    margin: 5px 0 20px 5px;
    width: 40px;
    height: 40px;
    background-color: rgba(167, 161, 161, 0.61);
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    position: fixed;
    z-index: 10000;
    cursor: pointer;
  }
  .nav #menu-tab {
    display: none;
    position: fixed;
    z-index: 9999;
    font-size: 1rem;
    overflow: hidden;
    clear: both;
    background-color: #F8F9FA;
    /* height: 100%; */
    width: 480px;
  }
  .nav #menu-tab li .h1 {
    display: block;
    margin: 25px 0 0 25px;
    font-size: 1.2rem;
  }
  .nav #menu-tab li .h2 {
    display: block;
    margin: 15px 0 0 50px;
    font-size: 1rem;
  }

  /* Header */
  #parallax {
    color: #fff;
    background-image: url("../../img/header-bg-480web.jpg");
    background-repeat: no-repeat;
  }
  #parallax #logo-title {
    padding-top: 40px;
    text-align: center;
  }
  #parallax #logo-title h1 {
    font-family: "Krona One";
    font-size: 3.1rem;
  }
  #parallax #logo-title h1 img {
    margin-top: -2%;
    width: 55px;
  }
  #parallax #logo-title h2 {
    text-align: center;
    font-family: "Krona One";
    font-weight: 300;
    font-size: 1.2rem;
    padding-top: 8%;
  }
  #parallax .display-phrases {
    margin-left: 10%;
    margin-top: 8%;
    width: 80%;
    text-align: center;
  }
  #parallax .display-phrases #word {
    font-family: "Merienda One";
    font-size: 1rem;
    color: #fff;
  }
  #parallax #static-text {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #b91cce;
  }
  #parallax #static-text #static-text-p {
    display: none;
  }
  #parallax #static-text #button-num {
    font-size: 1.3rem;
    font-family: "Krona One";
    padding: 5px;
  }

  /* Présentation */
  #presentation h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: #b91cce;
    margin-bottom: 20px;
  }
  #presentation h2 {
    font-family: "Krona One";
    font-size: 1.2rem;
    color: #27b868;
    margin-bottom: 20px;
  }
  #presentation p {
    font-size: 1rem;
    text-align: justify;
  }
  #presentation #img-pres {
    width: 400px;
    margin: 50px 0;
  }
  #presentation #cv p {
    font-size: 1rem;
    text-align: justify;
  }
  #presentation #cv .ema-slide {
    display: none;
    width: 400px;
    margin: 50px 0;
  }
  #presentation #diplomes {
    display: none;
  }

  /* Before Massages */
  #parallax2 {
    background-image: url("../../img/before-massage-paralax-480.jpg");
    background-size: auto;
    background-repeat: no-repeat;
    height: 300px;
  }
  #parallax2 blockquote {
    padding-top: 15%;
    text-align: center;
    font-family: "Merienda One";
    color: #b91cce;
    font-size: 1rem;
  }

  /* Massages */
  #massages h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: #b91cce;
    margin-bottom: 20px;
  }
  #massages h2 {
    font-family: "Krona One";
    font-size: 1.2rem;
    color: #27b868;
    margin-bottom: 20px;
  }
  #massages h4 {
    font-family: "Krona One";
    font-size: 1rem;
    color: #27b868;
    margin-bottom: 50px;
    margin-bottom: 20px;
  }
  #massages p {
    text-align: justify;
  }
  #massages #chartdiv {
    margin-top: -100px;
    margin-bottom: -125px;
  }
  #massages #huile {
    background-image: url("../../img/huiles-res.jpg");
    background-repeat: no-repeat;
    height: 200px;
  }
  #massages #pourcontre ul {
    padding: 0 5%;
    font-size: 1rem;
    text-align: justify;
  }
  #massages #pourcontre ul li {
    margin-top: 1.5rem;
    list-style-image: url("../../img/lotus.png");
  }
  #massages #pourcontre #pour {
    margin-top: 50px;
  }
  #massages #pourcontre #pour strong {
    color: #b91cce;
  }
  #massages #pourcontre #contre h2 {
    margin-top: 50px;
    font-family: "Krona One";
    font-size: 1.2rem;
    color: red;
    margin-bottom: 50px;
  }
  #massages #pourcontre #contre #avertissement {
    margin-top: 40px;
    margin-bottom: 50px;
    background-color: rgba(240, 87, 87, 0.726);
    border-radius: 15px;
  }
  #massages #pourcontre #contre #avertissement #attention {
    padding: 20px 0 20px 50px;
  }
  #massages #pourcontre #contre #avertissement .txt-legal {
    /* padding: 20px 60px 20px 10px; */
    font-weight: 500;
    color: #292727;
  }
  #massages #pourcontre #contre #avertissement blockquote {
    font-size: 1rem;
    font-weight: 500;
    padding: 25px 20px 0;
  }
  #massages #pourcontre #contre #avertissement p {
    font-size: 0.8rem;
    padding: 0 50px 20px;
  }
  #massages #pourcontre #pourlast {
    padding: 50px 20px;
  }
  #massages #pourcontre #pourlast p {
    font-family: "Merienda One";
    font-size: 1.2rem;
    color: #27b868;
    text-align: center;
  }

  /* Détails massages */
  #ayurvedique h1,
#balinais h1,
#shiatsu h1,
#californien h1,
#suedois h1,
#sorgina h1,
#yoga h1 {
    padding-top: 2rem;
    font-family: "Krona One";
    font-size: 1.6rem;
    color: #b91cce;
    margin-bottom: 50px;
  }
  #ayurvedique h2,
#balinais h2,
#shiatsu h2,
#californien h2,
#suedois h2,
#sorgina h2,
#yoga h2 {
    font-family: "Krona One";
    font-size: 1.2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #ayurvedique p,
#balinais p,
#shiatsu p,
#californien p,
#suedois p,
#sorgina p,
#yoga p {
    margin-top: 20px;
    font-size: 1rem;
    text-align: justify;
  }
  #ayurvedique .props,
#balinais .props,
#shiatsu .props,
#californien .props,
#suedois .props,
#sorgina .props,
#yoga .props {
    text-align: center;
  }
  #ayurvedique .props .call,
#balinais .props .call,
#shiatsu .props .call,
#californien .props .call,
#suedois .props .call,
#sorgina .props .call,
#yoga .props .call {
    display: none;
  }
  #ayurvedique .props span,
#balinais .props span,
#shiatsu .props span,
#californien .props span,
#suedois .props span,
#sorgina .props span,
#yoga .props span {
    padding-left: 20px;
    font-size: 1rem;
  }
  #ayurvedique .plus,
#balinais .plus,
#shiatsu .plus,
#californien .plus,
#suedois .plus,
#sorgina .plus,
#yoga .plus {
    display: none;
  }
  #ayurvedique p,
#balinais p,
#shiatsu p,
#californien p,
#suedois p,
#sorgina p,
#yoga p {
    margin-bottom: 50px;
    font-size: 1rem;
    text-align: justify;
  }
  #ayurvedique p .voir-plus,
#ayurvedique p .voir-moins,
#balinais p .voir-plus,
#balinais p .voir-moins,
#shiatsu p .voir-plus,
#shiatsu p .voir-moins,
#californien p .voir-plus,
#californien p .voir-moins,
#suedois p .voir-plus,
#suedois p .voir-moins,
#sorgina p .voir-plus,
#sorgina p .voir-moins,
#yoga p .voir-plus,
#yoga p .voir-moins {
    z-index: 52;
    margin-top: 1rem;
    display: inherit;
    text-align: right;
    color: #27b868;
    font-size: 1.2rem;
    font-weight: 500;
    cursor: pointer;
  }
  #ayurvedique ul,
#balinais ul,
#shiatsu ul,
#californien ul,
#suedois ul,
#sorgina ul,
#yoga ul {
    padding-left: 10%;
    font-size: 1rem;
    text-align: justify;
  }
  #ayurvedique ul li,
#balinais ul li,
#shiatsu ul li,
#californien ul li,
#suedois ul li,
#sorgina ul li,
#yoga ul li {
    margin-top: 1.5rem;
    list-style-image: url("../../img/lotus.png");
  }
  #ayurvedique blockquote,
#balinais blockquote,
#shiatsu blockquote,
#californien blockquote,
#suedois blockquote,
#sorgina blockquote,
#yoga blockquote {
    text-align: center;
    font-size: 1.5rem;
    color: #b91cce;
    font-style: italic;
  }

  #parallax3 {
    background-image: url("../../img/japon-res.jpg");
    background-repeat: no-repeat;
    height: 250px;
  }

  #parallax4 {
    background-image: url("../../img/californie-res.jpg");
    background-repeat: no-repeat;
    height: 250px;
  }

  #parallax5 {
    background-image: url("../../img/inde-res.jpg");
    background-repeat: no-repeat;
    height: 250px;
  }

  #parallax6 {
    background-image: url("../../img/eh-res.jpg");
    background-repeat: no-repeat;
    height: 250px;
  }

  #parallax7 {
    background-image: url("../../img/bali-res.jpg");
    background-repeat: no-repeat;
    height: 250px;
  }

  #parallax8 {
    background-image: url("../../img/suede-res.jpg");
    background-repeat: no-repeat;
    height: 250px;
  }

  #parallax-yoga {
    background-image: url("../../img/yoga-res.jpg");
    background-repeat: no-repeat;
    height: 250px;
  }

  #shiatsu h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: red;
    margin-bottom: 50px;
  }
  #shiatsu .props img {
    fill: red;
  }
  #shiatsu h4 {
    margin: 2rem 0;
  }
  #shiatsu .plus {
    background-image: url("../../img/pays-japon.png");
    background-position: top center;
    background-repeat: no-repeat;
  }

  #californien h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: orange;
    margin-bottom: 50px;
  }
  #californien .props img {
    fill: orange;
  }
  #californien .plus {
    background-image: url("../../img/pays-californie-res.png");
    background-position: top center;
    background-repeat: no-repeat;
  }

  #ayurvedique h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: yellow;
    margin-bottom: 50px;
  }
  #ayurvedique .props img {
    fill: yellow;
  }
  #ayurvedique .plus {
    background-image: url("../../img/pays-inde-res.png");
    background-position: top center;
    background-repeat: no-repeat;
  }

  #sorgina h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: green;
    margin-bottom: 50px;
  }
  #sorgina .props img {
    fill: green;
  }
  #sorgina .plus {
    background-image: url("../../img/pays-eh-res.png");
    background-position: top center;
    background-repeat: no-repeat;
  }

  #balinais h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: cyan;
    margin-bottom: 50px;
  }
  #balinais .props img {
    fill: cyan;
  }
  #balinais .plus {
    background-image: url("../../img/pays-bali-res.png");
    background-position: top center;
    background-repeat: no-repeat;
  }

  #suedois h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: blue;
    margin-bottom: 50px;
  }
  #suedois .props img {
    fill: blue;
  }
  #suedois .plus {
    background-image: url("../../img/pays-suede-res.png");
    background-position: top center;
    background-repeat: no-repeat;
  }

  #yoga h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: purple;
    margin-bottom: 50px;
  }
  #yoga .props img {
    fill: purple;
  }
  #yoga .plus {
    background-image: url("../../img/pays-yoga-res.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
  #yoga .plus img {
    padding: 0 10px;
    width: 450px;
    margin-top: 50px;
    display: block;
    text-align: center;
  }

  /* Services */
  #parallax9 {
    background-image: url("../../img/before-services-ema-res.jpg");
    background-repeat: no-repeat;
    height: 200px;
  }

  #services h1 {
    font-family: "Krona One";
    font-size: 1.6rem;
    color: #b91cce;
    margin-bottom: 20px;
  }
  #services h2 {
    margin-top: 10px;
    font-family: "Krona One";
    font-size: 1.2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #services h4 {
    font-family: "Krona One";
    font-size: 1rem;
    color: #b91cce;
    margin-bottom: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #services nav li {
    display: inline-block;
    font-size: 1rem;
    color: #241E22;
  }
  #services .active {
    color: #27b868;
    text-decoration: underline;
  }
  #services .hidden {
    display: none;
  }
  #services #tarifs li,
#services #entreprise li {
    list-style-image: url("../../img/lotus.png");
    margin: 10px 0 10px 50px;
  }
  #services #tarifs a,
#services #entreprise a {
    color: #27b868;
  }
  #services img {
    display: none;
  }

  /* Contact */
  #parallax10 {
    background-image: url("../../img/before-contact-res.jpg");
    background-repeat: no-repeat;
    height: 200px;
  }

  #contact #diag-contact {
    display: none;
  }
  #contact h1 {
    margin-top: 50px;
    font-family: "Krona One";
    font-size: 1.6rem;
    color: #b91cce;
    margin-bottom: 20px;
  }
  #contact p {
    font-size: 1.1rem;
    margin-bottom: 1.6rem;
  }
  #contact .tel-mail #tel img {
    max-width: 200px;
  }
  #contact .tel-mail #mail img {
    max-width: 300px;
  }
  #contact #social .social-icons {
    margin: 2rem 2rem;
  }

  /* Footer */
  #parallax11 {
    background-image: url("../../img/mandala-footer2-res.jpg");
    background-repeat: no-repeat;
    height: 200px;
  }

  footer {
    color: #fff;
  }
  footer .footer {
    text-align: center;
  }
  footer #logo-footer {
    display: none;
  }
  footer #logo-footer-responsive {
    padding-top: 15%;
  }
  footer #logo-footer-responsive h1 {
    font-family: "Krona One";
    font-size: 2.5rem;
  }
  footer #logo-footer-responsive h1 img {
    margin-top: -2%;
  }
  footer #lastrow {
    padding-top: 10%;
    font-family: "Krona One";
    font-size: 0.65rem;
  }
  footer #lastrow a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #27b868;
  }
  footer #legalModal {
    color: #241E22;
    margin-top: 35px;
    font-size: 0.7rem;
    text-align: left;
  }
  footer #legalModal h4 {
    font-size: 1.1rem;
  }
  footer #legalModal a {
    font-size: 0.8rem;
  }
}
@media (min-width: 480px) {
  #parallax {
    color: #fff;
    background-image: url("../../img/header-bg-980web.jpg");
    background-repeat: no-repeat;
  }
  #parallax #logo-title {
    padding-top: 40px;
    text-align: center;
    margin-left: 20%;
  }
  #parallax #logo-title h1 {
    font-family: "Krona One";
    font-size: 3.8rem;
  }
  #parallax #logo-title h1 img {
    margin-top: -3%;
    width: 70px;
  }
  #parallax #logo-title h2 {
    text-align: center;
    font-family: "Krona One";
    font-weight: 300;
    font-size: 1.2rem;
    padding-top: 8%;
  }
  #parallax .display-phrases {
    margin-left: 10%;
    margin-top: 8%;
    width: 80%;
    text-align: center;
  }
  #parallax .display-phrases #word {
    font-family: "Merienda One";
    font-size: 1.2rem;
    color: #fff;
  }
  #parallax #static-text {
    margin: 10% 0;
    width: 100%;
    font-size: 1.1rem;
    line-height: 1.5rem;
    text-align: center;
    color: #fff;
    background-color: #db54ec77;
    border-radius: 0;
    padding: 10px;
  }
  #parallax #static-text:hover {
    color: #27b868;
    background-color: rgba(255, 255, 255, 0.808);
  }
  #parallax #static-text:hover #button-num {
    color: #b91cce;
  }
  #parallax #static-text a:hover {
    text-decoration: none;
    color: inherit;
  }
  #parallax #static-text p {
    padding: 0 10%;
  }
  #parallax #static-text span {
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "Krona One";
    color: #241E22;
  }
  #parallax #static-text #button-num {
    font-size: 1.3rem;
    font-family: "Krona One";
  }

  #parallax2 {
    background-image: url("../../img/before-massage-paralax.jpg");
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax3 {
    background-image: url("../../img/japon.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax4 {
    background-image: url("../../img/californie.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax5 {
    background-image: url("../../img/inde.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax6 {
    background-image: url("../../img/eh.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax7 {
    background-image: url("../../img/bali.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax8 {
    background-image: url("../../img/suede.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax-yoga {
    background-image: url("../../img/yoga.jpg");
    height: 80%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax9 {
    background-image: url("../../img/before-services.jpg");
    height: 80%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax10 {
    background-image: url("../../img/before-contact.jpg");
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #parallax11 {
    background-image: url("../../img/mandala-footer2.jpg");
    height: 50%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  #parallax #logo-title {
    margin-left: 30%;
  }
  #parallax #logo-title h1 {
    font-family: "Krona One";
    font-size: 5rem;
  }
  #parallax #logo-title img {
    margin-top: -2%;
    width: 100px;
  }
  #parallax #logo-title h2 {
    font-family: "Krona One";
    font-weight: 300;
    font-size: 1.4rem;
    padding-top: 4%;
    margin-left: 10px;
  }
  #parallax .display-phrases {
    margin-left: 20%;
    margin-top: 8%;
    width: 80%;
  }
  #parallax .display-phrases #word {
    font-family: "Merienda One";
    font-size: 2rem;
    color: #fff;
  }
  #parallax #static-text {
    margin: 10% 0;
    width: 100%;
    font-size: 1.1rem;
    line-height: 1.5rem;
    text-align: center;
    color: #fff;
    background-color: #db54ec77;
    border-radius: 0;
    padding: 10px;
  }
  #parallax #static-text:hover {
    color: #27b868;
    background-color: rgba(255, 255, 255, 0.808);
  }
  #parallax #static-text:hover #button-num {
    color: #b91cce;
  }
  #parallax #static-text a:hover {
    text-decoration: none;
    color: inherit;
  }
  #parallax #static-text p {
    padding: 0 10%;
  }
  #parallax #static-text span {
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "Krona One";
    color: #241E22;
  }
  #parallax #static-text #button-num {
    font-size: 1.3rem;
    font-family: "Krona One";
  }
}
@media (min-width: 480px) {
  header {
    color: #fff;
  }
  header #logo-title {
    margin-left: 40%;
    padding-top: 5%;
  }
  header #logo-title h1 {
    font-family: "Krona One";
    font-size: 7rem;
  }
  header #logo-title h1 img {
    margin-top: -5%;
  }
  header #logo-title h2 {
    font-family: "Krona One";
    font-weight: 400;
    font-size: 1.5rem;
    margin-left: 10%;
  }
  header .display-phrases {
    margin-left: 25%;
    margin-top: 5%;
    width: 65%;
    text-align: center;
    /* background-color: $vert; */
    padding: 10px 20px;
    border-radius: 25px;
  }
  header .display-phrases #word {
    font-family: "Merienda One";
    font-size: 3rem;
    color: #fff;
  }
  header #static-text {
    margin-top: 6%;
    margin-left: 45%;
    width: 50%;
    text-align: center;
    color: #fff;
    font-family: "Krona One";
    font-size: 1.5rem;
    line-height: 3rem;
    background-color: #db54ec77;
    border-radius: 15px;
    padding: 20px;
  }
  header #static-text:hover {
    color: #27b868;
    background-color: rgba(255, 255, 255, 0.808);
  }
  header #static-text:hover #button-num {
    color: #b91cce;
  }
  header #static-text a:hover {
    text-decoration: none;
    color: inherit;
  }
  header #static-text span {
    font-size: 2rem;
    font-family: "Krona One";
    color: #241E22;
  }
  header #static-text #button-num {
    font-size: 2.5rem;
    font-family: "Krona One";
  }
}
@media (min-width: 480px) {
  #menu-burger {
    margin: 50px 0 20px 50px;
    background-color: rgba(167, 161, 161, 0.61);
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    position: fixed;
    z-index: 10000;
    cursor: pointer;
  }

  #menu-tab {
    display: none;
    position: fixed;
    z-index: 9999;
    opacity: 0.9;
    font-size: 1.2rem;
    overflow: hidden;
    clear: both;
    background-color: #F8F9FA;
    height: 100%;
    width: 500px;
  }
  #menu-tab li .h1 {
    display: block;
    margin: 50px 0 0 100px;
    font-size: 1.5rem;
  }
  #menu-tab li .h2 {
    display: block;
    margin: 20px 0 0 150px;
    font-size: 1.2rem;
  }
}
@media (min-width: 480px) {
  #presentation {
    position: relative;
    height: "inherit";
  }
  #presentation .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #presentation .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }

  #massages {
    position: relative;
    height: "inherit";
  }
  #massages .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #massages .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }

  #ayurvedique {
    position: relative;
    height: "inherit";
  }
  #ayurvedique .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #ayurvedique .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }

  #shiatsu {
    position: relative;
    height: "inherit";
  }
  #shiatsu .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #shiatsu .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }

  #balinais {
    position: relative;
    height: "inherit";
  }
  #balinais .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #balinais .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }

  #californien {
    position: relative;
    height: "inherit";
  }
  #californien .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #californien .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }

  #suedois {
    position: relative;
    height: "inherit";
  }
  #suedois .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #suedois .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }

  #sorgina {
    position: relative;
    height: "inherit";
  }
  #sorgina .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #sorgina .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }

  #yoga {
    position: relative;
    height: "inherit";
  }
  #yoga .haut {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    bottom: "inherit";
    transform: translateY(-99%);
  }
  #yoga .bas {
    width: 100%;
    overflow: hidden;
    z-Index: 51;
    position: absolute;
    top: "inherit";
    transform: translateY(-1%);
    transform: translateX(-1%);
  }
}
#services {
  position: relative;
  height: "inherit";
}
#services .haut {
  width: 100%;
  overflow: hidden;
  z-Index: 51;
  position: absolute;
  bottom: "inherit";
  transform: translateY(-99%);
}
#services .bas {
  width: 100%;
  overflow: hidden;
  z-Index: 51;
  position: absolute;
  top: "inherit";
  transform: translateY(-1%);
  transform: translateX(-1%);
}

#contact {
  position: relative;
  height: "inherit";
}
#contact .haut {
  width: 100%;
  overflow: hidden;
  z-Index: 51;
  position: absolute;
  bottom: "inherit";
  transform: translateY(-99%);
}
#contact .bas {
  width: 100%;
  overflow: hidden;
  z-Index: 51;
  position: absolute;
  top: "inherit";
  transform: translateY(-1%);
  transform: translateX(-1%);
}

@media (min-width: 480px) {
  #presentation-content {
    padding-top: 50px;
  }
  #presentation-content h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #b91cce;
    margin-bottom: 50px;
  }
  #presentation-content h2 {
    font-family: "Krona One";
    font-size: 1.5rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #presentation-content p {
    font-size: 1.2rem;
    text-align: justify;
    margin-bottom: 50px;
  }
  #presentation-content p .voir-plus,
#presentation-content p .voir-moins {
    display: inherit;
    text-align: right;
    color: #27b868;
    font-size: 1.3rem;
    font-weight: 500;
    cursor: pointer;
  }
  #presentation-content p.plus {
    display: none;
  }
  #presentation-content p #objectif {
    color: #b91cce;
    font-size: 1.3rem;
    font-weight: 500;
  }
  #presentation-content li {
    font-size: 1.2rem;
    text-align: justify;
    list-style-image: url("../../img/lotus.png");
  }
  #presentation-content #img-pres {
    margin: 100px 0 50px 100px;
  }
  #presentation-content #cv {
    margin-top: 50px;
  }
  #presentation-content #cv .ema-slide {
    display: none;
    margin: 100px 100px 50px 0;
  }
  #presentation-content #diplomes {
    padding-bottom: 50px;
  }
  #presentation-content #diplomes li {
    display: inline-block;
    padding: 0 6px;
  }
  #presentation-content #diplomes li img {
    opacity: 0.6;
  }
  #presentation-content #diplomes li img:hover {
    opacity: 1;
    cursor: pointer;
  }
}
@media (min-width: 480px) {
  #parallax2 blockquote {
    text-align: right;
    padding: 300px 200px 0;
    line-height: 4rem;
    font-family: "Merienda One";
    color: #b91cce;
    font-size: 2rem;
  }

  #massages h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #b91cce;
    margin-bottom: 50px;
  }
  #massages h2 {
    font-family: "Krona One";
    font-size: 1.5rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #massages h4 {
    font-family: "Krona One";
    font-size: 1rem;
    color: #27b868;
    margin-bottom: 50px;
    margin-bottom: 20px;
  }
  #massages p {
    font-size: 1.2rem;
    text-align: justify;
    margin-top: 30px;
  }
  #massages #discover {
    text-align: center;
  }
  #massages #massage-pres {
    margin-top: 50px;
  }
  #massages #massage-pres #proprietes {
    font-size: 1.4rem;
    margin-top: 20px;
    color: #b91cce;
  }
  #massages #huile {
    margin-top: 50px;
    background-image: url("../../img/huiles.jpg");
    background-repeat: no-repeat;
    height: 450px;
  }
  #massages #pourcontre {
    margin-top: 100px;
  }
  #massages #pourcontre .col-lg-6 {
    padding: 0 50px;
  }
  #massages #pourcontre .col-lg-6 ul {
    padding: 0 5%;
    text-align: justify;
  }
  #massages #pourcontre .col-lg-6 ul li {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    list-style-image: url("../../img/lotus.png");
  }
  #massages #pourcontre #pour strong {
    color: #b91cce;
  }
}
@media (min-width: 480px) and (max-width: 960px) {
  #massages #pourcontre #contre {
    margin-top: 100px;
  }
}
@media (min-width: 480px) {
  #massages #pourcontre #contre {
    /* padding-left: 100px; */
  }
  #massages #pourcontre #contre h2 {
    font-family: "Krona One";
    font-size: 1.5rem;
    color: red;
    margin-bottom: 50px;
  }
  #massages #pourcontre #contre #avertissement {
    margin-top: 100px;
    margin-bottom: 50px;
    background-color: rgba(240, 87, 87, 0.726);
    border-radius: 15px;
  }
  #massages #pourcontre #contre #avertissement #attention {
    padding: 20px 0 20px 50px;
  }
  #massages #pourcontre #contre #avertissement .txt-legal {
    /* padding: 20px 60px 20px 10px; */
    font-weight: 500;
    color: #292727;
  }
  #massages #pourcontre #contre #avertissement blockquote {
    font-size: 1rem;
    font-weight: 500;
    padding: 25px 20px 0;
  }
  #massages #pourcontre #contre #avertissement p {
    font-size: 1.2rem;
    padding: 0 50px 20px;
  }
}
@media (min-width: 480px) {
  #massages #pourcontre #pourlast {
    padding: 50px 100px;
  }
  #massages #pourcontre #pourlast p {
    font-family: "Merienda One";
    font-size: 1.5rem;
    color: #27b868;
    text-align: center;
  }
}
@media (min-width: 480px) {
  #ayurvedique .props, #balinais .props, #shiatsu .props, #californien .props, #suedois .props, #sorgina .props, #yoga .props {
    text-align: center;
    margin: 20px;
    /* .time {
        color: red;
    } */
  }
  #ayurvedique .props span, #balinais .props span, #shiatsu .props span, #californien .props span, #suedois .props span, #sorgina .props span, #yoga .props span {
    padding-left: 20px;
    font-size: 1.2rem;
  }
  #ayurvedique .plus, #balinais .plus, #shiatsu .plus, #californien .plus, #suedois .plus, #sorgina .plus, #yoga .plus {
    display: none;
  }
  #ayurvedique h1, #balinais h1, #shiatsu h1, #californien h1, #suedois h1, #sorgina h1, #yoga h1 {
    padding-top: 2rem;
    font-family: "Krona One";
    font-size: 2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #ayurvedique h2, #balinais h2, #shiatsu h2, #californien h2, #suedois h2, #sorgina h2, #yoga h2 {
    font-family: "Krona One";
    font-size: 1.5rem;
    color: black;
    margin-bottom: 50px;
  }
  #ayurvedique p, #balinais p, #shiatsu p, #californien p, #suedois p, #sorgina p, #yoga p {
    margin-bottom: 50px;
    font-size: 1.2rem;
    text-align: justify;
  }
  #ayurvedique p .voir-plus,
#ayurvedique p .voir-moins, #balinais p .voir-plus,
#balinais p .voir-moins, #shiatsu p .voir-plus,
#shiatsu p .voir-moins, #californien p .voir-plus,
#californien p .voir-moins, #suedois p .voir-plus,
#suedois p .voir-moins, #sorgina p .voir-plus,
#sorgina p .voir-moins, #yoga p .voir-plus,
#yoga p .voir-moins {
    z-index: 52;
    margin-top: 1rem;
    display: inherit;
    text-align: right;
    color: #27b868;
    font-size: 1.3rem;
    font-weight: 500;
    cursor: pointer;
  }
  #ayurvedique ul, #balinais ul, #shiatsu ul, #californien ul, #suedois ul, #sorgina ul, #yoga ul {
    padding: 0 5%;
    font-size: 1rem;
    text-align: justify;
  }
  #ayurvedique ul li, #balinais ul li, #shiatsu ul li, #californien ul li, #suedois ul li, #sorgina ul li, #yoga ul li {
    margin-top: 1.5rem;
    list-style-image: url("../../img/lotus.png");
  }
  #ayurvedique blockquote, #balinais blockquote, #shiatsu blockquote, #californien blockquote, #suedois blockquote, #sorgina blockquote, #yoga blockquote {
    text-align: center;
    font-size: 1.5rem;
    color: #b91cce;
    font-style: italic;
  }
}
@media (min-width: 480px) {
  #shiatsu h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #shiatsu .props img {
    fill: red;
  }
  #shiatsu h4 {
    margin: 2rem 0;
  }
  #shiatsu .plus {
    background-image: url("../../img/pays-japon.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 480px) {
  #californien h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #californien .props img {
    fill: orange;
  }
  #californien .plus {
    background-image: url("../../img/pays-californie.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 480px) {
  #ayurvedique h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #ayurvedique .props img {
    fill: yellow;
  }
  #ayurvedique .plus {
    background-image: url("../../img/pays-inde.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 480px) {
  #sorgina h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #sorgina .props img {
    fill: green;
  }
  #sorgina .plus {
    background-image: url("../../img/pays-eh.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 480px) {
  #balinais h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #balinais .props img {
    fill: cyan;
  }
  #balinais .plus {
    background-image: url("../../img/pays-bali.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 480px) {
  #suedois h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #suedois .props img {
    fill: blue;
  }
  #suedois .plus {
    background-image: url("../../img/pays-suede.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 480px) {
  #yoga h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #yoga .props img {
    fill: purple;
  }
  #yoga .plus {
    background-image: url("../../img/pays-yoga.png");
    background-position: top center;
    background-repeat: no-repeat;
  }
  #yoga .plus img {
    margin-top: 70px;
    display: block;
    text-align: center;
    width: 1100px;
  }
}
#chartdiv {
  width: 100%;
  height: 500px;
}
#chartdiv .amcharts-export-menu.amcharts-export-menu-top-right.amExportButton {
  display: none;
}
#chartdiv .amcharts-chart-div svg g.amcharts-zoom-control {
  display: none;
}
#chartdiv .amcharts-chart-div a {
  visibility: hidden;
}
#chartdiv .ammapDescriptionWindow {
  z-index: 10000;
  background-color: #ccc;
  padding: 20px 20px;
  border-radius: 5px;
  font-family: Verdana;
  font-size: 10px;
  opacity: 0.95;
  overflow: auto;
}
#chartdiv .amcharts-main-div .ammapDescriptionWindow.amcharts-description-div {
  margin: 0;
  padding: 0;
  color: #fff;
  width: 400px;
  height: 175px;
  left: 0;
  top: 0;
  background-size: cover;
  position: absolute;
}
#chartdiv .amcharts-main-div .ammapDescriptionWindow.amcharts-description-div h1 {
  padding: 1rem;
}
#chartdiv .amcharts-main-div .ammapDescriptionWindow.amcharts-description-div h2 {
  padding: 0 1rem 1rem;
}
#chartdiv .amcharts-main-div .ammapDescriptionWindow.amcharts-description-div a:hover {
  text-decoration: none;
  color: #27b868;
}
#chartdiv .amcharts-main-div .ammapDescriptionWindow.amcharts-description-div #japon {
  background-image: url("../../img/japon.jpg");
}
#chartdiv .ammapDescriptionTitle {
  display: none;
}

#chartdiv > div > div:nth-child(2) > div > img {
  padding: 10px;
}

#chartdiv > div > div.amcharts-chart-div > svg > g:nth-child(18) {
  display: none;
}

@media (max-width: 480px) {
  #chartdiv > div > div.amcharts-chart-div > svg > g:nth-child(18) {
    display: none;
  }

  #chartdiv .ammapDescriptionWindow {
    display: none;
  }
}
@media (min-width: 480px) {
  #services h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #b91cce;
    margin-bottom: 50px;
  }
  #services h2 {
    margin-top: 30px;
    font-family: "Krona One";
    font-size: 1.5rem;
    color: #27b868;
    margin-bottom: 50px;
  }
  #services h4 {
    font-family: "Krona One";
    font-size: 1.2rem;
    color: #b91cce;
    margin-bottom: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #services nav li {
    display: inline-block;
    font-size: 1.3rem;
    color: #241E22;
  }
  #services .active {
    color: #27b868;
    text-decoration: underline;
  }
  #services .hidden {
    display: none;
  }
  #services #tarifs li, #services #entreprise li {
    list-style-image: url("../../img/lotus.png");
    margin: 10px 0 10px 50px;
  }
  #services #tarifs a, #services #entreprise a {
    color: #27b868;
  }
}
@media (min-width: 480px) {
  #contact h1 {
    font-family: "Krona One";
    font-size: 2rem;
    color: #b91cce;
    margin-bottom: 50px;
  }
  #contact p {
    font-size: 1.3rem;
    margin-bottom: 1.6rem;
  }
  #contact .tel-mail #tel img {
    max-width: 200px;
  }
  #contact .tel-mail #mail img {
    max-width: 300px;
  }
  #contact #social .social-icons {
    margin: 5rem 6rem 2rem;
    opacity: 0.5;
  }
  #contact #social .social-icons:hover {
    opacity: 1;
  }
}
@media (min-width: 480px) {
  footer {
    color: #fff;
  }
  footer .footer {
    text-align: center;
  }
  footer #logo-footer {
    padding-top: 8%;
  }
  footer #logo-footer h1 {
    font-family: "Krona One";
    font-size: 7rem;
  }
  footer #logo-footer h1 img {
    margin-top: -2%;
  }
  footer #logo-footer-responsive {
    display: none;
  }
  footer #lastrow {
    padding-top: 8%;
    font-family: "Krona One";
    font-size: 1rem;
  }
  footer #lastrow a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #27b868;
  }
  footer #legalModal {
    color: #241E22;
    margin-top: 35px;
    font-size: 0.7rem;
    text-align: left;
  }
  footer #legalModal h4 {
    font-size: 1.1rem;
  }
  footer #legalModal a {
    font-size: 0.8rem;
  }
}

/*# sourceMappingURL=main.css.map */