/*$modules: () !default;
@mixin exports($name) {
  @if (index($modules, $name) == false) { 
    $modules: append($modules, $name);
    @content;
  }
}*/
/*
EXEMPLE : 

@include keyframes(name) {
0% { value: 1; }
100% { value: 0; }
}
*/
/*
EXEMPLE : 

@include keyframes(name) {
0% { value: 1; }
100% { value: 0; }
}
*/
/*********************************/
/******     A APPRENDRE      *****/
/*********************************/
/*********************************/
/******  FIN : A APPRENDRE   *****/
/*********************************/
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none; }

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.owl-carousel .animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  -webkit-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  -moz-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  -o-transition: -o-transform .1s ease;
  -moz-transition: transform .1s ease, -moz-transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease, -moz-transform .1s ease, -o-transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  -moz-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav {
  margin-top: 10px; }

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default; }

.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  -moz-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
  padding-right: 5px; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1; }

.owl-theme .owl-dots .owl-dot span {
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  width: 12px;
  height: 12px;
  margin: 5px;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  transition: opacity .2s ease;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #666; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

#form-data {
  /*.hasprojetlabel {
    display: inline;
}*/ }
  #form-data h1, #form-data h2, #form-data h3 {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    color: #303c54; }
  #form-data h1, #form-data h2 {
    text-align: center; }
  #form-data h1 {
    font-size: 1.75rem; }
  #form-data h2 {
    font-size: 1.25rem; }
  #form-data h3 {
    font-size: 1rem; }
  #form-data .hasprojet {
    padding: 3px;
    padding-left: 5px; }
    #form-data .hasprojet label {
      display: inline;
      padding-left: 5px !important; }
  #form-data .les_mentions p {
    padding-top: 10px;
    font-size: 10px;
    font-family: 'Asap';
    text-align: justify;
    color: #707070; }
  #form-data .infos {
    padding-top: 20px;
    padding-bottom: 20px; }
  #form-data .custom-submit-button {
    background-color: #303c54; }

main#main-content {
  background: white;
  padding-bottom: 0; }
  main#main-content > .row {
    max-width: 100%; }
  main#main-content .row.vam {
    letter-spacing: -0.3rem; }
    main#main-content .row.vam > * {
      display: inline-block;
      letter-spacing: 0;
      vertical-align: middle;
      float: none !important; }
  main#main-content .row-max {
    max-width: 1200px;
    margin: 0 auto; }

#marketplace {
  overflow: hidden; }
  #marketplace .flag-content {
    padding: 0.75rem 0.35rem 0.25rem;
    position: absolute;
    top: -0.5rem;
    z-index: 1000;
    right: 0;
    margin: 0;
    display: inline-block;
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    background: #fff;
    text-align: center; }
    #marketplace .flag-content.is-fixed {
      position: fixed;
      /*top: 1rem;
            padding: 0.5rem 0.5rem 0.25rem;*/ }
    #marketplace .flag-content p {
      margin: 0;
      font-size: 0.5625rem;
      line-height: 0.6875rem; }
    #marketplace .flag-content ul {
      display: inline-block;
      margin: 0.15rem 0 0 0; }
    #marketplace .flag-content .flag {
      margin: 0;
      width: inherit;
      padding: 0.2rem 0.2rem;
      display: inline-block;
      position: relative; }
      #marketplace .flag-content .flag:before {
        content: "N";
        position: relative;
        display: inline-block;
        font-family: ElegantIcons;
        left: -.1rem;
        background: rgba(0, 0, 0, 0.3);
        color: white;
        width: 30px;
        line-height: 30px;
        height: 30px;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        pointer-events: none; }
      #marketplace .flag-content .flag.active:before {
        opacity: 1; }
      #marketplace .flag-content .flag.en a {
        background-position: left top; }
      #marketplace .flag-content .flag a {
        display: block;
        width: 30px;
        height: 30px;
        background: url(/contenu/pagesstatiquesRWD/543/images/flags.png) right top no-repeat;
        -moz-background-size: 200%;
        background-size: 200%; }
  #marketplace > header {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #ccc; }
    #marketplace > header .header-content {
      padding: 265px 1rem 1rem 1rem;
      background: url(/contenu/pagesstatiquesRWD/543/images/bijoux-maty.jpg) center 2rem no-repeat;
      -moz-background-size: 300px;
      background-size: 300px; }
  #marketplace > article {
    padding: 0 1rem;
    position: relative;
    text-align: center; }
  #marketplace > footer {
    padding: 1rem;
    text-align: center; }
  #marketplace #comment-devenir-partenaire > .row {
    border-bottom: 1px solid #ddd; }
  #marketplace ul,
  #marketplace ol {
    list-style: none;
    margin: 0; }
  #marketplace h1 {
    font-size: 0.875rem;
    line-height: 1rem;
    font-family: "Roboto", Arial, sans-serif;
    display: inline-block;
    margin: 0 0 1rem 0;
    max-width: 100%;
    width: 440px;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd; }
    #marketplace h1.en span {
      background: url(/contenu/pagesstatiquesRWD/543/images/marketplace-by-maty.png) center center no-repeat; }
    #marketplace h1 span {
      display: inline-block;
      -moz-background-size: contain;
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      max-width: 440px;
      margin-left: auto;
      margin-right: auto;
      height: 0;
      padding-top: 24.54545%;
      text-indent: -9999px;
      background: url(/contenu/pagesstatiquesRWD/543/images/marketplace-maty.png) center center no-repeat;
      -moz-background-size: 100%;
      background-size: 100%; }
  #marketplace article ul {
    display: inline-block;
    /* .notoriete {
            .star {
                animation: rotate 1s infinite linear;
                transform-origin: 50% 40.5%;
            }
        } */ }
    #marketplace article ul li {
      margin: 2rem 1rem;
      width: 200px;
      display: inline-block;
      vertical-align: top; }
    #marketplace article ul .visuel {
      display: inline-block;
      background: white;
      width: 150px;
      padding: 10px;
      height: 150px;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      #marketplace article ul .visuel svg {
        width: 130px;
        height: 130px; }
    #marketplace article ul p {
      margin: 1rem 0 0 0;
      min-height: 3rem; }
  #marketplace h2 {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 1.25rem;
    line-height: 1.375rem;
    padding: 0;
    margin: 2rem 0 1rem 0; }
    #marketplace h2 strong {
      font-family: "Montserrat-Bold", Arial, Helvetica, sans-serif;
      font-weight: normal;
      text-transform: uppercase;
      color: #303c54; }
  #marketplace .invert {
    background: #303c54; }
    #marketplace .invert h2,
    #marketplace .invert p {
      color: white; }
      #marketplace .invert h2 strong,
      #marketplace .invert p strong {
        color: white; }
  #marketplace .custom-button {
    padding: 0.5rem 1rem; }
  #marketplace .link:before {
    color: white;
    content: "=";
    position: relative;
    display: inline-block;
    font-family: ElegantIcons;
    left: -.1rem;
    font-size: 1.5rem;
    line-height: 1.625rem; }
  #marketplace a.mailto {
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: #303c54;
    font-family: "Montserrat", Arial, Helvetica, sans-serif; }
  #marketplace .mentions {
    padding: 1rem; }
    #marketplace .mentions p {
      font-size: 0.75rem;
      line-height: 0.875rem;
      color: #999999; }
  #marketplace p {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1rem;
    font-family: "Roboto", Arial, sans-serif;
    color: #666; }
    #marketplace p.a-bientot {
      text-indent: -9999px;
      -moz-background-size: contain;
      background-size: contain;
      background-repeat: no-repeat;
      width: 100%;
      max-width: 562px;
      margin-left: auto;
      margin-right: auto;
      height: 0;
      padding-top: 9.4306%;
      background-image: url(/contenu/pagesstatiquesRWD/543/images/a-bientot-sur-maty.png);
      display: inline-block;
      margin: 2rem 0 1rem; }
      #marketplace p.a-bientot.en {
        background-image: url(/contenu/pagesstatiquesRWD/543/images/see-you-soon.png); }

@media only screen and (min-width: 40.063em) {
  #marketplace > header .header-content {
    padding: 1rem 300px 1rem 1rem;
    background: url(/contenu/pagesstatiquesRWD/543/images/bijoux-maty.jpg) 125% 1rem no-repeat;
    -moz-background-size: 52%;
    background-size: 52%; }
  #marketplace > article {
    padding: 2rem 1rem; }
    #marketplace > article ul li {
      margin: 2rem 2rem; } }

@media only screen and (min-width: 64.0625em) {
  #marketplace > header .header-content {
    padding: 2rem 300px 5rem 2rem;
    background: url(/contenu/pagesstatiquesRWD/543/images/bijoux-maty.jpg) right 1rem no-repeat;
    -moz-background-size: inherit;
    background-size: inherit; } }