@font-face {
  font-family: 'WaskNew';
  src: url("/contenu/pagesstatiquesRWD/298/css/fonts/WaskNew.eot?#iefix") format("embedded-opentype"), url("/contenu/pagesstatiquesRWD/298/css/fonts/WaskNew.woff") format("woff"), url("/contenu/pagesstatiquesRWD/298/css/fonts/WaskNew.ttf") format("truetype"), url("/contenu/pagesstatiquesRWD/298/css/fonts/WaskNew.svg#WaskNew") format("svg");
  font-weight: normal;
  font-style: normal; }

@-webkit-keyframes rotating {
  0% {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotating {
  0% {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes rotating {
  0% {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotating {
  0% {
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

main#main-content {
  padding-bottom: 0; }

body {
  overflow: hidden; }
  body #main-header {
    position: relative; }

#before-loader {
  position: fixed;
  width: 100%;
  height: 149px;
  top: 0;
  background: #FDFCDE;
  left: 0;
  z-index: 99; }

#loader-pierre-naissance {
  position: fixed;
  width: 100%;
  top: 149px;
  overflow: hidden;
  height: 90%;
  bottom: 0;
  left: 0;
  background: #FDFCDE;
  z-index: 99; }
  #loader-pierre-naissance .loader-title {
    top: 50%;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -webktit-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -moz-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -webktit-transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%); }
    #loader-pierre-naissance .loader-title .logo {
      -webkit-animation: rotating 4s linear infinite;
      -moz-animation: rotating 4s linear infinite;
      -o-animation: rotating 4s linear infinite;
      animation: rotating 4s linear infinite; }

#page-pierre-de-naissance {
  background-color: white;
  text-align: center; }
  #page-pierre-de-naissance header .hgroup {
    background: url(../images/header-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 1rem; }
  #page-pierre-de-naissance header h1,
  #page-pierre-de-naissance header p {
    background: #fff0fb;
    margin: 0;
    font-size: 1rem;
    line-height: 1.2rem; }
  #page-pierre-de-naissance .main-logo,
  #page-pierre-de-naissance .loader-title {
    position: relative;
    display: inline-block; }
    #page-pierre-de-naissance .main-logo .logo,
    #page-pierre-de-naissance .loader-title .logo {
      position: absolute;
      background: url(../images/logo.png) center center no-repeat;
      background-size: contain;
      width: 28%;
      padding-top: 28%;
      display: inline-block;
      left: 50%;
      top: 16%;
      margin-left: -14%; }
  #page-pierre-de-naissance h2 {
    font-family: "WaskNew";
    font-size: 3.2rem;
    line-height: 3.2rem; }
  #page-pierre-de-naissance h3 {
    font-family: "Montserrat-Bold", Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-transform: uppercase; }
  #page-pierre-de-naissance .row {
    font-size: 0; }
    #page-pierre-de-naissance .row .columns {
      float: none;
      display: inline-block;
      vertical-align: middle; }
  #page-pierre-de-naissance .custom-button {
    margin: 0;
    padding: 0.3rem 0.6rem;
    font-size: 0.7rem; }
  #page-pierre-de-naissance h1 {
    color: #666;
    font-size: 0.8rem;
    font-family: "Asap", Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 1rem; }
    #page-pierre-de-naissance h1.symbole {
      font-family: "WaskNew";
      font-size: 1.8rem;
      line-height: 2rem;
      font-style: italic; }
  #page-pierre-de-naissance p {
    font-size: 0.8rem;
    line-height: 1rem;
    font-family: "Asap", Arial, Helvetica, sans-serif;
    padding-bottom: 1rem;
    margin: 0; }
    #page-pierre-de-naissance p.symbole {
      font-family: "WaskNew";
      font-size: 1.8rem;
      line-height: 2rem;
      font-style: italic; }
  #page-pierre-de-naissance .triangles span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    display: inline-block; }
    #page-pierre-de-naissance .triangles span.middle {
      border-color: #171614 transparent transparent transparent !important; }
  #page-pierre-de-naissance .mois {
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%; }
    #page-pierre-de-naissance .mois#grenat h2:after {
      width: 120%; }
    #page-pierre-de-naissance .mois#grenat {
      background: #fff0fb; }
      #page-pierre-de-naissance .mois#grenat .bg {
        background: url("../images/grenat/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#grenat h2 {
        color: #d2639f; }
        #page-pierre-de-naissance .mois#grenat h2:after {
          background: url("../images/grenat/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#grenat .custom-button {
        background: #d2639f; }
        #page-pierre-de-naissance .mois#grenat .custom-button:hover {
          background: #c9438c; }
      #page-pierre-de-naissance .mois#grenat.teasing .visuel:before {
        background: url("../images/grenat/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#grenat .txt h3,
      #page-pierre-de-naissance .mois#grenat .txt .symbole {
        color: #d2639f; }
      #page-pierre-de-naissance .mois#grenat .triangles span {
        border-color: #d2639f transparent transparent transparent; }
    #page-pierre-de-naissance .mois#amethyste {
      background: #f6f5fd; }
      #page-pierre-de-naissance .mois#amethyste .bg {
        background: url("../images/amethyste/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#amethyste h2 {
        color: #70428d; }
        #page-pierre-de-naissance .mois#amethyste h2:after {
          background: url("../images/amethyste/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#amethyste .custom-button {
        background: #70428d; }
        #page-pierre-de-naissance .mois#amethyste .custom-button:hover {
          background: #5a3571; }
      #page-pierre-de-naissance .mois#amethyste.teasing .visuel:before {
        background: url("../images/amethyste/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#amethyste .txt h3,
      #page-pierre-de-naissance .mois#amethyste .txt .symbole {
        color: #70428d; }
      #page-pierre-de-naissance .mois#amethyste .triangles span {
        border-color: #70428d transparent transparent transparent; }
    #page-pierre-de-naissance .mois#aiguemarine {
      background: #f0fcfd; }
      #page-pierre-de-naissance .mois#aiguemarine .bg {
        background: url("../images/aiguemarine/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#aiguemarine h2 {
        color: #8fdfe4; }
        #page-pierre-de-naissance .mois#aiguemarine h2:after {
          background: url("../images/aiguemarine/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#aiguemarine .custom-button {
        background: #8fdfe4; }
        #page-pierre-de-naissance .mois#aiguemarine .custom-button:hover {
          background: #6ed6dc; }
      #page-pierre-de-naissance .mois#aiguemarine.teasing .visuel:before {
        background: url("../images/aiguemarine/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#aiguemarine .txt h3,
      #page-pierre-de-naissance .mois#aiguemarine .txt .symbole {
        color: #8fdfe4; }
      #page-pierre-de-naissance .mois#aiguemarine .triangles span {
        border-color: #8fdfe4 transparent transparent transparent; }
    #page-pierre-de-naissance .mois#diamant {
      background: #f7f7f7; }
      #page-pierre-de-naissance .mois#diamant .bg {
        background: url("../images/diamant/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#diamant h2 {
        color: #a2a3a3; }
        #page-pierre-de-naissance .mois#diamant h2:after {
          background: url("../images/diamant/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#diamant .custom-button {
        background: #a2a3a3; }
        #page-pierre-de-naissance .mois#diamant .custom-button:hover {
          background: #8d8f8f; }
      #page-pierre-de-naissance .mois#diamant.teasing .visuel:before {
        background: url("../images/diamant/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#diamant .txt h3,
      #page-pierre-de-naissance .mois#diamant .txt .symbole {
        color: #a2a3a3; }
      #page-pierre-de-naissance .mois#diamant .triangles span {
        border-color: #a2a3a3 transparent transparent transparent; }
    #page-pierre-de-naissance .mois#emeraude {
      background: #f0fcfd; }
      #page-pierre-de-naissance .mois#emeraude .bg {
        background: url("../images/emeraude/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#emeraude h2 {
        color: #6eddc1; }
        #page-pierre-de-naissance .mois#emeraude h2:after {
          background: url("../images/emeraude/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#emeraude .custom-button {
        background: #6eddc1; }
        #page-pierre-de-naissance .mois#emeraude .custom-button:hover {
          background: #4dd5b3; }
      #page-pierre-de-naissance .mois#emeraude.teasing .visuel:before {
        background: url("../images/emeraude/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#emeraude .txt h3,
      #page-pierre-de-naissance .mois#emeraude .txt .symbole {
        color: #6eddc1; }
      #page-pierre-de-naissance .mois#emeraude .triangles span {
        border-color: #6eddc1 transparent transparent transparent; }
    #page-pierre-de-naissance .mois#quartz {
      background: #f0faef; }
      #page-pierre-de-naissance .mois#quartz .bg {
        background: url("../images/quartz/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#quartz h2 {
        color: #8fc88f; }
        #page-pierre-de-naissance .mois#quartz h2:after {
          background: url("../images/quartz/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#quartz .custom-button {
        background: #8fc88f; }
        #page-pierre-de-naissance .mois#quartz .custom-button:hover {
          background: #74bb74; }
      #page-pierre-de-naissance .mois#quartz.teasing .visuel:before {
        background: url("../images/quartz/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#quartz .txt h3,
      #page-pierre-de-naissance .mois#quartz .txt .symbole {
        color: #8fc88f; }
      #page-pierre-de-naissance .mois#quartz .triangles span {
        border-color: #8fc88f transparent transparent transparent; }
    #page-pierre-de-naissance .mois#perle {
      background: #faf9f7; }
      #page-pierre-de-naissance .mois#perle .bg {
        background: url("../images/perle/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#perle h2 {
        color: #a8a18e; }
        #page-pierre-de-naissance .mois#perle h2:after {
          background: url("../images/perle/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#perle .custom-button {
        background: #a8a18e; }
        #page-pierre-de-naissance .mois#perle .custom-button:hover {
          background: #968e77; }
      #page-pierre-de-naissance .mois#perle.teasing .visuel:before {
        background: url("../images/perle/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#perle .txt h3,
      #page-pierre-de-naissance .mois#perle .txt .symbole {
        color: #a8a18e; }
      #page-pierre-de-naissance .mois#perle .triangles span {
        border-color: #a8a18e transparent transparent transparent; }
    #page-pierre-de-naissance .mois#rubis {
      background: #faf9f7; }
      #page-pierre-de-naissance .mois#rubis .bg {
        background: url("../images/rubis/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#rubis h2 {
        color: #ff647e; }
        #page-pierre-de-naissance .mois#rubis h2:after {
          background: url("../images/rubis/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#rubis .custom-button {
        background: #ff647e; }
        #page-pierre-de-naissance .mois#rubis .custom-button:hover {
          background: #ff3b5c; }
      #page-pierre-de-naissance .mois#rubis.teasing .visuel:before {
        background: url("../images/rubis/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#rubis .txt h3,
      #page-pierre-de-naissance .mois#rubis .txt .symbole {
        color: #ff647e; }
      #page-pierre-de-naissance .mois#rubis .triangles span {
        border-color: #ff647e transparent transparent transparent; }
    #page-pierre-de-naissance .mois#saphir {
      background: #eff4fd; }
      #page-pierre-de-naissance .mois#saphir .bg {
        background: url("../images/saphir/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#saphir h2 {
        color: #1f63a4; }
        #page-pierre-de-naissance .mois#saphir h2:after {
          background: url("../images/saphir/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#saphir .custom-button {
        background: #1f63a4; }
        #page-pierre-de-naissance .mois#saphir .custom-button:hover {
          background: #194e82; }
      #page-pierre-de-naissance .mois#saphir.teasing .visuel:before {
        background: url("../images/saphir/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#saphir .txt h3,
      #page-pierre-de-naissance .mois#saphir .txt .symbole {
        color: #1f63a4; }
      #page-pierre-de-naissance .mois#saphir .triangles span {
        border-color: #1f63a4 transparent transparent transparent; }
    #page-pierre-de-naissance .mois#tourmaline {
      background: #ffeff3; }
      #page-pierre-de-naissance .mois#tourmaline .bg {
        background: url("../images/tourmaline/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#tourmaline h2 {
        color: #e578a5; }
        #page-pierre-de-naissance .mois#tourmaline h2:after {
          background: url("../images/tourmaline/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#tourmaline .custom-button {
        background: #e578a5; }
        #page-pierre-de-naissance .mois#tourmaline .custom-button:hover {
          background: #de568e; }
      #page-pierre-de-naissance .mois#tourmaline.teasing .visuel:before {
        background: url("../images/tourmaline/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#tourmaline .txt h3,
      #page-pierre-de-naissance .mois#tourmaline .txt .symbole {
        color: #e578a5; }
      #page-pierre-de-naissance .mois#tourmaline .triangles span {
        border-color: #e578a5 transparent transparent transparent; }
    #page-pierre-de-naissance .mois#citrine {
      background: #fefcef; }
      #page-pierre-de-naissance .mois#citrine .bg {
        background: url("../images/citrine/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#citrine h2 {
        color: #fab817; }
        #page-pierre-de-naissance .mois#citrine h2:after {
          background: url("../images/citrine/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#citrine .custom-button {
        background: #fab817; }
        #page-pierre-de-naissance .mois#citrine .custom-button:hover {
          background: #e3a305; }
      #page-pierre-de-naissance .mois#citrine.teasing .visuel:before {
        background: url("../images/citrine/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#citrine .txt h3,
      #page-pierre-de-naissance .mois#citrine .txt .symbole {
        color: #fab817; }
      #page-pierre-de-naissance .mois#citrine .triangles span {
        border-color: #fab817 transparent transparent transparent; }
    #page-pierre-de-naissance .mois#topaze {
      background: #edf9fe; }
      #page-pierre-de-naissance .mois#topaze .bg {
        background: url("../images/topaze/bg.png") left top no-repeat; }
      #page-pierre-de-naissance .mois#topaze h2 {
        color: #70d0fd; }
        #page-pierre-de-naissance .mois#topaze h2:after {
          background: url("../images/topaze/title-deco.png?v=2.0") left top no-repeat; }
      #page-pierre-de-naissance .mois#topaze .custom-button {
        background: #70d0fd; }
        #page-pierre-de-naissance .mois#topaze .custom-button:hover {
          background: #48c3fc; }
      #page-pierre-de-naissance .mois#topaze.teasing .visuel:before {
        background: url("../images/topaze/triangle.png") center center no-repeat; }
      #page-pierre-de-naissance .mois#topaze .txt h3,
      #page-pierre-de-naissance .mois#topaze .txt .symbole {
        color: #70d0fd; }
      #page-pierre-de-naissance .mois#topaze .triangles span {
        border-color: #70d0fd transparent transparent transparent; }
    #page-pierre-de-naissance .mois.teasing.right .txt:before {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      left: auto;
      right: -1px; }
    #page-pierre-de-naissance .mois.teasing.right .visuel:before {
      left: 10%;
      right: auto; }
    #page-pierre-de-naissance .mois.teasing.right .visuel .bijou {
      right: auto;
      left: 15%; }
      #page-pierre-de-naissance .mois.teasing.right .visuel .bijou h3 {
        text-align: right; }
    #page-pierre-de-naissance .mois.teasing .visuel {
      padding-top: 56%;
      max-height: 300px; }
      #page-pierre-de-naissance .mois.teasing .visuel:before {
        content: "";
        height: 50px;
        width: 50px;
        display: block;
        top: 1.5rem;
        right: 10%;
        position: absolute; }
      #page-pierre-de-naissance .mois.teasing .visuel .bijou {
        width: 70%;
        left: auto;
        right: 15%;
        bottom: 0rem;
        z-index: 4; }
        #page-pierre-de-naissance .mois.teasing .visuel .bijou h3 {
          text-align: left;
          display: inline-block;
          width: 60%; }
        #page-pierre-de-naissance .mois.teasing .visuel .bijou > img {
          width: 40%; }
    #page-pierre-de-naissance .mois.teasing .txt {
      padding: 2rem 1rem; }
      #page-pierre-de-naissance .mois.teasing .txt .paragraphe p {
        padding: 1.5rem 0 0.5rem 0;
        font-size: 1rem;
        line-height: 1.2rem; }
      #page-pierre-de-naissance .mois.teasing .txt:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
        left: 0px;
        background: url("../images/arrow-bot.svg") center top no-repeat;
        background-size: contain;
        top: -1px; }
      #page-pierre-de-naissance .mois.teasing .txt .bg-triangle {
        height: 100%;
        background-size: contain !important; }
    #page-pierre-de-naissance .mois.right .visuel .content {
      text-align: right;
      left: auto;
      right: 1rem; }
      #page-pierre-de-naissance .mois.right .visuel .content h2 {
        display: inline-block;
        text-align: right; }
    #page-pierre-de-naissance .mois.right .visuel .bijou {
      text-align: left; }
    #page-pierre-de-naissance .mois.right .visuel .mois-visuel {
      position: absolute;
      width: 36%;
      right: auto;
      left: 3%;
      top: 23%; }
    #page-pierre-de-naissance .mois .visuel {
      position: relative;
      background: #fff; }
      #page-pierre-de-naissance .mois .visuel .mois-visuel {
        position: absolute;
        width: 38%;
        right: 5%;
        top: 23%;
        background-size: 100% !important; }
      #page-pierre-de-naissance .mois .visuel .bg {
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
        padding-top: 134.29752%;
        background-size: 100% !important; }
      #page-pierre-de-naissance .mois .visuel .bijou {
        position: absolute;
        bottom: 1rem;
        right: 8%;
        left: 8%;
        text-align: right; }
        #page-pierre-de-naissance .mois .visuel .bijou > img {
          max-width: 55%; }
        #page-pierre-de-naissance .mois .visuel .bijou p {
          margin-top: -2rem;
          text-align: center; }
      #page-pierre-de-naissance .mois .visuel .content {
        position: absolute;
        top: 1rem;
        left: 1rem; }
    #page-pierre-de-naissance .mois .txt {
      padding: 2rem 1rem 1rem;
      position: relative; }
      #page-pierre-de-naissance .mois .txt .paragraphe {
        padding: 0.5rem 0;
        position: relative;
        z-index: 2; }
      #page-pierre-de-naissance .mois .txt .pierre {
        padding: 1.5rem 0.5rem 0; }
      #page-pierre-de-naissance .mois .txt img {
        position: relative;
        z-index: 3; }
    #page-pierre-de-naissance .mois h2 {
      position: relative;
      text-align: left;
      display: inline-block; }
      #page-pierre-de-naissance .mois h2:after {
        content: "";
        background-size: contain !important;
        width: 75%;
        height: 30px;
        display: block; }
  #page-pierre-de-naissance #pierre-du-mois {
    overflow: hidden;
    padding: 2rem 1rem; }
    #page-pierre-de-naissance #pierre-du-mois h3 {
      color: #6adde4; }
    #page-pierre-de-naissance #pierre-du-mois nav {
      position: relative;
      overflow: hidden; }
      #page-pierre-de-naissance #pierre-du-mois nav .bg {
        display: block;
        width: 130px;
        height: 100px;
        z-index: 4; }
      #page-pierre-de-naissance #pierre-du-mois nav .picto {
        z-index: 5;
        height: 2rem;
        line-height: 2rem;
        font-size: 2rem;
        text-align: center;
        color: #edeaf2;
        -moz-transition: 0.2s all linear;
        -webkit-transition: 0.2s all linear;
        -ms-transition: 0.2s all linear;
        -o-transition: 0.2s all linear;
        transition: 0.2s all linear; }
        #page-pierre-de-naissance #pierre-du-mois nav .picto:hover {
          color: #b7abcb;
          -moz-transition: 0.2s all linear;
          -webkit-transition: 0.2s all linear;
          -ms-transition: 0.2s all linear;
          -o-transition: 0.2s all linear;
          transition: 0.2s all linear; }
      #page-pierre-de-naissance #pierre-du-mois nav .before {
        position: absolute;
        background: #fff;
        cursor: pointer; }
        #page-pierre-de-naissance #pierre-du-mois nav .before.bg {
          top: 0px;
          left: -15px;
          transform-origin: left top;
          -moz-transform: rotate(53deg);
          -o-transform: rotate(53deg);
          -ms-transform: rotate(53deg);
          -webkit-transform: rotate(53deg);
          transform: rotate(53deg);
          -moz-transform-origin: left top;
          -o-transform-origin: left top;
          -ms-transform-origin: left top;
          -webkit-transform-origin: left top;
          transform-origin: left top; }
        #page-pierre-de-naissance #pierre-du-mois nav .before.picto {
          bottom: 1.5rem;
          left: -10px; }
      #page-pierre-de-naissance #pierre-du-mois nav .after {
        position: absolute;
        background: #fff;
        cursor: pointer; }
        #page-pierre-de-naissance #pierre-du-mois nav .after.bg {
          bottom: 0px;
          right: -5px;
          -moz-transform: rotate(53deg);
          -o-transform: rotate(53deg);
          -ms-transform: rotate(53deg);
          -webkit-transform: rotate(53deg);
          transform: rotate(53deg);
          -moz-transform-origin: right bottom;
          -o-transform-origin: right bottom;
          -ms-transform-origin: right bottom;
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom; }
        #page-pierre-de-naissance #pierre-du-mois nav .after.picto {
          bottom: 2.5rem;
          right: -10px; }
      #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois {
        list-style: none;
        margin: 0; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .grenat {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .grenat svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .grenat svg .triangle {
            fill: #d2639f; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .grenat svg .bg {
            fill: #fed1f2; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .amethyste {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .amethyste svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .amethyste svg .triangle {
            fill: #70428d; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .amethyste svg .bg {
            fill: #dad1e7; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .aiguemarine {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .aiguemarine svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .aiguemarine svg .triangle {
            fill: #8fdfe4; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .aiguemarine svg .bg {
            fill: #d9f2f3; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .diamant {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .diamant svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .diamant svg .triangle {
            fill: #a2a3a3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .diamant svg .bg {
            fill: #eaeaea; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .emeraude {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .emeraude svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .emeraude svg .triangle {
            fill: #6eddc1; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .emeraude svg .bg {
            fill: #d4f8eb; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .quartz {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .quartz svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .quartz svg .triangle {
            fill: #8fc88f; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .quartz svg .bg {
            fill: #e3f6e2; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .perle {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .perle svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .perle svg .triangle {
            fill: #a8a18e; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .perle svg .bg {
            fill: #e1dfdb; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .rubis {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .rubis svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .rubis svg .triangle {
            fill: #ff647e; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .rubis svg .bg {
            fill: #f9c4cc; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .saphir {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .saphir svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .saphir svg .triangle {
            fill: #1f63a4; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .saphir svg .bg {
            fill: #c2d5f9; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .tourmaline {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .tourmaline svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .tourmaline svg .triangle {
            fill: #e578a5; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .tourmaline svg .bg {
            fill: #fdd5df; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .citrine {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .citrine svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .citrine svg .triangle {
            fill: #fab817; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .citrine svg .bg {
            fill: #fdf0b8; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .topaze {
          z-index: 3; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .topaze svg text,
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .topaze svg .triangle {
            fill: #70d0fd; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .topaze svg .bg {
            fill: #c8effa; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .owl-item:last-of-type {
          margin-left: -1px; }
        #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .item {
          display: inline-block;
          clear: both;
          width: 100%;
          margin-left: -50px; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .item .pierre {
            margin-left: -22%;
            width: 58%;
            float: left; }
            #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .item .pierre:first-of-type {
              margin-left: 0; }
          #page-pierre-de-naissance #pierre-du-mois nav #carousel-mois .item:first-of-type {
            margin-left: 0; }
      #page-pierre-de-naissance #pierre-du-mois nav svg {
        position: relative;
        z-index: 2;
        height: 100px;
        width: 100%; }

@media only screen and (min-width: 40em) {
  #page-pierre-de-naissance p.symbole br {
    display: none; }
  #page-pierre-de-naissance .mois {
    display: table;
    width: 100%; }
    #page-pierre-de-naissance .mois h2:after {
      width: 100%; }
    #page-pierre-de-naissance .mois .visuel,
    #page-pierre-de-naissance .mois .txt {
      display: table-cell; }
      #page-pierre-de-naissance .mois .visuel .bg-triangle,
      #page-pierre-de-naissance .mois .txt .bg-triangle {
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(../images/after-text-bg.png) right bottom no-repeat;
        background-size: 100% !important;
        height: 328px;
        width: 33%; }
      #page-pierre-de-naissance .mois .visuel .pierre,
      #page-pierre-de-naissance .mois .txt .pierre {
        padding-right: 20%; }
    #page-pierre-de-naissance .mois .visuel .bijou p {
      text-align: right; }
    #page-pierre-de-naissance .mois .visuel .bijou > img {
      max-width: 63%; }
    #page-pierre-de-naissance .mois .visuel .mois-visuel {
      width: 33%;
      top: 18%;
      right: 14%; }
    #page-pierre-de-naissance .mois.right .visuel .bijou p {
      text-align: left; }
    #page-pierre-de-naissance .mois.right .visuel .mois-visuel {
      width: 33%;
      top: 15%;
      left: 8%;
      right: auto; }
    #page-pierre-de-naissance .mois.right .txt .pierre {
      padding-right: 0;
      padding-left: 20%; }
    #page-pierre-de-naissance .mois.right .txt .bg-triangle {
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      background: url(../images/after-text-bg.png) right top no-repeat;
      right: auto;
      left: 0; }
    #page-pierre-de-naissance .mois.teasing.right .txt:before {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      left: auto;
      right: -1px; }
    #page-pierre-de-naissance .mois.teasing.right .visuel:before {
      left: auto;
      right: 10% !important; }
    #page-pierre-de-naissance .mois.teasing.right .visuel .bijou {
      right: auto;
      left: 0%; }
    #page-pierre-de-naissance .mois.teasing .visuel {
      padding-top: inherit; }
      #page-pierre-de-naissance .mois.teasing .visuel:before {
        top: auto;
        bottom: 1rem;
        left: 10%; }
      #page-pierre-de-naissance .mois.teasing .visuel .bijou {
        width: 43%;
        right: -5%;
        bottom: 50%;
        z-index: 4;
        -moz-transform: translateY(50%);
        -o-transform: translateY(50%);
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%); }
    #page-pierre-de-naissance .mois.teasing .txt {
      padding: 1rem; }
      #page-pierre-de-naissance .mois.teasing .txt .paragraphe p {
        padding: 1.5rem 0 0.5rem 0;
        font-size: 1rem;
        line-height: 1.2rem; }
      #page-pierre-de-naissance .mois.teasing .txt:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 33%;
        display: block;
        left: -1px;
        background: url("../images/arrow.svg") right center no-repeat;
        background-size: contain;
        top: 0;
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #page-pierre-de-naissance .mois.teasing .txt .bg-triangle {
        height: 100%;
        background-size: contain !important; }
  #page-pierre-de-naissance #pierre-du-mois nav .before.bg {
    top: 0px;
    left: -10px; }
  #page-pierre-de-naissance #pierre-du-mois nav .before.picto {
    bottom: 1.5rem;
    left: -5px; }
  #page-pierre-de-naissance #pierre-du-mois nav .after.bg {
    bottom: 0px;
    right: 5px; }
  #page-pierre-de-naissance #pierre-du-mois nav .after.picto {
    bottom: 2.5rem;
    right: 0rem; } }

@media only screen and (min-width: 64em) {
  #page-pierre-de-naissance .mois.teasing .visuel .bijou {
    width: 55%; } }