@charset "UTF-8";

/* ***************************

          RESET

**************************** */

/* HTML5 display-role reset for older browsers */

@import url("https://fonts.googleapis.com/css?family=Roboto:500");

@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300italic");

/* line 5, ../../../web/assets/sass/elements/_reset.scss */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

  display: block;

}



/* line 8, ../../../web/assets/sass/elements/_reset.scss */

body, html {

  position: relative;

  width: 100%;

  margin: 0;

  overflow-y: initial !important;

}



/* line 15, ../../../web/assets/sass/elements/_reset.scss */

body {

  line-height: 1;

}



/* line 18, ../../../web/assets/sass/elements/_reset.scss */

section {

  position: relative;

}



/* line 21, ../../../web/assets/sass/elements/_reset.scss */

article {

  position: relative;

}



/* line 24, ../../../web/assets/sass/elements/_reset.scss */

em {

  font-style: italic;

}



/* line 27, ../../../web/assets/sass/elements/_reset.scss */

strong {

  font-weight: bold;

}



/* line 30, ../../../web/assets/sass/elements/_reset.scss */

label {

  font-weight: inherit;

}



/* line 33, ../../../web/assets/sass/elements/_reset.scss */

a {

  color: currentColor;

}

/* line 35, ../../../web/assets/sass/elements/_reset.scss */

a:visited, a:link {

  text-decoration: none !important;

}



/* line 40, ../../../web/assets/sass/elements/_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 50, ../../../web/assets/sass/elements/_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 58, ../../../web/assets/sass/elements/_reset.scss */

p {

  -webkit-margin-before: 0;

  -webkit-margin-after: 0;

  -webkit-margin-start: 0;

  -webkit-margin-end: 0;

  margin: 0.5em 0;

}



/* line 65, ../../../web/assets/sass/elements/_reset.scss */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



/* line 69, ../../../web/assets/sass/elements/_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/sass/elements/_reset.scss */

figure {

  -webkit-margin-before: 0;

  -webkit-margin-after: 0;

  -webkit-margin-start: 0;

  -webkit-margin-end: 0;

}



/* line 86, ../../../web/assets/sass/elements/_reset.scss */

button:focus, input:focus {

  outline: none;

}



/* line 90, ../../../web/assets/sass/elements/_reset.scss */

blockquote, q {

  quotes: none;

}

/* line 92, ../../../web/assets/sass/elements/_reset.scss */

blockquote:before, blockquote:after, q:before, q:after {

  content: none;

}



/* line 96, ../../../web/assets/sass/elements/_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 101, ../../../web/assets/sass/elements/_reset.scss */

.clear {

  clear: both;

}



/* line 563, ../../../web/assets/sass/elements/_variables.scss */

#get-css-variables .tinyMin {

  width: 640px;

}

/* line 564, ../../../web/assets/sass/elements/_variables.scss */

#get-css-variables .smallMin {

  width: 768px;

}

/* line 565, ../../../web/assets/sass/elements/_variables.scss */

#get-css-variables .mediumMin {

  width: 1024px;

}

/* line 566, ../../../web/assets/sass/elements/_variables.scss */

#get-css-variables .largeMin {

  width: 1280px;

}

/* line 567, ../../../web/assets/sass/elements/_variables.scss */

#get-css-variables .smallMax {

  width: 767px;

}

/* line 568, ../../../web/assets/sass/elements/_variables.scss */

#get-css-variables .mediumMax {

  width: 1023px;

}

/* line 569, ../../../web/assets/sass/elements/_variables.scss */

#get-css-variables .headerDesktopHeight {

  height: 7rem;

}

/* line 576, ../../../web/assets/sass/elements/_variables.scss */

#get-css-variables .headerResponsiveHeight {

  height: 5.6rem;

}



@font-face {

  font-family: 'roboto';

  src: url("../fonts/roboto-regular.woff2") format("woff2"), url("../fonts/roboto-regular.woff") format("woff"), url("../fonts/roboto-regular.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'roboto';

  src: url("../fonts/roboto-bold.woff2") format("woff2"), url("../fonts/roboto-bold.woff") format("woff"), url("../fonts/roboto-bold.ttf") format("truetype");

  font-weight: bold;

  font-style: normal;

}

@font-face {

  font-family: 'roboto';

  src: url("../fonts/roboto-bolditalic.woff2") format("woff2"), url("../fonts/roboto-bolditalic.woff") format("woff"), url("../fonts/roboto-bolditalic.ttf") format("truetype");

  font-weight: bold;

  font-style: italic;

}

@font-face {

  font-family: 'roboto';

  src: url("../fonts/roboto-italic.woff2") format("woff2"), url("../fonts/roboto-italic.woff") format("woff"), url("../fonts/roboto-italic.ttf") format("truetype");

  font-weight: normal;

  font-style: italic;

}

@font-face {

  font-family: 'roboto';

  src: url("../fonts/roboto-medium.woff2") format("woff2"), url("../fonts/roboto-medium.woff") format("woff"), url("../fonts/roboto-medium.ttf") format("truetype");

  font-weight: 600;

  font-style: normal;

}

@font-face {

  font-family: 'roboto';

  src: url("../fonts/roboto-mediumitalic.woff2") format("woff2"), url("../fonts/roboto-mediumitalic.woff") format("woff"), url("../fonts/roboto-mediumitalic.ttf") format("truetype");

  font-weight: 600;

  font-style: italic;

}

@font-face {

  font-family: 'roboto';

  src: url("../fonts/roboto-light.woff2") format("woff2"), url("../fonts/roboto-light.woff") format("woff"), url("../fonts/roboto-light.ttf") format("truetype");

  font-weight: 300;

  font-style: normal;

}



/* line 10, ../../../web/assets/sass/elements/_common.scss */

html {

  font-size: 62.5%;

  font-family: "roboto", arial, sans-serif;

  font-weight: normal;

  font-style: normal;

  color: #333333;

  background-color: #ffffff;

}



/* line 18, ../../../web/assets/sass/elements/_common.scss */

body {

  font-size: 1.5rem;

  margin-bottom: 4.4rem;

}



/* line 22, ../../../web/assets/sass/elements/_common.scss */

.common-container {

  margin: 5.6rem 0 0;

}



/* line 33, ../../../web/assets/sass/elements/_common.scss */

h1 {

  padding-bottom: 1rem;

  font-family: Roboto, arial, sans-serif;

  font-size: 3.3rem;

  color: #375588;

  text-align: center;

}



/* line 40, ../../../web/assets/sass/elements/_common.scss */

h2 {

  padding-bottom: 5px;

  font-family: Fira Sans, arial, sans-serif;

  font-size: 2rem;

  color: #ac2f35;

  text-align: center;

  letter-spacing: 0.05rem;

}



/* line 48, ../../../web/assets/sass/elements/_common.scss */

h3 {

  padding-bottom: 5px;

  font-family: Fira Sans, arial, sans-serif;

  font-size: 2rem;

  color: #375588;

  text-align: center;

  letter-spacing: 0.05rem;

}



/* line 56, ../../../web/assets/sass/elements/_common.scss */

p {

  line-height: 2;

}



/* line 59, ../../../web/assets/sass/elements/_common.scss */

a,

button {

  color: #ac2f35;

  transition: all 0.2s;

}

/* line 64, ../../../web/assets/sass/elements/_common.scss */

a:hover, a:focus, a:active,

button:hover,

button:focus,

button:active {

  color: #333333;

}



/* line 72, ../../../web/assets/sass/elements/_common.scss */

a picture,

a figure,

.hover-opacity picture,

.hover-opacity figure {

  position: relative;

  display: block;

  /* 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 78, ../../../web/assets/sass/elements/_common.scss */

a picture:after,

a figure:after,

.hover-opacity picture:after,

.hover-opacity figure:after {

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.2s;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "\e936";

  color: #ffffff;

  opacity: 0;

  font-size: 5rem;

  background-color: transparent;

  z-index: 2;

}

/* line 96, ../../../web/assets/sass/elements/_common.scss */

a picture.picture-is-video:before,

a figure.picture-is-video:before,

.hover-opacity picture.picture-is-video:before,

.hover-opacity figure.picture-is-video:before {

  position: absolute;

  top: 50%;

  left: 50%;

  display: block;

  width: 0;

  height: 0;

  content: '';

  border-top: 25px solid transparent;

  border-right: 35px solid transparent;

  border-bottom: 25px solid transparent;

  border-left: 35px solid #ffffff;

  transform: translate(calc(-50% + 25px), -50%);

}

/* line 118, ../../../web/assets/sass/elements/_common.scss */

a:hover picture:after,

a:hover figure:after, a:focus picture:after,

a:focus figure:after, a:active picture:after,

a:active figure:after,

.hover-opacity:hover picture:after,

.hover-opacity:hover figure:after,

.hover-opacity:focus picture:after,

.hover-opacity:focus figure:after,

.hover-opacity:active picture:after,

.hover-opacity:active figure:after {

  opacity: 1;

  background-color: rgba(0, 0, 0, 0.4);

}



/* line 131, ../../../web/assets/sass/elements/_common.scss */

picture.img-loader img {

  width: 38px;

  height: 38px;

  margin: auto;

}

/* line 137, ../../../web/assets/sass/elements/_common.scss */

picture img {

  display: block;

  width: 100%;

}



/* line 143, ../../../web/assets/sass/elements/_common.scss */

.screen-default-photo {

  margin-bottom: 34px;

}



/* line 150, ../../../web/assets/sass/elements/_common.scss */

.saoloader {

  position: relative;

  display: inline-block;

  margin: 8px;

  width: 4px;

  height: 4px;

  font-size: 4px;

  border-radius: 50%;

  text-indent: -9999em;

  animation: load4px5585136 1.1s infinite ease;

  transform: translateZ(0);

}

@keyframes load4px5585136 {

  0%,

    100% {

    box-shadow: 0 -8px 0 0 #375588, 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.5), -6px -6px 0 0 rgba(55, 85, 136, 0.7);

  }

  12.5% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.7), 6px -6px 0 0 #375588, 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.5);

  }

  25% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.5), 6px -6px 0 0 rgba(55, 85, 136, 0.7), 8px 0 0 0 #375588, 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  37.5% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.5), 8px 0 0 0 rgba(55, 85, 136, 0.7), 6px 6px 0 0 #375588, 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  50% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.5), 6px 6px 0 0 rgba(55, 85, 136, 0.7), 0 8px 0 0 #375588, -6px 6px 0 0 rgba(55, 85, 136, 0.2), -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  62.5% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.5), 0 8px 0 0 rgba(55, 85, 136, 0.7), -6px 6px 0 0 #375588, -8px 0 0 0 rgba(55, 85, 136, 0.2), -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  75% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.5), -6px 6px 0 0 rgba(55, 85, 136, 0.7), -8px 0 0 0 #375588, -6px -6px 0 0 rgba(55, 85, 136, 0.2);

  }

  87.5% {

    box-shadow: 0 -8px 0 0 rgba(55, 85, 136, 0.2), 6px -6px 0 0 rgba(55, 85, 136, 0.2), 8px 0 0 0 rgba(55, 85, 136, 0.2), 6px 6px 0 0 rgba(55, 85, 136, 0.2), 0 8px 0 0 rgba(55, 85, 136, 0.2), -6px 6px 0 0 rgba(55, 85, 136, 0.5), -8px 0 0 0 rgba(55, 85, 136, 0.7), -6px -6px 0 0 #375588;

  }

}

/* line 152, ../../../web/assets/sass/elements/_common.scss */

picture .saoloader {

  position: relative;

  display: inline-block;

  margin: 16px;

  width: 8px;

  height: 8px;

  font-size: 8px;

  border-radius: 50%;

  text-indent: -9999em;

  animation: load8px5585136 1.1s infinite ease;

  transform: translateZ(0);

  margin-left: 50%;

  margin-right: 50%;

}

@keyframes load8px5585136 {

  0%,

    100% {

    box-shadow: 0 -16px 0 0 #375588, 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.5), -12px -12px 0 0 rgba(55, 85, 136, 0.7);

  }

  12.5% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.7), 12px -12px 0 0 #375588, 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.5);

  }

  25% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.5), 12px -12px 0 0 rgba(55, 85, 136, 0.7), 16px 0 0 0 #375588, 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  37.5% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.5), 16px 0 0 0 rgba(55, 85, 136, 0.7), 12px 12px 0 0 #375588, 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  50% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.5), 12px 12px 0 0 rgba(55, 85, 136, 0.7), 0 16px 0 0 #375588, -12px 12px 0 0 rgba(55, 85, 136, 0.2), -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  62.5% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.5), 0 16px 0 0 rgba(55, 85, 136, 0.7), -12px 12px 0 0 #375588, -16px 0 0 0 rgba(55, 85, 136, 0.2), -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  75% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.5), -12px 12px 0 0 rgba(55, 85, 136, 0.7), -16px 0 0 0 #375588, -12px -12px 0 0 rgba(55, 85, 136, 0.2);

  }

  87.5% {

    box-shadow: 0 -16px 0 0 rgba(55, 85, 136, 0.2), 12px -12px 0 0 rgba(55, 85, 136, 0.2), 16px 0 0 0 rgba(55, 85, 136, 0.2), 12px 12px 0 0 rgba(55, 85, 136, 0.2), 0 16px 0 0 rgba(55, 85, 136, 0.2), -12px 12px 0 0 rgba(55, 85, 136, 0.5), -16px 0 0 0 rgba(55, 85, 136, 0.7), -12px -12px 0 0 #375588;

  }

}

/* line 160, ../../../web/assets/sass/elements/_common.scss */

.common-picture-without-picture {

  flex: 1;

  background-repeat: no-repeat;

  background-position: center center;

  background-color: transparent;

  background-size: 80%;

}



@media screen and (max-width: 1023px) {

  /* line 172, ../../../web/assets/sass/elements/_common.scss */

  .hidden-in-responsive {

    display: none !important;

  }

}

@media screen and (min-width: 1024px) {

  /* line 179, ../../../web/assets/sass/elements/_common.scss */

  body {

    font-size: 1.6rem;

    margin-bottom: 0;

  }



  /* line 183, ../../../web/assets/sass/elements/_common.scss */

  .hidden-in-desktop {

    display: none !important;

  }



  /* line 187, ../../../web/assets/sass/elements/_common.scss */

  .common-container {

    margin: calc(7rem + 4.4rem) 13px 0;

  }

  /* line 195, ../../../web/assets/sass/elements/_common.scss */

  .sticky-bar-fixed .common-container {

    margin: calc(7rem + 4.4rem + 6rem) 13px 0;

  }



  /* line 206, ../../../web/assets/sass/elements/_common.scss */

  h1 {

    padding-bottom: 1.5rem;

    font-size: 3.5rem;

  }



  /* line 210, ../../../web/assets/sass/elements/_common.scss */

  h2 {

    font-size: 2.4rem;

  }



  /* line 213, ../../../web/assets/sass/elements/_common.scss */

  p {

    line-height: 1.75;

  }



  /* line 218, ../../../web/assets/sass/elements/_common.scss */

  .screen-default-photo {

    flex-basis: 53.6%;

    margin: 0;

  }

  /* line 223, ../../../web/assets/sass/elements/_common.scss */

  .ie .screen-default-photo img {

    max-width: 100%;

  }

}

@media screen and (min-width: 1280px) {

  /* line 233, ../../../web/assets/sass/elements/_common.scss */

  h1 {

    font-size: 3.5rem;

  }



  /* line 236, ../../../web/assets/sass/elements/_common.scss */

  h2 {

    font-size: 2.1rem;

  }

}

/* line 1, ../../../web/assets/sass/components/_header.scss */

.header {

  position: fixed;

  top: 0;

  width: 100%;

  text-transform: uppercase;

  background-color: #ffffff;

  z-index: 30;

 /* border-bottom: 1px solid #ececec; */

}



/* line 13, ../../../web/assets/sass/components/_header.scss */

.header-body-opacity {

  position: fixed;

  left: -100vw;

  width: 100%;

  height: 100vh;

  opacity: 0;

  background-color: #000000;

  transition: opacity 0.2s;

  z-index: 20;

}

/* line 22, ../../../web/assets/sass/components/_header.scss */

.header-body-opacity.open {

  left: 0;

  top: 0;

  opacity: 0.5;

}

/* line 27, ../../../web/assets/sass/components/_header.scss */

.header-body-opacity.open-zindex {

  z-index: 31;

}



/* line 32, ../../../web/assets/sass/components/_header.scss */

.header-logo-part {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-content: center;

/*  height: 5.6rem; */

}



/* line 44, ../../../web/assets/sass/components/_header.scss */

.header-logo-part-menu {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-basis: 20%;

  font-size: 2.7rem;

  cursor: pointer;

  border: 0;

  background-color: transparent;

  transition: all 0.2s;

}



/* line 55, ../../../web/assets/sass/components/_header.scss */

.header-logo-part-logo {

  display: flex;

  flex: 1;

  justify-content: center;

  align-items: center;

  padding: 5px 0;

}

/* line 62, ../../../web/assets/sass/components/_header.scss */

.header-logo-part-logo img {

  width: 165px;

  max-width: 100%;

}



/* line 75, ../../../web/assets/sass/components/_header.scss */

.header-logo-part-booking {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-basis: 20%;

  padding-top: 2px;

  color: #375588;

  font-size: 2.5rem;

  transition: all 0.2s;

}



/* line 86, ../../../web/assets/sass/components/_header.scss */

.header-menus {

  overflow-y: auto;

  position: fixed;

  top: 0;

  left: -100vw;

  width: calc(100% - 50px);

  height: 100vh;

  padding: calc(40px - 1.1rem) 0 60px 0;

  background-color: #f4f4f4;

  transition: all 0.2s;

  z-index: 2;

}

/* line 98, ../../../web/assets/sass/components/_header.scss */

.header-menus,

.header-menus a span {

  font-family: Fira Sans, arial, sans-serif;

  font-weight: normal;

  text-transform: capitalize;

}

/* line 105, ../../../web/assets/sass/components/_header.scss */

.header-menus hr {

  margin: 0 45px;

  border-top: 1px solid #d7d7d7;

}



/* line 110, ../../../web/assets/sass/components/_header.scss */

.header-menu-close {

  position: fixed;

  top: 0;

  left: -100vw;

  width: 50px;

  height: 50px;

  font-size: 3.2rem;

  line-height: 50px;

  text-align: center;

  cursor: pointer;

  background-color: #ffffff;

  transition: all 0.2s;

  z-index: 2;

}



/* line 127, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a,

.header-secondary-menu a {

  display: block;

  padding: 1.1rem 45px;

}

/* line 131, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a:before,

.header-secondary-menu a:before {

  color: #375588;

  padding-right: 10px;

}

/* line 136, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active,

.header-secondary-menu a.active {

  padding-left: 0;

  color: #366b97;

}

/* line 140, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active span,

.header-secondary-menu a.active span {

  padding-left: 41px;

  border-width: 0 0 0 4px;

  border-color: #366b97;

  border-style: solid;

}

/* line 147, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active[class*="icon-"].active,

.header-secondary-menu a.active[class*="icon-"].active {

  position: relative;

}

/* line 150, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active[class*="icon-"].active span,

.header-secondary-menu a.active[class*="icon-"].active span {

  padding-left: 65px;

}

/* line 153, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.active[class*="icon-"].active:before,

.header-secondary-menu a.active[class*="icon-"].active:before {

  position: absolute;

  left: 45px;

}



/* line 162, ../../../web/assets/sass/components/_header.scss */

.header-main-menu {

  font-size: 1.5rem;

}

/* line 165, ../../../web/assets/sass/components/_header.scss */

.header-main-menu ul {

  padding-bottom: 10px;

}

/* line 168, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a {

  color: #333333;

}

/* line 170, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a:hover, .header-main-menu a:focus, .header-main-menu a:active {

  color: #366b97;

}

/* line 175, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.exergue {

  color: #375588;

}

/* line 178, ../../../web/assets/sass/components/_header.scss */

.header-main-menu a.exergue:hover, .header-main-menu a.exergue:focus, .header-main-menu a.exergue:active {

  color: #366b97;

}



/* line 186, ../../../web/assets/sass/components/_header.scss */

.header-secondary-menu {

  padding: 10px 0;

  font-size: 1.4rem;

}



/* line 191, ../../../web/assets/sass/components/_header.scss */

.header.open .header-menus {

  left: 0;

}

/* line 194, ../../../web/assets/sass/components/_header.scss */

.header.open .header-menu-close {

  left: calc(100% - 50px);

  transition: all 0.2s;

}



/* line 200, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu {

  position: fixed;

  bottom: 0;

  display: flex;

  justify-content: space-between;

  align-content: center;

  width: 100%;

  height: 4.4rem;

  padding: 1rem 0;

  font-family: "roboto", arial, sans-serif;

  background-color: #ececec;

}

/* line 212, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu a,

.header-tertiary-menu .htm-language-choice {

  color: #375588;

  text-align: center;

}

/* line 216, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu a:hover, .header-tertiary-menu a:focus, .header-tertiary-menu a:active,

.header-tertiary-menu .htm-language-choice:hover,

.header-tertiary-menu .htm-language-choice:focus,

.header-tertiary-menu .htm-language-choice:active {

  color: #333333;

}

/* line 222, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu > a {

  font-size: 1.6rem;

  line-height: 2.5rem;

  border-right: 1px solid #d7d7d7;

}

/* line 228, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu.open .htm-language-choice {

  padding-left: 5px;

  text-align: left;

}

/* line 233, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu.open .language-active {

  color: #333333;

}

/* line 235, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu.open .language-active:after {

  right: 10px;

  color: #375588;

}

/* line 240, ../../../web/assets/sass/components/_header.scss */

.header-tertiary-menu.open .language-selector {

  right: 100%;

}



/* line 245, ../../../web/assets/sass/components/_header.scss */

.htm-language-choice {

  display: flex;

  flex-direction: column-reverse;

  position: relative;

  padding: 0;

  font-size: 1.3rem;

  line-height: 2.5rem;

  cursor: pointer;

  border: 0;

  background-color: transparent;

}



/* line 257, ../../../web/assets/sass/components/_header.scss */

.language-active {

  display: block;

  position: relative;

  transition: all 0.2s;

}

/* line 261, ../../../web/assets/sass/components/_header.scss */

.language-active:after {

  position: absolute;

  right: -100%;

  top: 50%;

  transform: translateY(-50%);

  content: "\e90b";

  /* 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 270, ../../../web/assets/sass/components/_header.scss */

.language-selector {

  display: flex;

  flex-direction: row-reverse;

  justify-content: space-around;

  position: absolute;

  width: calc( 100vw - 100%);

  right: -100vw;

  background-color: #ececec;

  transition: all 0.2s;

}



/* line 280, ../../../web/assets/sass/components/_header.scss */

.header-menu-social-network {

  display: none;

}



@media screen and (max-width: 1023px) {

  /* line 288, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu a,

  .header-tertiary-menu .htm-language-choice {

    flex: 2;

  }

  /* line 293, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .htm-language-choice {

    flex: 1;

  }

}

@media screen and (min-width: 1024px) {

  /* line 302, ../../../web/assets/sass/components/_header.scss */

  .header {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    height: 11.4rem;

    transition: all 0.2s;

  }

  /* line 315, ../../../web/assets/sass/components/_header.scss */

  .header.scrolled {

    top: -4.4rem;

  }



  /* line 320, ../../../web/assets/sass/components/_header.scss */

  .header-logo-part {

    flex-basis: 177px;

    position: fixed;

    top: 1rem;

    height: 7rem;

    padding: 0 13px;

    transition: all 0.2s;

  }

  /* line 332, ../../../web/assets/sass/components/_header.scss */

  .ie .header-logo-part {

    width: 177px;

  }



  /* line 337, ../../../web/assets/sass/components/_header.scss */

  .header-logo-part-logo,

  .header-logo-part-logo img {

    width: 177px;

  }

  /* line 342, ../../../web/assets/sass/components/_header.scss */

  .ie .header-logo-part-logo, .ie

  .header-logo-part-logo img {

    align-self: center;

  }



  /* line 347, ../../../web/assets/sass/components/_header.scss */

  .header-menus {

    overflow: hidden;

    width: calc(100% - calc(26px + 177px));

    left: auto;

    right: 0;

    top: 1.4rem;

    height: calc(7rem - 0.1rem);

    padding: 0;

    background-color: #ffffff;

    transition: all 0.2s;

  }

  /* line 362, ../../../web/assets/sass/components/_header.scss */

  .without-booking-bar .header-menus {

    height: 6.9rem;

  }

  /* line 370, ../../../web/assets/sass/components/_header.scss */

  .header-menus hr,

  .header-menus .header-secondary-menu {

    display: none;

  }



  /* line 376, ../../../web/assets/sass/components/_header.scss */

  .scrolled .header-logo-part,

  .scrolled .header-menus {

    top: 0;

  }



  /* line 381, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu {

    height: 100%;

  }

  /* line 383, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu ul {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    height: 100%;

    padding: 0;

  }

  /* line 390, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 0;

  }

  /* line 396, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li.list-exergue {

    position: relative;

  }

  /* line 398, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li.list-exergue :before {

    position: absolute;

    top: 13px;

    left: 0;

    display: inline-block;

    height: calc(100% - 26px);

    content: '';

    border-left: 1px solid #d7d7d7;

  }

  /* line 408, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a {

    display: flex;

    flex-direction: column;

    justify-content: center;

    flex: 1;

    padding: 0 15px;

  }

  /* line 416, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a span {

    display: flex;

    align-items: center;

    flex: 1;

    padding-top: 4px;

    border-bottom: 4px solid transparent;

  }

  /* line 424, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a.active {

    padding: 0 17px;

    color: #366b97;

  }

  /* line 427, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a.active span {

    padding-left: 0;

    border-width: 0 0 4px 0;

  }



  /* line 435, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu {

    position: static;

    justify-content: left;

    padding: 10px 13px;

    background-color: #366b97;

  }

  /* line 441, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu a,

  .header-tertiary-menu .htm-language-choice {

    padding-right: 10px;

    color: #ffffff;

    border: 0;

  }

  /* line 447, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu a [class*='icon-'],

  .header-tertiary-menu .htm-language-choice [class*='icon-'] {

    color: #becee8;

  }

  /* line 450, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu a:hover, .header-tertiary-menu a:focus, .header-tertiary-menu a:active,

  .header-tertiary-menu .htm-language-choice:hover,

  .header-tertiary-menu .htm-language-choice:focus,

  .header-tertiary-menu .htm-language-choice:active {

    color: #becee8;

  }

  /* line 457, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu > a {

    padding-left: 10px;

    font-size: 1.3rem;

  }

  /* line 462, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .htm-language-choice {

    padding-left: 0;

  }

  /* line 465, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .language-active {

    color: #ffffff;

  }

  /* line 467, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .language-active:after {

    content: "\e90c";

    right: 10px;

    color: #ffffff;

  }

  /* line 473, ../../../web/assets/sass/components/_header.scss */

  .header-tertiary-menu.open .language-selector {

    display: flex;

    top: 120%;

  }



  /* line 482, ../../../web/assets/sass/components/_header.scss */

  .htm-phone i,

  .htm-access i,

  .htm-language-choice i {

    padding-right: 5px;

  }



  /* line 486, ../../../web/assets/sass/components/_header.scss */

  .htm-phone {

    order: 2;

  }



  /* line 489, ../../../web/assets/sass/components/_header.scss */

  .htm-access {

    order: 3;

  }





  /* line 535, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface {

    display: flex;

    align-items: center;

    order: 4;

    margin-left: auto;

  }

  /* line 541, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface ul {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

  }

  /* line 547, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface li {

    display: flex;

    align-items: center;

  }

  /* line 551, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface a {

    display: flex;

    padding: 0 10px;

    font-size: 1.3rem;

    color: #becee8;

  }

  /* line 557, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface a:before {

    font-size: 1.5rem;

  }

  /* line 560, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface a span {

    padding-top: 2px;

    padding-left: 10px;

    font-family: "roboto", arial, sans-serif;

    font-weight: normal;

    color: #ffffff;

    text-transform: uppercase;

    transition: all 0.2s;

  }

  /* line 572, ../../../web/assets/sass/components/_header.scss */

  .header-menu-interface a:hover span, .header-menu-interface a:focus span, .header-menu-interface a:active span {

    color: #becee8;

  }



}

@media screen and (min-width: 1280px) {

  /* line 609, ../../../web/assets/sass/components/_header.scss */

  .header-menus {

   /* width: calc(100% - calc(26px + 354px));*/

    left: calc(177px + 13px);

    right: auto;

  }



  /* line 616, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu {

    font-size: 1.6rem;

  }

  /* line 619, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu ul {

    justify-content: center;

  }

  /* line 624, ../../../web/assets/sass/components/_header.scss */

  .header-main-menu li a {

    padding: 0 17px;

  }

}

/* line 8, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking,

.btn-primary,

.btn-secondary {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  display: inline-block;

  text-align: center;

  line-height: 1.3;

  border-radius: 4px;

  border: 0;

  cursor: pointer;

  transition: all 0.2s;

}



/* line 24, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking {

  padding: 12px 10px;

  min-width: 122px;

  color: #ffffff;

  font-family: "roboto", arial, sans-serif;

  font-size: 1.4rem;

  letter-spacing: 0.15rem;

  font-weight: bold;

  text-transform: uppercase;

  background-color: #375588;

}

/* line 35, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking.btn-small, .btn-booking.btn-small-responsive {

  padding: 5px;

  font-size: calc(1.4rem - 0.4rem);

}

/* line 40, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking .saoloader {

  position: relative;

  display: inline-block;

  margin: 8px;

  width: 4px;

  height: 4px;

  font-size: 4px;

  border-radius: 50%;

  text-indent: -9999em;

  animation: load4px255255255 1.1s infinite ease;

  transform: translateZ(0);

}

@keyframes load4px255255255 {

  0%,

    100% {

    box-shadow: 0 -8px 0 0 #ffffff, 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.5), -6px -6px 0 0 rgba(255, 255, 255, 0.7);

  }

  12.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.7), 6px -6px 0 0 #ffffff, 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.5);

  }

  25% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.5), 6px -6px 0 0 rgba(255, 255, 255, 0.7), 8px 0 0 0 #ffffff, 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  37.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.5), 8px 0 0 0 rgba(255, 255, 255, 0.7), 6px 6px 0 0 #ffffff, 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  50% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.5), 6px 6px 0 0 rgba(255, 255, 255, 0.7), 0 8px 0 0 #ffffff, -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  62.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.5), 0 8px 0 0 rgba(255, 255, 255, 0.7), -6px 6px 0 0 #ffffff, -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  75% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.5), -6px 6px 0 0 rgba(255, 255, 255, 0.7), -8px 0 0 0 #ffffff, -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  87.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.5), -8px 0 0 0 rgba(255, 255, 255, 0.7), -6px -6px 0 0 #ffffff;

  }

}

/* line 44, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking:not(:disabled):hover, .btn-booking:not(:disabled):focus, .btn-booking:not(:disabled):active {

  color: #ffffff;

  background-color: #ac2f35;

}

/* line 51, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking.btn-booking-bigcalendar, .btn-booking.btn-booking-2-lines {

  min-width: 112px;

  padding: 8px 10px;

  font-size: 1.2rem;

  text-transform: lowercase;

  letter-spacing: 0.09rem;

  font-weight: 400;

}

/* line 60, ../../../web/assets/sass/elements/_buttons.scss */

.btn-booking.btn-booking-bigcalendar span, .btn-booking.btn-booking-2-lines span {

  display: block;

  font-size: 1.4rem;

  text-transform: uppercase;

  letter-spacing: 0.15rem;

  font-weight: 600;

}



/* line 70, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary,

.btn-secondary {

  padding: 13px 10px;

  min-width: 158px;

}

/* line 75, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary.btn-small, .btn-primary.btn-small-responsive,

.btn-secondary.btn-small,

.btn-secondary.btn-small-responsive {

  padding: 5px;

}



/* line 80, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary {

  color: #ffffff;

  font-family: Fira Sans, arial, sans-serif;

  font-size: calc(1.9rem - 0.4rem);

  background-color: #375588;

}

/* line 86, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary .saoloader {

  position: relative;

  display: inline-block;

  margin: 8px;

  width: 4px;

  height: 4px;

  font-size: 4px;

  border-radius: 50%;

  text-indent: -9999em;

  animation: load4px255255255 1.1s infinite ease;

  transform: translateZ(0);

}

@keyframes load4px255255255 {

  0%,

    100% {

    box-shadow: 0 -8px 0 0 #ffffff, 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.5), -6px -6px 0 0 rgba(255, 255, 255, 0.7);

  }

  12.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.7), 6px -6px 0 0 #ffffff, 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.5);

  }

  25% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.5), 6px -6px 0 0 rgba(255, 255, 255, 0.7), 8px 0 0 0 #ffffff, 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  37.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.5), 8px 0 0 0 rgba(255, 255, 255, 0.7), 6px 6px 0 0 #ffffff, 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  50% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.5), 6px 6px 0 0 rgba(255, 255, 255, 0.7), 0 8px 0 0 #ffffff, -6px 6px 0 0 rgba(255, 255, 255, 0.2), -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  62.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.5), 0 8px 0 0 rgba(255, 255, 255, 0.7), -6px 6px 0 0 #ffffff, -8px 0 0 0 rgba(255, 255, 255, 0.2), -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  75% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.5), -6px 6px 0 0 rgba(255, 255, 255, 0.7), -8px 0 0 0 #ffffff, -6px -6px 0 0 rgba(255, 255, 255, 0.2);

  }

  87.5% {

    box-shadow: 0 -8px 0 0 rgba(255, 255, 255, 0.2), 6px -6px 0 0 rgba(255, 255, 255, 0.2), 8px 0 0 0 rgba(255, 255, 255, 0.2), 6px 6px 0 0 rgba(255, 255, 255, 0.2), 0 8px 0 0 rgba(255, 255, 255, 0.2), -6px 6px 0 0 rgba(255, 255, 255, 0.5), -8px 0 0 0 rgba(255, 255, 255, 0.7), -6px -6px 0 0 #ffffff;

  }

}

/* line 89, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary.btn-small, .btn-primary.btn-small-responsive {

  font-size: calc(1.9rem - 0.4rem);

}

/* line 93, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {

  color: #ffffff;

  background-color: #ac2f35;

}

/* line 100, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary.btn-booking-2-lines {

  min-width: 112px;

  padding: 8px 10px;

  text-transform: lowercase;

  letter-spacing: 0.09rem;

  font-weight: 400;

}

/* line 108, ../../../web/assets/sass/elements/_buttons.scss */

.btn-primary.btn-booking-2-lines span {

  display: block;

  text-transform: uppercase;

  letter-spacing: 0.15rem;

  font-weight: 600;

}



/* line 118, ../../../web/assets/sass/elements/_buttons.scss */

.btn-secondary {

  color: #ac2f35;

  font-family: Fira Sans, arial, sans-serif;

  font-size: calc(1.9rem - 0.5rem);

  border: 1px solid #ac2f35;

  background-color: transparent;

}

/* line 125, ../../../web/assets/sass/elements/_buttons.scss */

.btn-secondary .saoloader {

  position: relative;

  display: inline-block;

  margin: 8px;

  width: 4px;

  height: 4px;

  font-size: 4px;

  border-radius: 50%;

  text-indent: -9999em;

  animation: load4px1724753 1.1s infinite ease;

  transform: translateZ(0);

}

@keyframes load4px1724753 {

  0%,

    100% {

    box-shadow: 0 -8px 0 0 #ac2f35, 6px -6px 0 0 rgba(172, 47, 53, 0.2), 8px 0 0 0 rgba(172, 47, 53, 0.2), 6px 6px 0 0 rgba(172, 47, 53, 0.2), 0 8px 0 0 rgba(172, 47, 53, 0.2), -6px 6px 0 0 rgba(172, 47, 53, 0.2), -8px 0 0 0 rgba(172, 47, 53, 0.5), -6px -6px 0 0 rgba(172, 47, 53, 0.7);

  }

  12.5% {

    box-shadow: 0 -8px 0 0 rgba(172, 47, 53, 0.7), 6px -6px 0 0 #ac2f35, 8px 0 0 0 rgba(172, 47, 53, 0.2), 6px 6px 0 0 rgba(172, 47, 53, 0.2), 0 8px 0 0 rgba(172, 47, 53, 0.2), -6px 6px 0 0 rgba(172, 47, 53, 0.2), -8px 0 0 0 rgba(172, 47, 53, 0.2), -6px -6px 0 0 rgba(172, 47, 53, 0.5);

  }

  25% {

    box-shadow: 0 -8px 0 0 rgba(172, 47, 53, 0.5), 6px -6px 0 0 rgba(172, 47, 53, 0.7), 8px 0 0 0 #ac2f35, 6px 6px 0 0 rgba(172, 47, 53, 0.2), 0 8px 0 0 rgba(172, 47, 53, 0.2), -6px 6px 0 0 rgba(172, 47, 53, 0.2), -8px 0 0 0 rgba(172, 47, 53, 0.2), -6px -6px 0 0 rgba(172, 47, 53, 0.2);

  }

  37.5% {

    box-shadow: 0 -8px 0 0 rgba(172, 47, 53, 0.2), 6px -6px 0 0 rgba(172, 47, 53, 0.5), 8px 0 0 0 rgba(172, 47, 53, 0.7), 6px 6px 0 0 #ac2f35, 0 8px 0 0 rgba(172, 47, 53, 0.2), -6px 6px 0 0 rgba(172, 47, 53, 0.2), -8px 0 0 0 rgba(172, 47, 53, 0.2), -6px -6px 0 0 rgba(172, 47, 53, 0.2);

  }

  50% {

    box-shadow: 0 -8px 0 0 rgba(172, 47, 53, 0.2), 6px -6px 0 0 rgba(172, 47, 53, 0.2), 8px 0 0 0 rgba(172, 47, 53, 0.5), 6px 6px 0 0 rgba(172, 47, 53, 0.7), 0 8px 0 0 #ac2f35, -6px 6px 0 0 rgba(172, 47, 53, 0.2), -8px 0 0 0 rgba(172, 47, 53, 0.2), -6px -6px 0 0 rgba(172, 47, 53, 0.2);

  }

  62.5% {

    box-shadow: 0 -8px 0 0 rgba(172, 47, 53, 0.2), 6px -6px 0 0 rgba(172, 47, 53, 0.2), 8px 0 0 0 rgba(172, 47, 53, 0.2), 6px 6px 0 0 rgba(172, 47, 53, 0.5), 0 8px 0 0 rgba(172, 47, 53, 0.7), -6px 6px 0 0 #ac2f35, -8px 0 0 0 rgba(172, 47, 53, 0.2), -6px -6px 0 0 rgba(172, 47, 53, 0.2);

  }

  75% {

    box-shadow: 0 -8px 0 0 rgba(172, 47, 53, 0.2), 6px -6px 0 0 rgba(172, 47, 53, 0.2), 8px 0 0 0 rgba(172, 47, 53, 0.2), 6px 6px 0 0 rgba(172, 47, 53, 0.2), 0 8px 0 0 rgba(172, 47, 53, 0.5), -6px 6px 0 0 rgba(172, 47, 53, 0.7), -8px 0 0 0 #ac2f35, -6px -6px 0 0 rgba(172, 47, 53, 0.2);

  }

  87.5% {

    box-shadow: 0 -8px 0 0 rgba(172, 47, 53, 0.2), 6px -6px 0 0 rgba(172, 47, 53, 0.2), 8px 0 0 0 rgba(172, 47, 53, 0.2), 6px 6px 0 0 rgba(172, 47, 53, 0.2), 0 8px 0 0 rgba(172, 47, 53, 0.2), -6px 6px 0 0 rgba(172, 47, 53, 0.5), -8px 0 0 0 rgba(172, 47, 53, 0.7), -6px -6px 0 0 #ac2f35;

  }

}

/* line 128, ../../../web/assets/sass/elements/_buttons.scss */

.btn-secondary.btn-small, .btn-secondary.btn-small-responsive {

  font-size: calc(1.9rem - 0.4rem);

}

/* line 132, ../../../web/assets/sass/elements/_buttons.scss */

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {

  color: #ffffff;

  background-color: #ac2f35;

}



/* line 141, ../../../web/assets/sass/elements/_buttons.scss */

[class*="btn-link-arrow-"] {

  position: relative;

  padding: 10px;

  color: #ac2f35;

  font-size: 1.9rem;

  font-family: Fira Sans, arial, sans-serif;

}

/* line 148, ../../../web/assets/sass/elements/_buttons.scss */

[class*="btn-link-arrow-"] [class*="icon-arrow"] {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  font-size: 1.3rem;

}

/* line 154, ../../../web/assets/sass/elements/_buttons.scss */

[class*="btn-link-arrow-"] .icon-arrow-left {

  left: 0;

}

/* line 157, ../../../web/assets/sass/elements/_buttons.scss */

[class*="btn-link-arrow-"] .icon-arrow-right {

  right: 0;

}

/* line 160, ../../../web/assets/sass/elements/_buttons.scss */

[class*="btn-link-arrow-"]:hover, [class*="btn-link-arrow-"]:focus, [class*="btn-link-arrow-"]:active {

  color: #333333;

}

/* line 165, ../../../web/assets/sass/elements/_buttons.scss */

[class*="btn-link-arrow-"]:hover .icon-arrow-left, [class*="btn-link-arrow-"]:focus .icon-arrow-left, [class*="btn-link-arrow-"]:active .icon-arrow-left {

  animation-name: comeandgo-left;

  animation-duration: 0.3s;

}

@keyframes comeandgo-left {

  0% {

    left: 0;

  }

  50% {

    left: -5px;

  }

  100% {

    left: 0;

  }

}

/* line 168, ../../../web/assets/sass/elements/_buttons.scss */

[class*="btn-link-arrow-"]:hover .icon-arrow-right, [class*="btn-link-arrow-"]:focus .icon-arrow-right, [class*="btn-link-arrow-"]:active .icon-arrow-right {

  animation-name: comeandgo-right;

  animation-duration: 0.3s;

}

@keyframes comeandgo-right {

  0% {

    right: 0;

  }

  50% {

    right: -5px;

  }

  100% {

    right: 0;

  }

}

/* line 173, ../../../web/assets/sass/elements/_buttons.scss */

.btn-link-arrow-left {

  padding-left: 30px;

}



/* line 176, ../../../web/assets/sass/elements/_buttons.scss */

.btn-link-arrow-right {

  padding-right: 30px;

}



@media screen and (min-width: 1024px) {

  /* line 184, ../../../web/assets/sass/elements/_buttons.scss */

  .btn-booking {

    padding: 20px 10px;

    min-width: 152px;

    font-size: 1.5rem;

  }

  /* line 189, ../../../web/assets/sass/elements/_buttons.scss */

  .btn-booking.btn-small-responsive {

    padding: 12px 5px;

    font-size: calc(1.9rem - 0.4rem);

  }

  /* line 193, ../../../web/assets/sass/elements/_buttons.scss */

  .sticky-scrolled .btn-booking, .sticky-fixed .btn-booking {

    padding: 12px 5px;

  }



  /* line 198, ../../../web/assets/sass/elements/_buttons.scss */

  .btn-primary {

    font-size: 1.9rem;

  }

  /* line 201, ../../../web/assets/sass/elements/_buttons.scss */

  .btn-primary.btn-small-responsive {

    padding: 13px 5px;

    font-size: calc(1.9rem - 0.4rem);

  }



  /* line 206, ../../../web/assets/sass/elements/_buttons.scss */

  .btn-secondary {

    font-size: 1.9rem;

  }

  /* line 209, ../../../web/assets/sass/elements/_buttons.scss */

  .btn-secondary.btn-small-responsive {

    padding: 13px 5px;

    font-size: calc(1.9rem - 0.4rem);

  }

}

/* line 2, ../../../web/assets/sass/components/_cnil.scss */

#cookie-banner {

  background-color: rgba(0, 0, 0, 0.8);

  bottom: 0;

  color: #ffffff;

  font-size: 1.4rem;

  left: 0;

  line-height: 140%;

  padding: 0.7rem 2.5rem 0.7rem 1rem;

  position: fixed;

  text-align: center;

  right: 0;

  z-index: 50;

}

/* line 14, ../../../web/assets/sass/components/_cnil.scss */

#cookie-banner a {

  color: #BE9E56;

  font-weight: bold;

  padding: 0 0.5rem;

  white-space: nowrap;

}

/* line 20, ../../../web/assets/sass/components/_cnil.scss */

#cookie-banner #closeCNIL {

  cursor: pointer;

  font-size: 1.2em;

  margin-left: 0.8em;

}





/* line 31, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  z-index: 19;

}

/* line 33, ../../../web/assets/sass/components/_booking-bar.scss */

.accueil .booking-bar {

  margin-bottom: 30px;

}



/* line 37, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-content {

  flex: 1;

  display: flex;

  flex-direction: column;

  flex-basis: auto;

  padding-top: 15px;

  background-color: #fbfbfb;

}



/* line 45, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-content-first-line {

  flex: 1;

  display: flex;

  flex-wrap: wrap;

  flex-basis: auto;

  align-items: stretch;

  justify-content: center;

  background-color: #fbfbfb;

}



/* line 54, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-one-part {

  display: flex;

  align-items: stretch;

  justify-content: center;

  padding: 0 6px;

}

/* line 59, ../../../web/assets/sass/components/_booking-bar.scss */

.ie .booking-bar-one-part {

  flex-basis: auto;

}

/* line 62, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-one-part:nth-child(1) {

  order: 3;

}

/* line 65, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-one-part:nth-child(2) {

  order: 2;

  margin-bottom: 0.7em;

}

/* line 69, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-one-part:nth-child(3) {

  order: 1;

  margin-bottom: 0.7em;

}

/* line 73, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-one-part.booking-bar-qs {

  flex-direction: column;

}



/* line 77, ../../../web/assets/sass/components/_booking-bar.scss */

.resa-form-message {

  padding-right: 0.6em;

  font-weight: bold;

  word-break: keep-all;

}



/* line 82, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-qs-promo-text,

.booking-bar-qs-complement-text {

  padding: 0 13px;

  text-align: center;

  line-height: normal;

}



/* line 92, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-one-part-satisfaction {

  flex-direction: column;

  margin-bottom: 0.6em;

}



/* line 96, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-satisfaction-title {

  padding: 0;

  margin: 0;

  font-size: 0.8em;

  font-weight: bold;

  letter-spacing: 0;

  line-height: normal;

}



/* line 107, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-reinsurance-txt {

  max-width: 230px;

  padding: 0;

  text-align: center;

  line-height: 1.2;

}



/* line 114, ../../../web/assets/sass/components/_booking-bar.scss */

.booking-bar-one-part p {

  margin: 0;

  text-align: center;

  line-height: 1.2;

}



@media screen and (min-width: 1024px) {

  /* line 197, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar {

    position: relative;

    margin-top: -75px;

  }

  /* line 201, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar .booking-bar-content {

    flex: inherit;

    flex-wrap: nowrap;

    max-width: 100%;

    padding: 25px 5px;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

  }

  /* line 208, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar.sticky-scrolled, .booking-bar.sticky-fixed {

    position: fixed;

    top: 7rem;

    justify-content: flex-start;

    margin-top: 0;

  }

  /* line 223, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar.sticky-scrolled.sticky-scrolled-with-preheader, .booking-bar.sticky-scrolled.sticky-fixed-with-preheader, .booking-bar.sticky-fixed.sticky-scrolled-with-preheader, .booking-bar.sticky-fixed.sticky-fixed-with-preheader {

    top: calc(7rem + 4.4rem);

    transition: all 0.2s;

  }

  /* line 233, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar.sticky-scrolled .booking-bar-content, .booking-bar.sticky-fixed .booking-bar-content {

    width: calc(100% - 26px);

    padding: 8px 5px;

    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);

  }

  /* line 239, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar.sticky-fixed {

    min-height: 6rem;

    transition: all 0.2s;

  }

  /* line 243, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar .btn-booking {

    min-width: 122px;

  }



  /* line 247, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-one-part {

    padding: 0 20px;

    border-left: 1px solid #d7d7d7;

  }

  /* line 251, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-one-part:nth-child(1) {

    order: 1;

    margin-bottom: 0;

    border: 0;

  }

  /* line 256, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-one-part:nth-child(2) {

    order: 2;

    margin-bottom: 0;

  }

  /* line 260, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-one-part:nth-child(3) {

    order: 3;

    margin-bottom: 0;

  }



  /* line 266, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-one-part-best-price .compare-prices {

    flex-direction: column;

  }

  /* line 269, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-one-part-best-price .compare-prices .ota-price {

    margin-left: 0;

    padding-left: 0;

    border-left: 0;

  }



  /* line 276, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-reinsurance-txt {

    max-width: 170px;

  }



  /* line 280, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-qs-promo-text,

  .booking-bar-qs-complement-text {

    margin-bottom: -15px;

  }

  /* line 284, ../../../web/assets/sass/components/_booking-bar.scss */

  .sticky-scrolled .booking-bar-qs-promo-text, .sticky-fixed .booking-bar-qs-promo-text, .sticky-scrolled

  .booking-bar-qs-complement-text, .sticky-fixed

  .booking-bar-qs-complement-text {

    margin-bottom: 0;

  }

}

@media screen and (min-width: 1280px) {

  /* line 294, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar .btn-booking {

    min-width: 152px;

  }



  /* line 299, ../../../web/assets/sass/components/_booking-bar.scss */

  .booking-bar-reinsurance-txt {

    max-width: 230px;

  }

}

/* line 4, ../../../web/assets/sass/elements/_layout.scss */

.page-container {

  margin: 0;

  padding: 40px 0 6px 0;

  background-color: #f6efef;

}



/* line 9, ../../../web/assets/sass/elements/_layout.scss */

.page-container-text-right,

.page-text {

  padding: 0 20px;

  word-break: break-word;

}

/* line 14, ../../../web/assets/sass/elements/_layout.scss */

.page-container-text-right h1,

.page-container-text-right h2,

.page-container-text-right h3,

.page-container-text-right h4,

.page-container-text-right h5,

.page-container-text-right h6,

.page-text h1,

.page-text h2,

.page-text h3,

.page-text h4,

.page-text h5,

.page-text h6 {

  text-align: left;

}



/* line 24, ../../../web/assets/sass/elements/_layout.scss */

.page-text-base h1,

.page-text-base h2 {

  margin-bottom: 40px;

}

/* line 29, ../../../web/assets/sass/elements/_layout.scss */

.page-text-base h3 a {

  color: #375588;

}

/* line 31, ../../../web/assets/sass/elements/_layout.scss */

.page-text-base h3 a:hover, .page-text-base h3 a:focus, .page-text-base h3 a:active {

  color: #ac2f35;

}



/* line 42, ../../../web/assets/sass/elements/_layout.scss */

.display-social-networtk-list {

  display: flex;

  flex-direction: row;

  justify-content: center;

}

/* line 47, ../../../web/assets/sass/elements/_layout.scss */

.display-social-networtk-list a {

  padding: 10px;

  color: #375588;

}

/* line 54, ../../../web/assets/sass/elements/_layout.scss */

.display-social-networtk-list a:hover [class*='icon-'], .display-social-networtk-list a:focus [class*='icon-'], .display-social-networtk-list a:active [class*='icon-'] {

  transition: all 0.2s;

  color: #366b97;

}

/* line 59, ../../../web/assets/sass/elements/_layout.scss */

.display-social-networtk-list a span {

  padding-left: 5px;

}



/* line 65, ../../../web/assets/sass/elements/_layout.scss */

.page-text ul,

.page-text ol {

  margin-left: 20px;

}

/* line 69, ../../../web/assets/sass/elements/_layout.scss */

.page-text ul li,

.page-text ol li {

  padding: 0 0 15px 0;

  line-height: 1.5;

}

/* line 74, ../../../web/assets/sass/elements/_layout.scss */

.page-text ul {

  list-style-type: disc;

}

/* line 77, ../../../web/assets/sass/elements/_layout.scss */

.page-text ol {

  list-style-type: decimal;

}



@media screen and (min-width: 1024px) {

  /* line 86, ../../../web/assets/sass/elements/_layout.scss */

  .page-container {

    margin-bottom: 13px;

    padding: 50px 3px 20px;

  }



  /* line 90, ../../../web/assets/sass/elements/_layout.scss */

  .page-text {

    max-width: 46%;

    margin: 0 auto 40px;

  }

}







/* Slider */

/* line 3, ../../../web/assets/sass/slick/slick.scss */

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



/* line 17, ../../../web/assets/sass/slick/slick.scss */

.slick-list {

  position: relative;

  overflow: hidden;

  display: block;

  margin: 0;

  padding: 0;

}

/* line 24, ../../../web/assets/sass/slick/slick.scss */

.slick-list:focus {

  outline: none;

}

/* line 28, ../../../web/assets/sass/slick/slick.scss */

.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}



/* line 33, ../../../web/assets/sass/slick/slick.scss */

.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



/* line 42, ../../../web/assets/sass/slick/slick.scss */

.slick-track {

  position: relative;

  left: 0;

  top: 0;

  display: block;

  margin-left: auto;

  margin-right: auto;

}

/* line 50, ../../../web/assets/sass/slick/slick.scss */

.slick-track:before, .slick-track:after {

  content: "";

  display: table;

}

/* line 56, ../../../web/assets/sass/slick/slick.scss */

.slick-track:after {

  clear: both;

}

/* line 60, ../../../web/assets/sass/slick/slick.scss */

.slick-loading .slick-track {

  visibility: hidden;

}



/* line 64, ../../../web/assets/sass/slick/slick.scss */

.slick-slide {

  float: left;

  height: 100%;

  min-height: 1px;

  display: none;

}

/* line 68, ../../../web/assets/sass/slick/slick.scss */

[dir="rtl"] .slick-slide {

  float: right;

}

/* line 71, ../../../web/assets/sass/slick/slick.scss */

.slick-slide img {

  display: block;

}

/* line 74, ../../../web/assets/sass/slick/slick.scss */

.slick-slide.slick-loading img {

  display: none;

}

/* line 80, ../../../web/assets/sass/slick/slick.scss */

.slick-slide.dragging img {

  pointer-events: none;

}

/* line 84, ../../../web/assets/sass/slick/slick.scss */

.slick-initialized .slick-slide {

  display: block;

}

/* line 88, ../../../web/assets/sass/slick/slick.scss */

.slick-loading .slick-slide {

  visibility: hidden;

}

/* line 92, ../../../web/assets/sass/slick/slick.scss */

.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



/* line 98, ../../../web/assets/sass/slick/slick.scss */

.slick-arrow.slick-hidden {

  display: none;

}



/* Slider */

/* Icons */

@font-face {

  font-family: "slick";

  src: url('../fonts/slick.eot');

  src: url('../fonts/slick.eot?#iefix') format("embedded-opentype"), url('../fonts/slick.woff') format("woff"), url('../fonts/slick.ttf') format("truetype"), url('../fonts/slick.svg#slick') format("svg");

  font-weight: normal;

  font-style: normal;

}

/* Arrows */

/* line 63, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-prev,

.slick-next {

  position: absolute;

  display: block;

  height: 20px;

  width: 20px;

  line-height: 0px;

  font-size: 0px;

  cursor: pointer;

  background: transparent;

  color: transparent;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  padding: 0;

  border: none;

  outline: none;

}

/* line 81, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-prev:hover, .slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

  outline: none;

  background: transparent;

  color: transparent;

}

/* line 85, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-prev:hover:before, .slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

  opacity: 1;

}

/* line 89, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before {

  opacity: 0;

}

/* line 92, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-prev:before,

.slick-next:before {

  font-family: "slick";

  font-size: 20px;

  line-height: 1;

  color: white;

  opacity: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/* line 103, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-prev {

  left: -25px;

}

/* line 105, ../../../web/assets/sass/slick/slick-theme.scss */

[dir="rtl"] .slick-prev {

  left: auto;

  right: -25px;

}

/* line 109, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-prev:before {

  content: "←";

}

/* line 111, ../../../web/assets/sass/slick/slick-theme.scss */

[dir="rtl"] .slick-prev:before {

  content: "→";

}



/* line 117, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-next {

  right: -25px;

}

/* line 119, ../../../web/assets/sass/slick/slick-theme.scss */

[dir="rtl"] .slick-next {

  left: -25px;

  right: auto;

}

/* line 123, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-next:before {

  content: "→";

}

/* line 125, ../../../web/assets/sass/slick/slick-theme.scss */

[dir="rtl"] .slick-next:before {

  content: "←";

}



/* Dots */

/* line 133, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-dotted.slick-slider {

  margin-bottom: 30px;

}



/* line 137, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-dots {

  position: absolute;

  bottom: -25px;

  list-style: none;

  display: block;

  text-align: center;

  padding: 0;

  margin: 0;

  width: 100%;

}

/* line 146, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-dots li {

  position: relative;

  display: inline-block;

  height: 20px;

  width: 20px;

  margin: 0 5px;

  padding: 0;

  cursor: pointer;

}

/* line 154, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-dots li button {

  border: 0;

  background: transparent;

  display: block;

  height: 20px;

  width: 20px;

  outline: none;

  line-height: 0px;

  font-size: 0px;

  color: transparent;

  padding: 5px;

  cursor: pointer;

}

/* line 166, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-dots li button:hover, .slick-dots li button:focus {

  outline: none;

}

/* line 168, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-dots li button:hover:before, .slick-dots li button:focus:before {

  opacity: 1;

}

/* line 172, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-dots li button:before {

  position: absolute;

  top: 0;

  left: 0;

  content: "•";

  width: 20px;

  height: 20px;

  font-family: "slick";

  font-size: 4.6rem;

  line-height: 20px;

  text-align: center;

  color: #ffffff;

  opacity: 0;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* line 189, ../../../web/assets/sass/slick/slick-theme.scss */

.slick-dots li.slick-active button:before {

  color: #ffffff;

  opacity: 1;

}



/* line 13, assetic_compassxNsGWZ.scss */

.accueil-carousel {

  overflow: hidden;

}

/* line 16, assetic_compassxNsGWZ.scss */

.accueil-carousel .slick-list:after {

  position: absolute;

  bottom: 0;

  display: block;

  width: 100%;

  height: 100%;

  content: '';

  background: url("../img/slider-home-filtre-mob.png") repeat-x center bottom transparent;

  z-index: 1;

}



/* line 28, assetic_compassxNsGWZ.scss */

.accueil-carousel-title {

  position: absolute;

  bottom: 14%;

  left: 50%;

  width: 80%;

  text-align: center;

  transform: translateX(-50%);

  z-index: 1;

}

/* line 37, assetic_compassxNsGWZ.scss */

.accueil-carousel-title h1 {

  color: #ffffff;

}

/* line 40, assetic_compassxNsGWZ.scss */

.accueil-carousel-title h2 {

  color: #ffffff;

}



/* line 45, assetic_compassxNsGWZ.scss */

.accueil-carousel .slick-dots {

  display: none;

}



/* line 51, assetic_compassxNsGWZ.scss */

.accueil-main-content {

  padding: 10px 19px 25px 19px;

}

/* line 54, assetic_compassxNsGWZ.scss */

.accueil-main-content h2 {

  padding-bottom: 10px;

}



/* line 59, assetic_compassxNsGWZ.scss */

.accueil-video {

  display: none;

}



@media (max-aspect-ratio: 1376 / 978) {

  /* line 64, assetic_compassxNsGWZ.scss */

  .accueil-video iframe {

    top: 0;

    left: -200%;

    height: 100%;

    width: 500%;

  }

  /* line 70, assetic_compassxNsGWZ.scss */

  .ie .accueil-video iframe {

    max-width: 100%;

    left: 0;

  }

}

@media screen and (min-width: 1024px) {

  /* line 81, assetic_compassxNsGWZ.scss */

  .accueil-carousel-slide-for-video {

    display: none;

  }



  /* line 84, assetic_compassxNsGWZ.scss */

  .accueil-carousel-title {

    position: absolute;

    left: 50%;

    bottom: 17%;

    text-align: center;

    transform: translateX(-50%);

    z-index: 2;

  }

  /* line 92, assetic_compassxNsGWZ.scss */

  .accueil-carousel-title h1 {

    font-size: 4.5rem;

    color: #ffffff;

  }

  /* line 96, assetic_compassxNsGWZ.scss */

  .accueil-carousel-title h2 {

    font-size: 2.4rem;

    color: #ffffff;

  }



  /* line 103, assetic_compassxNsGWZ.scss */

  .accueil-carousel .slick-dots {

    width: auto;

    bottom: 9.2%;

    text-align: right;

    right: 17px;

    z-index: 20;

  }

  /* line 111, assetic_compassxNsGWZ.scss */

  .accueil-carousel .slick-dots li button:before {

    display: block;

    width: 10px;

    height: 10px;

    position: absolute;

    top: 3px;

    left: 3px;

    content: '';

    opacity: 1;

    border-radius: 50%;

    border: 2px solid #ffffff;

  }

  /* line 126, assetic_compassxNsGWZ.scss */

  .accueil-carousel .slick-dots li.slick-active button:before {

    background-color: #ffffff;

  }

  /* line 134, assetic_compassxNsGWZ.scss */

  .accueil-carousel .slick-list:after {

    background: url("../img/slider-home-filtre-tab.png") repeat-x center bottom transparent;

  }



  /* line 140, assetic_compassxNsGWZ.scss */

  .accueil-main-content {

    width: 937px;

    padding: 20px 100px;

    margin: 0 auto;

  }



  /* line 146, assetic_compassxNsGWZ.scss */

  .accueil-video {

    display: block;

    height: 82vh;

    max-height: 760px;

    position: relative;

    overflow: hidden;

  }

  /* line 153, assetic_compassxNsGWZ.scss */

  .accueil-video iframe {

    position: absolute;

    top: -200%;

    left: 0;

    height: 500%;

    width: 100%;

  }

}

@media screen and (min-width: 1280px) {

  /* line 168, assetic_compassxNsGWZ.scss */

  .accueil-carousel .slick-list:after {

    background: url("../img/slider-home-filtre.png") repeat-x center bottom transparent;

  }



  /* line 174, assetic_compassxNsGWZ.scss */

  .accueil-carousel-title {

    bottom: 14%;

  }

  /* line 176, assetic_compassxNsGWZ.scss */

  .accueil-carousel-title h1 {

    font-size: 5.7rem;

  }

  /* line 179, assetic_compassxNsGWZ.scss */

  .accueil-carousel-title h2 {

    font-size: 3.5rem;

  }

  /* line 182, assetic_compassxNsGWZ.scss */

  .ie .accueil-carousel-title {

    bottom: 18%;

  }



  /* line 188, assetic_compassxNsGWZ.scss */

  .accueil-main-content {

    width: 720px;

    margin: 0 auto;

    padding: 20px 0;

  }

  /* line 192, assetic_compassxNsGWZ.scss */

  .accueil-main-content h2 {

    margin-bottom: 20px;

  }

}