/* ***************************
          RESET
**************************** */
/* HTML5 display-role reset for older browsers */
/* line 5, ../../../web/assets/css/sass/utils/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 8, ../../../web/assets/css/sass/utils/_reset.scss */
body, html {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow-y: initial !important;
}

/* line 15, ../../../web/assets/css/sass/utils/_reset.scss */
body {
  line-height: 1;
}

/* line 18, ../../../web/assets/css/sass/utils/_reset.scss */
section {
  position: relative;
}

/* line 21, ../../../web/assets/css/sass/utils/_reset.scss */
article {
  position: relative;
}

/* line 24, ../../../web/assets/css/sass/utils/_reset.scss */
em {
  font-style: italic;
}

/* line 27, ../../../web/assets/css/sass/utils/_reset.scss */
strong {
  font-family: bold;
}

/* line 30, ../../../web/assets/css/sass/utils/_reset.scss */
label {
  font-weight: inherit;
}

/* line 33, ../../../web/assets/css/sass/utils/_reset.scss */
a {
  color: currentColor;
}

/* line 36, ../../../web/assets/css/sass/utils/_reset.scss */
a:visited, a:link {
  text-decoration: none !important;
}

/* line 39, ../../../web/assets/css/sass/utils/_reset.scss */
ol, ul, menu {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}

/* line 49, ../../../web/assets/css/sass/utils/_reset.scss */
hr {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
  border-style: inset;
  border-width: 0;
}

/* line 57, ../../../web/assets/css/sass/utils/_reset.scss */
p {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin: 0.5em 0;
  font-size: 1em;
}

/* line 65, ../../../web/assets/css/sass/utils/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 69, ../../../web/assets/css/sass/utils/_reset.scss */
h1, h2, h3 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  font-weight: inherit;
  font-size: inherit;
  margin: 0;
}

/* line 79, ../../../web/assets/css/sass/utils/_reset.scss */
figure {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

/* line 86, ../../../web/assets/css/sass/utils/_reset.scss */
button:focus, input:focus {
  outline: none;
}

/* line 90, ../../../web/assets/css/sass/utils/_reset.scss */
blockquote, q {
  quotes: none;
}
/* line 92, ../../../web/assets/css/sass/utils/_reset.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 97, ../../../web/assets/css/sass/utils/_reset.scss */
* {
  box-sizing: border-box;
  /*inclut le border et le padding dans la largeur du bloc; n'inclut pas le margin*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* line 102, ../../../web/assets/css/sass/utils/_reset.scss */
.clear {
  clear: both;
}

/* line 105, ../../../web/assets/css/sass/utils/_reset.scss */
.lazy-background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
}

/* line 115, ../../../web/assets/css/sass/utils/_reset.scss */
.no-mobile {
  display: none;
}

/** Variables
 1 - media queries
 2 - colors
 3 - layout
 4 - mixin */
/* 1 - media queries */
/* 2 - colors */
/* 3 - layout */
/* 4 - mixin */
@font-face {
  font-family: 'reem_kufiregular';
  src: url("/assets/fonts/reemkufi-regular.eot");
  src: url("/assets/fonts/reemkufi-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/reemkufi-regular.woff2") format("woff2"), url("/assets/fonts/reemkufi-regular.woff") format("woff"), url("/assets/fonts/reemkufi-regular.ttf") format("truetype"), url("/assets/fonts/reemkufi-regular.svg#reem_kufiregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cormorant_garamond';
  src: url("/assets/fonts/cormorantgaramond-bold.eot");
  src: url("/assets/fonts/cormorantgaramond-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/cormorantgaramond-bold.woff2") format("woff2"), url("/assets/fonts/cormorantgaramond-bold.woff") format("woff"), url("/assets/fonts/cormorantgaramond-bold.ttf") format("truetype"), url("/assets/fonts/cormorantgaramond-bold.svg#cormorant_garamondbold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'cormorant_garamond';
  src: url("/assets/fonts/cormorantgaramond-bolditalic.eot");
  src: url("/assets/fonts/cormorantgaramond-bolditalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/cormorantgaramond-bolditalic.woff2") format("woff2"), url("/assets/fonts/cormorantgaramond-bolditalic.woff") format("woff"), url("/assets/fonts/cormorantgaramond-bolditalic.ttf") format("truetype"), url("/assets/fonts/cormorantgaramond-bolditalic.svg#cormorant_garamondbold_italic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'cormorant_garamond';
  src: url("/assets/fonts/cormorantgaramond-mediumitalic.eot");
  src: url("/assets/fonts/cormorantgaramond-mediumitalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/cormorantgaramond-mediumitalic.woff2") format("woff2"), url("/assets/fonts/cormorantgaramond-mediumitalic.woff") format("woff"), url("/assets/fonts/cormorantgaramond-mediumitalic.ttf") format("truetype"), url("/assets/fonts/cormorantgaramond-mediumitalic.svg#cormorant_garamondMdIt") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'cormorant_garamond';
  src: url("/assets/fonts/cormorantgaramond-regular.eot");
  src: url("/assets/fonts/cormorantgaramond-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/cormorantgaramond-regular.woff2") format("woff2"), url("/assets/fonts/cormorantgaramond-regular.woff") format("woff"), url("/assets/fonts/cormorantgaramond-regular.ttf") format("truetype"), url("/assets/fonts/cormorantgaramond-regular.svg#cormorant_garamondregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("/assets/fonts/icomoon.eot?ycpq4i");
  src: url("/assets/fonts/icomoon.eot?ycpq4i#iefix") format("embedded-opentype"), url("/assets/fonts/icomoon.woff2?ycpq4i") format("woff2"), url("/assets/fonts/icomoon.ttf?ycpq4i") format("truetype"), url("/assets/fonts/icomoon.woff?ycpq4i") format("woff"), url("/assets/fonts/icomoon.svg?ycpq4i#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 78, ../../../web/assets/css/sass/utils/_fonts.scss */
[class^="icon-"]:before, [class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 93, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-deyrem:before {
  content: "\e904";
}

/* line 96, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-eliophot:before {
  content: "\e900";
}

/* line 99, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-menu:before {
  content: "\ec71";
}

/* line 102, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-arrow-right:before {
  content: "\edbe";
}

/* line 105, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-arrow-down:before {
  content: "\edc2";
}

/* line 108, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-arrow-left:before {
  content: "\edc6";
}

/* line 111, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-check:before {
  content: "\ed71";
}

/* line 114, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-caret-up:before {
  content: "\edc7";
}

/* line 117, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-caret-right:before {
  content: "\edc8";
}

/* line 120, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-caret-down:before {
  content: "\edc9";
}

/* line 123, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-caret-left:before {
  content: "\edca";
}

/* line 126, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-facebook:before {
  content: "\eeef";
}

/* line 129, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-twitter:before {
  content: "\eef5";
}

/* line 132, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-google-plus:before {
  content: "\eeea";
}

/* line 135, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-pinterest:before {
  content: "\ef30";
}

/* line 138, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-youtube:before {
  content: "\eefc";
}

/* line 141, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-instagram:before {
  content: "\e902";
}

/* line 144, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-tumblr:before {
  content: "\ef18";
}

/* line 147, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-flickr:before {
  content: "\ef03";
}

/* line 150, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-tripadvisor:before {
  content: "\e903";
}

/* line 153, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-envelope:before {
  content: "\e696";
  font-size: 120%;
}

/* line 157, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-phone:before {
  content: "\e7a8";
}

/* line 160, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-map-marker:before {
  content: "\e77a";
}

/* line 163, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-calendar-full:before {
  content: "\e789";
}

/* line 166, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-earth:before {
  content: "\e884";
}

/* line 169, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-arrow-full-thin-right:before {
  content: "\e944";
}

/* line 172, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-cross:before {
  content: "\e92a";
}

/* line 175, ../../../web/assets/css/sass/utils/_fonts.scss */
.icon-plus:before {
  content: "\e936";
}

/* line 1, ../../../web/assets/css/sass/module/_header.scss */
header {
  background-color: #f8f8f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 15;
}
/* line 12, ../../../web/assets/css/sass/module/_header.scss */
header .mobile {
  width: 3em;
}

/* line 16, ../../../web/assets/css/sass/module/_header.scss */
#btnNav {
  cursor: pointer;
  margin: 0.5em;
  text-align: center;
}
/* line 20, ../../../web/assets/css/sass/module/_header.scss */
#btnNav i {
  color: #a7905e;
  font-size: 1.5em;
}
/* line 24, ../../../web/assets/css/sass/module/_header.scss */
#btnNav .intitule {
  font-size: 0.6em;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 30, ../../../web/assets/css/sass/module/_header.scss */
.logoHead {
  height: 42px;
  position: relative;
}
/* line 33, ../../../web/assets/css/sass/module/_header.scss */
.logoHead img {
  height: 100%;
}

/* line 37, ../../../web/assets/css/sass/module/_header.scss */
#logoNav {
  padding-top: 18px;
  height: 60px;
  order: 0;
}

/* line 42, ../../../web/assets/css/sass/module/_header.scss */
.logo-before-scroll {
  display: none;
}

/* line 45, ../../../web/assets/css/sass/module/_header.scss */
.nav-principale {
  align-items: center;
  background-color: #f8f8f6;
  bottom: 0;
  color: #4f4c46;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  height: 100%;
  max-height: 100vh;
  justify-content: flex-start;
  left: -105%;
  line-height: 320%;
  position: fixed;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: 15;
}
/* line 64, ../../../web/assets/css/sass/module/_header.scss */
.nav-principale .close {
  color: #a7905e;
  cursor: pointer;
  font-size: 1.5em;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
}
/* line 72, ../../../web/assets/css/sass/module/_header.scss */
.nav-principale ul {
  order: 1;
}
/* line 74, ../../../web/assets/css/sass/module/_header.scss */
.nav-principale ul:first-of-type {
  padding-top: 20px;
}
/* line 78, ../../../web/assets/css/sass/module/_header.scss */
.nav-principale a {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
/* line 81, ../../../web/assets/css/sass/module/_header.scss */
.nav-principale .active {
  color: #a7905e;
}

@media screen and (hover: hover) {
  /* line 87, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale a:hover {
    color: #a7905e;
  }
}
@media screen and (min-width: 1024px) {
  /* line 94, ../../../web/assets/css/sass/module/_header.scss */
  header {
    display: none;
  }

  /* line 97, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale {
    -webkit-transition: border 0.2s ease-in-out 0s;
    -moz-transition: border 0.2s ease-in-out 0s;
    -ms-transition: border 0.2s ease-in-out 0s;
    -o-transition: border 0.2s ease-in-out 0s;
    transition: border 0.2s ease-in-out 0s;
    -webkit-transition: background 0.2s ease-in-out 0s;
    -moz-transition: background 0.2s ease-in-out 0s;
    -ms-transition: background 0.2s ease-in-out 0s;
    -o-transition: background 0.2s ease-in-out 0s;
    transition: background 0.2s ease-in-out 0s;
    align-items: center;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 66%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 66%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 66%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    bottom: auto;
    color: white;
    flex-direction: row;
    font-size: 14px;
    height: 8em;
    justify-content: center;
    left: 0 !important;
    line-height: 8em;
    margin: 0 auto;
    right: 0;
  }
  /* line 114, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale .close {
    display: none;
  }
  /* line 117, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale ul {
    order: 2;
  }
  /* line 119, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale ul:first-of-type {
    order: 0;
    padding-top: 0;
  }
  /* line 124, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale li {
    display: inline-block;
    margin: 0 1vw;
  }
  /* line 128, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale .active {
    color: #e6d29f;
  }
  /* line 131, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale.is-scrolled {
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.4);
    background: #f8f8f6;
    color: #1a1313;
  }
  /* line 135, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale.is-scrolled .logo-before-scroll {
    display: none;
  }
  /* line 138, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale.is-scrolled .logo-scroll {
    display: inline-block;
  }
  /* line 141, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale.is-scrolled .active {
    color: #a7905e;
  }

  /* line 146, ../../../web/assets/css/sass/module/_header.scss */
  #logoNav {
    height: 60px;
    order: 1;
    margin: -20px 1vw 0;
    padding-top: 0;
  }

  /* line 152, ../../../web/assets/css/sass/module/_header.scss */
  .logo-before-scroll {
    display: inline-block;
  }

  /* line 155, ../../../web/assets/css/sass/module/_header.scss */
  .logo-scroll {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (hover: hover) {
  /* line 161, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale a:hover {
    color: #e6d29f;
  }
  /* line 165, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale.is-scrolled a:hover {
    color: #a7905e;
  }
}
@media screen and (min-width: 1200px) {
  /* line 174, ../../../web/assets/css/sass/module/_header.scss */
  .nav-principale li {
    margin: 0 1.5vw;
  }

  /* line 178, ../../../web/assets/css/sass/module/_header.scss */
  #logoNav {
    margin: -20px 1.5vw 0;
  }
}
/* line 6, ../../../web/assets/css/sass/module/_languages.scss */
.languages {
  font-family: 'reem_kufiregular', sans-serif;
  font-size: 0.75em;
  text-transform: uppercase;
}

/* line 11, ../../../web/assets/css/sass/module/_languages.scss */
.languages-item {
  color: #ffffff;
  margin: 0 0.3em;
}

/* line 15, ../../../web/assets/css/sass/module/_languages.scss */
.languages-active {
  border-bottom: 1px solid;
  color: #ffffff;
  pointer-events: none;
}

/* line 22, ../../../web/assets/css/sass/module/_languages.scss */
.is-scrolled .languages-item {
  color: #1a1313;
}
/* line 25, ../../../web/assets/css/sass/module/_languages.scss */
.is-scrolled .languages-active {
  color: #1a1313;
}

/* line 1, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement {
  background-color: #fff;
  -webkit-transform: translateX(-50%) translateY(-110%);
  -moz-transform: translateX(-50%) translateY(-110%);
  -ms-transform: translateX(-50%) translateY(-110%);
  -o-transform: translateX(-50%) translateY(-110%);
  transform: translateX(-50%) translateY(-110%);
  transition: top 0.2s;
  position: fixed;
  top: 0;
  left: 50%;
  width: 90%;
  z-index: 10000;
  overflow-y: auto;
  border-radius: 8px;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
  max-width: 570px;
  height: auto;
  color: #000000;
}
/* line 22, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement.open {
  top: 50%;
  max-height: 90vh;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* line 32, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement .btnCommun {
  color: #000000;
  border-color: #000000;
  padding: 15px 30px;
  margin: 0;
}

/* line 40, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement-content-title {
  text-align: center;
  margin-bottom: 0;
}

/* line 45, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement-content {
  padding: 10% 5% 5%;
}

/* line 48, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement-content-text {
  line-height: 1.75;
  margin: 15px 0;
}

/* line 53, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement-btns {
  display: flex;
  justify-content: space-evenly;
}
/* line 56, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement-btns .lk-interne, .popup-agreement-btns .lk-interne-plus {
  max-width: max-content;
  padding: 1.2em 3em;
}

/* line 62, ../../../web/assets/css/sass/components/_popup.scss */
.popup-agreement-logo {
  margin: 30px auto;
  max-width: 250px;
  display: block;
}

/* line 8, ../../../web/assets/css/sass/page/default_head.scss */
.header-body-opacity {
  position: fixed;
  left: -100vw;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background-color: #000000;
  transition: opacity 0.2s;
  z-index: 1;
}
/* line 17, ../../../web/assets/css/sass/page/default_head.scss */
.header-body-opacity.open {
  left: 0;
  top: 0;
  opacity: 0.5;
}
/* line 22, ../../../web/assets/css/sass/page/default_head.scss */
.header-body-opacity.open-zindex {
  z-index: 9999;
}

/* line 29, ../../../web/assets/css/sass/page/default_head.scss */
.ecran {
  padding: 1.5em 1em;
}
/* line 32, ../../../web/assets/css/sass/page/default_head.scss */
.ecran.ecran-type .titres-typeh1, .ecran.ecran-type .titres-typeh2, .ecran.ecran-type .content {
  text-align: center;
}
/* line 35, ../../../web/assets/css/sass/page/default_head.scss */
.ecran.ecran-type .content {
  margin: 1em auto;
  max-width: 630px;
}

/* line 41, ../../../web/assets/css/sass/page/default_head.scss */
.deco {
  align-items: center;
  color: #a7905e;
  display: flex;
  justify-content: space-between;
  font-size: 1.8em;
  margin: 1em auto;
  max-width: 200px;
}
/* line 49, ../../../web/assets/css/sass/page/default_head.scss */
.deco:before, .deco:after {
  background-color: currentColor;
  content: '';
  display: inline-block;
  height: 1px;
  width: 60px;
}

/* line 58, ../../../web/assets/css/sass/page/default_head.scss */
.l-nav-languages {
  display: none;
}

/* line 61, ../../../web/assets/css/sass/page/default_head.scss */
.l-space-bot {
  padding-bottom: 3em;
}

/* line 66, ../../../web/assets/css/sass/page/default_head.scss */
body {
  font-family: 'cormorant_garamond',serif;
  font-size: 1.1em;
  padding-top: 60px;
}

/* line 71, ../../../web/assets/css/sass/page/default_head.scss */
.titres-typeh1, h1, h3, .lk-interne, .lk-interne-plus {
  color: #1a1313;
  font-family: 'reem_kufiregular',sans-serif;
  font-variant: small-caps;
}

/* line 77, ../../../web/assets/css/sass/page/default_head.scss */
.titres-typeh1, h1, h3 {
  font-size: 1.2em;
  letter-spacing: 0.06em;
}

/* line 81, ../../../web/assets/css/sass/page/default_head.scss */
.titres-typeh2, h2, .titres-typeh3 {
  color: #a7905e;
  font-style: italic;
}

/* line 86, ../../../web/assets/css/sass/page/default_head.scss */
.titres-typeh1 + .titres-typeh2, .titres-typeh1 h2, h1 + .titres-typeh2, h1 h2 {
  margin-top: 0.2em;
}

/* line 91, ../../../web/assets/css/sass/page/default_head.scss */
.titres-typeh2 + .content, .titres-typeh1 + .content {
  margin: 1em auto 0;
}

/* line 95, ../../../web/assets/css/sass/page/default_head.scss */
.content {
  line-height: 130%;
}
/* line 97, ../../../web/assets/css/sass/page/default_head.scss */
.content + .lk-interne, .content + .lk-interne-plus {
  margin-top: 2em;
  margin-bottom: 1em;
}

/* line 104, ../../../web/assets/css/sass/page/default_head.scss */
.bg-dark {
  color: #ffffff;
}
/* line 106, ../../../web/assets/css/sass/page/default_head.scss */
.bg-dark.ecran {
  background-color: #1a1313;
}
/* line 109, ../../../web/assets/css/sass/page/default_head.scss */
.bg-dark .titres-typeh1, .bg-dark h1, .bg-dark h3 {
  color: #ffffff;
}
/* line 112, ../../../web/assets/css/sass/page/default_head.scss */
.bg-dark .titres-typeh2, .bg-dark h2, .bg-dark .deco, .bg-dark .lk-interne, .bg-dark .lk-interne-plus {
  color: #e6d29f;
}

/* line 118, ../../../web/assets/css/sass/page/default_head.scss */
.lk-interne, .lk-interne-plus {
  border: 1px solid;
  color: #a7905e;
  display: inline-block;
  font-size: 14px;
  padding: 1.2em 0.5em;
  text-align: center;
  width: 100%;
  max-width: 210px;
}
/* line 127, ../../../web/assets/css/sass/page/default_head.scss */
.lk-interne i, .lk-interne-plus i {
  margin-left: 0.7em;
  vertical-align: middle;
}
/* line 131, ../../../web/assets/css/sass/page/default_head.scss */
.lk-interne.hover:hover, .hover.lk-interne-plus:hover {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background-color: #a7905e;
  border-color: #a7905e;
  color: #ffffff;
}

/* line 138, ../../../web/assets/css/sass/page/default_head.scss */
.lk-interne-plus {
  -webkit-border-radius: 1.6em;
  -moz-border-radius: 1.6em;
  border-radius: 1.6em;
  height: 1.6em;
  width: 1.6em;
  display: inline-block;
  font-family: 'icomoon';
  padding: 0;
}
/* line 144, ../../../web/assets/css/sass/page/default_head.scss */
.lk-interne-plus i {
  display: inline-block;
  margin-left: 0;
  padding-top: 1px;
}

/* line 151, ../../../web/assets/css/sass/page/default_head.scss */
.btn-scroll {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 1.3em;
  height: 3em;
  line-height: 3em;
  text-align: center;
  width: 4.5em;
}

@media screen and (min-width: 640px) {
  /* line 164, ../../../web/assets/css/sass/page/default_head.scss */
  .l-space-bot {
    padding-bottom: 4.5em;
  }

  /* line 167, ../../../web/assets/css/sass/page/default_head.scss */
  .ecran {
    padding: 2.5em 1em;
  }

  /* line 170, ../../../web/assets/css/sass/page/default_head.scss */
  .titres-typeh1 {
    font-size: 1.6em;
  }

  /* line 173, ../../../web/assets/css/sass/page/default_head.scss */
  .lk-interne, .lk-interne-plus {
    font-size: 1em;
    max-width: 330px;
  }
}
@media screen and (min-width: 1024px) {
  /* line 180, ../../../web/assets/css/sass/page/default_head.scss */
  body {
    padding-top: 0;
    padding-bottom: 0;
  }

  /* line 184, ../../../web/assets/css/sass/page/default_head.scss */
  .l-nav-languages {
    display: block;
    position: fixed;
    right: 1rem;
    top: 3.7em;
    z-index: 15;
  }

  /* line 191, ../../../web/assets/css/sass/page/default_head.scss */
  .ecran {
    padding: 4em 1em;
  }
  /* line 193, ../../../web/assets/css/sass/page/default_head.scss */
  .ecran.ecran-type {
    padding-top: 8em;
  }
  /* line 195, ../../../web/assets/css/sass/page/default_head.scss */
  .ecran.ecran-type .content {
    text-align: left;
  }

  /* line 200, ../../../web/assets/css/sass/page/default_head.scss */
  .titres-typeh1 {
    font-size: 2em;
  }

  /* line 203, ../../../web/assets/css/sass/page/default_head.scss */
  .titres-typeh2 {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 1200px) {
  /* line 209, ../../../web/assets/css/sass/page/default_head.scss */
  .l-space-bot {
    padding-bottom: 6em;
  }

  /* line 212, ../../../web/assets/css/sass/page/default_head.scss */
  .titres-typeh1 {
    font-size: 2.4em;
  }
}
/* line 1, ../../../web/assets/css/sass/module/_img_bg_parallaxe.scss */
.img-bg-parallaxe {
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

@media screen and (pointer: coarse), (max-width: 640px) {
  /* line 13, ../../../web/assets/css/sass/module/_img_bg_parallaxe.scss */
  .img-bg-parallaxe {
    background-attachment: scroll;
  }
}
/* line 4, assetic_compassiUpsKf.scss */
.l-top-right {
  font-size: 1.5em;
  position: absolute;
  right: 1rem;
  top: 1.5rem;
}

/* line 11, assetic_compassiUpsKf.scss */
.vin-intro {
  text-align: center;
}

/* line 14, assetic_compassiUpsKf.scss */
.vin-intro-pic {
  margin-top: 2.5em;
}

/* line 18, assetic_compassiUpsKf.scss */
.vin-intro-text .titres-typeh1 {
  font-size: 1.5em;
}
/* line 21, assetic_compassiUpsKf.scss */
.vin-intro-text .content {
  max-width: 280px;
}
/* line 24, assetic_compassiUpsKf.scss */
.vin-intro-text .content-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.9rem;
}

/* line 29, assetic_compassiUpsKf.scss */
.wrapper-download-buttons {
  margin-bottom: 1rem;
}

/* line 33, assetic_compassiUpsKf.scss */
.download-button {
  padding-top: 25px;
  background-image: url(/assets/img/icon-download.png);
  background-position: center top;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  max-width: 50px;
}

/* line 44, assetic_compassiUpsKf.scss */
.vin-list {
  background-image: url("/assets/img/bg-list-vin.jpg");
  position: relative;
  text-align: center;
}
/* line 48, assetic_compassiUpsKf.scss */
.vin-list:before {
  background-color: rgba(26, 19, 19, 0.9);
  content: '';
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

/* line 59, assetic_compassiUpsKf.scss */
.vin-list-text {
  padding-bottom: 1.5em;
  position: relative;
  z-index: 2;
}
/* line 63, assetic_compassiUpsKf.scss */
.vin-list-text li {
  line-height: 140%;
  margin: 0 auto;
  padding: 1em 0;
  max-width: 280px;
}

/* line 71, assetic_compassiUpsKf.scss */
.nav-niv2 {
  line-height: 1.6rem;
  position: relative;
  z-index: 2;
}

/* line 76, assetic_compassiUpsKf.scss */
.nav-niv2-intitule {
  display: inline-block;
  padding-right: 1em;
}

/* line 80, assetic_compassiUpsKf.scss */
.nav-niv2-lk {
  color: #e6d29f;
  display: inline-block;
  font-size: 1.1em;
}
/* line 84, assetic_compassiUpsKf.scss */
.nav-niv2-lk i {
  padding-left: 0.7em;
  vertical-align: middle;
}

/* line 89, assetic_compassiUpsKf.scss */
.titres-typeh4 {
  font-size: 1.2em;
  letter-spacing: 0.06em;
  margin-top: 1em;
  color: #a7905e;
  margin-bottom: 0;
}

@media only screen and (min-width: 640px) {
  /* line 100, assetic_compassiUpsKf.scss */
  .vin-intro-text .titres-typeh1 {
    font-size: 1.85em;
  }
}
@media only screen and (min-width: 800px) {
  /* line 106, assetic_compassiUpsKf.scss */
  .l-top-right {
    font-size: 1.8em;
    right: 1.5rem;
  }

  /* line 111, assetic_compassiUpsKf.scss */
  .vin-intro {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
  }

  /* line 117, assetic_compassiUpsKf.scss */
  .vin-intro-pic {
    align-self: flex-end;
    margin-top: 0;
  }

  /* line 121, assetic_compassiUpsKf.scss */
  .vin-intro-text {
    margin-left: 5vw;
    text-align: left;
    width: 340px;
  }
  /* line 125, assetic_compassiUpsKf.scss */
  .vin-intro-text .titres-typeh2 {
    margin-top: 1rem;
    font-size: 1.2em;
  }
  /* line 129, assetic_compassiUpsKf.scss */
  .vin-intro-text .content {
    margin-left: 0;
    margin-top: 2rem;
  }
  /* line 133, assetic_compassiUpsKf.scss */
  .vin-intro-text .content-2 {
    margin-top: 0.5rem;
  }

  /* line 138, assetic_compassiUpsKf.scss */
  .vin-list-text {
    margin: auto;
    text-align: left;
    max-width: 720px;
  }
  /* line 142, assetic_compassiUpsKf.scss */
  .vin-list-text ul {
    column-count: 2;
    column-gap: 5vw;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 150, assetic_compassiUpsKf.scss */
  body {
    padding-top: 8em;
  }

  /* line 154, assetic_compassiUpsKf.scss */
  .l-bottom-right {
    bottom: 1.5rem;
    right: 3rem;
    position: absolute;
  }

  /* line 160, assetic_compassiUpsKf.scss */
  .vin-intro-text {
    width: 370px;
  }
  /* line 162, assetic_compassiUpsKf.scss */
  .vin-intro-text .titres-typeh1 {
    font-size: 2.4em;
  }
  /* line 165, assetic_compassiUpsKf.scss */
  .vin-intro-text .titres-typeh2 {
    font-size: 1.4em;
  }
}
@media only screen and (min-width: 1440px) {
  /* line 173, assetic_compassiUpsKf.scss */
  .vin-intro-text .titres-typeh1 {
    font-size: 2.8em;
  }
}