@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400&family=Be+Vietnam:wght@100;600&display=swap");
/*----------------------*/
/* -------------------- */
/* Animations */
/* -------------------- */
/*----------------------*/
/* -------------------- */
/* Animation bouton */
/* -------------------- */
/*https://ianlunn.github.io/Hover/*/
/* -------------------- */
/* Scroll fire */
/* -------------------- */
@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400&family=Be+Vietnam:wght@100;600&display=swap");
@import url(Aromatron/stylesheet.css);
@import url(plugins/bootstrap.min.css);
@media (min-width: 991.98px) {
  .fadeScroll, .fadeScrollRight, .fadeScrollLeft {
    opacity: 1;
    -webkit-transition: transform 0.4s, opacity 0.4s;
    -moz-transition: transform 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s; }
    .fadeScroll.not-visible, .fadeScrollRight.not-visible, .fadeScrollLeft.not-visible {
      opacity: 0; }

  .fadeScrollRight, .fadeScrollLeft {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  .fadeScrollRight.not-visible {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px); }

  .fadeScrollLeft.not-visible {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px); }

  .fadeScroll {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .fadeScroll.not-visible {
      -webkit-transform: translateY(50px);
      -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
      -o-transform: translateY(50px);
      transform: translateY(50px); } }
/*------------------------------------------------------*/
/* -------------------- */
/* Img */
/* -------------------- */
figure {
  margin: 0; }

/*------------------------------------------------------*/
/* -------------------- */
/*  Image background */
/* -------------------- */
.squareImg {
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: inherit;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  height: auto;
  display: block;
  overflow: hidden;
  transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -ms-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -webkit-transition: opacity 300ms ease; }
  .squareImg:hover {
    opacity: 0.6; }

.rectangleImg {
  position: relative;
  width: 100%;
  padding-top: 62.5%;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: 100% !important;
  background-size: 100% !important;
  display: block;
  overflow: hidden;
  transition: background-size 300ms ease;
  -moz-transition: background-size 300ms ease;
  -ms-transition: background-size 300ms ease;
  -o-transition: background-size 300ms ease;
  -webkit-transition: background-size 300ms ease; }
  .rectangleImg:hover {
    background-size: 105% !important; }

/*------------------------------------------------------*/
/* -------------------- */
/*  Filtres photos */
/* -------------------- */
.filter-bw {
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); }

p {
  white-space: normal !important; }

.text-shadow {
  text-shadow: 2px 1px 9px #000000;
  -wekit-text-shadow: 2px 1px 9px #000000;
  -moz-text-shadow: 2px 1px 9px #000000;
  -o-text-shadow: 2px 1px 9px #000000; }

blockquote {
  opacity: 0.75;
  font-style: italic;
  padding: 1.5rem; }
  blockquote p:before, blockquote p:after {
    font-size: 130%;
    font-weight: bold; }
  blockquote p:before {
    content: '« '; }
  blockquote p:after {
    content: ' »'; }
  blockquote cite {
    text-align: right;
    display: block;
    font-weight: bold; }

@media (max-width: 580px) {
  p, a, h1, h2, h3, h4, h5, h6 {
    word-break: break-word !important;
    overflow-wrap: break-word !important; } }
/*----------*/
/*-- BTN  --*/
/*----------*/
.btn, .btn-orange, .btn-teal {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0 solid transparent;
  padding: 1rem 1.3rem;
  line-height: 1.1rem;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
  .btn:hover, .btn-orange:hover, .btn-teal:hover, .btn:focus, .btn-orange:focus, .btn-teal:focus {
    text-decoration: none; }

.btn-orange {
  background: #f06952;
  color: #fff !important;
  font-weight: 600; }
  .btn-orange:hover, .btn-orange:focus {
    color: #fff;
    background: #147d7d; }

.btn-teal {
  background: #147d7d;
  color: #fff !important;
  font-weight: 600; }
  .btn-teal:hover, .btn-teal:focus {
    color: #fff !important;
    background: #f06952; }

/*----------*/
/*-- FONT --*/
/*----------*/
h1, .h1 {
  font-size: calc(1.8rem + .15vw); }

h2, .h2 {
  font-size: calc(1.6rem + .15vw); }

h3, .h3 {
  font-size: calc(1.4rem + .15vw); }

h4, .h4 {
  font-size: calc(1.2rem + .15vw); }

h5, .h5 {
  font-size: calc(1.1rem + .15vw); }

h6, .h6 {
  font-size: calc(0.8rem + .15vw); }

body, p, span, a, .link, button.link {
  font-size: calc(1.1rem + .035vw); }

.teal {
  color: #147d7d; }

small a {
  font-size: 100%; }

.no-cesure {
  white-space: nowrap; }

/*----------*/
/*-- BODY --*/
/*----------*/
body {
  font-family: "Be Vietnam", sans-serif;
  color: #545454; }

.small-container {
  width: 650px;
  max-width: 100%;
  margin: auto; }

#intro h2 {
  font-family: "Amatic SC", cursive;
  font-size: 2.3rem;
  line-height: 1.4;
  color: #545454; }

/*----------*/
/*- HEADER -*/
/*----------*/
header {
  /*  background-image: url(../medias/fond.jpg);
    background-position: center;
    background-size: cover;*/ }

/*----------*/
/*-- MAIN --*/
/*----------*/
main a {
  color: #147d7d; }
main a:not(.btn):not(.btn-orange):not(.btn-teal):hover {
  color: #f06952; }
main h3, main h4, main p, main figure {
  text-align: center; }
main h3 {
  color: #fbd31c;
  font-family: "Aromatron", sans-serif;
  letter-spacing: 0.010rem;
  font-weight: 300;
  font-size: calc(2.5rem + 0.35vw) !important;
  line-height: 50px; }
main h4 {
  color: #f06952;
  font-family: "Amatic SC", cursive;
  font-size: calc(2.1rem + 0.35vw) !important;
  line-height: 39px;
  letter-spacing: 0.010rem;
  margin-bottom: 2rem; }
main .im {
  width: 540px; }
main article {
  z-index: 30;
  position: relative; }

.lien img {
  margin-bottom: -150px;
  z-index: 1;
  position: relative;
  margin-top: -120px; }

.rotate {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1); }

/*----------*/
/*-- PAGE --*/
/*----------*/
#offrir:before, #b2b:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../medias/bulle-d-mobile.svg);
  background-size: 100%;
  background-position: top center;
  background-repeat: repeat-y;
  opacity: 0.10;
  left: 0;
  top: 0; }

/*----------*/
/*- FOOTER -*/
/*----------*/
footer {
  text-align: center; }
  footer section {
    background-color: #f06952; }
  footer h3 {
    font-family: "Aromatron", sans-serif;
    letter-spacing: 0.010rem;
    font-weight: 300;
    line-height: 20px;
    font-size: calc(1.8rem + 0.35vw);
    color: #fff; }
  footer h4 {
    font-family: "Amatic SC", cursive;
    font-size: calc(1.8rem + 0.35vw);
    line-height: 39px;
    letter-spacing: 0.010rem;
    color: #fff; }
  footer img {
    display: inline-block; }
  footer .btn-rs {
    background-color: #fbd31c;
    border-radius: 100%;
    display: inline-block;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -ms-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms; }
  footer .btn-rs:hover {
    background-color: #fbd31c; }
  footer a {
    color: #fbd31c; }
  footer a:not(.btn):not(.btn-orange):not(.btn-teal):hover {
    color: #fff; }
  footer small {
    color: #fff; }

/*----------------*/
/*-- Responsive --*/
/*----------------*/
@media (min-width: 768px) {
  #offrir:before {
    background-image: url(../medias/bulle-d.svg);
    background-position: right;
    opacity: 0.85; }

  #b2b:before {
    background-image: url(../medias/bulle.svg); }

  section .container {
    padding: 3rem 0; } }
@media (min-width: 1400px) {
  footer svg {
    margin-top: -150px; } }
@media (min-width: 1700px) {
  footer svg {
    margin-top: -200px; } }

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