<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Minification failed. Returning unminified contents.
(6203,31): run-time error CSS1046: Expect comma, found '0'
(6203,35): run-time error CSS1046: Expect comma, found '/'
(11544,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(12228,95): run-time error CSS1030: Expected identifier, found '&gt;'
(12228,100): run-time error CSS1031: Expected selector, found ')'
(12228,100): run-time error CSS1025: Expected comma or open brace, found ')'
(14154,28): run-time error CSS1039: Token not allowed after unary operator: '-Borders'
 */
@charset "UTF-8";

@font-face {
  font-family: "stargate-icons";
  src:url("fonts/stargate-icons.eot");
  src:url("fonts/stargate-icons.eot?#iefix") format("embedded-opentype"),
    url("fonts/stargate-icons.woff") format("woff"),
    url("fonts/stargate-icons.ttf") format("truetype"),
    url("fonts/stargate-icons.svg#stargate-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "stargate-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="sg-icon-"]:before,
[class*=" sg-icon-"]:before {
  font-family: "stargate-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sg-icon-spectacles:before {
  content: "\61";
}
.sg-icon-camping:before {
  content: "\62";
}
.sg-icon-loisir-culturel:before {
  content: "\63";
}
.sg-icon-loisir-sportif:before {
  content: "\64";
}
.sg-icon-cart:before {
  content: "\65";
}
.sg-icon-bed-sofa-simple:before {
  content: "\66";
}
.sg-icon-bed-sofa-double:before {
  content: "\67";
}
.sg-icon-bed-simple:before {
  content: "\68";
}
.sg-icon-bed-queen-size:before {
  content: "\69";
}
.sg-icon-bed-murphy:before {
  content: "\6a";
}
.sg-icon-bed-king-size:before {
  content: "\6b";
}
.sg-icon-bed-double:before {
  content: "\6c";
}
.sg-icon-bed-bunk:before {
  content: "\6d";
}
.sg-icon-day:before {
  content: "\6e";
}
.sg-icon-restaurant:before {
  content: "\6f";
}
.sg-icon-thin-plus:before {
  content: "\70";
}
.sg-icon-parking:before {
  content: "\71";
}
.sg-icon-piscine:before {
  content: "\72";
}
.sg-icon-calendar:before {
  content: "\73";
}
.sg-icon-hebergement:before {
  content: "\74";
}
.sg-icon-ski-bundle:before {
  content: "\75";
}
.sg-icon-wifi:before {
  content: "\76";
}
.sg-icon-bed-1:before {
  content: "\77";
}
.sg-icon-bed-2:before {
  content: "\78";
}
.sg-icon-bed-additional:before {
  content: "\79";
}
.sg-icon-bed-baby:before {
  content: "\7a";
}
.sg-icon-spa:before,
.sg-icon-thalasso:before {
  content: "\41";
}
.sg-icon-thin-chevron-right:before {
  content: "\42";
}
.sg-icon-tablet-portrait:before {
  content: "\43";
}
.sg-icon-tablet-landscape:before {
  content: "\44";
}
.sg-icon-smartphone:before {
  content: "\45";
}
.sg-icon-room:before {
  content: "\46";
}
.sg-icon-room-bottom:before {
  content: "\47";
}
.sg-icon-people:before {
  content: "\48";
}
.sg-icon-people-bottom:before {
  content: "\49";
}
.sg-icon-night:before {
  content: "\4a";
}
.sg-icon-desktop:before {
  content: "\4b";
}
.sg-icon-marker-around-me:before {
  content: "\4c";
}
.sg-icon-actus:before {
  content: "\4d";
}
.sg-icon-commerce:before {
  content: "\4e";
}
.sg-icon-degustation:before {
  content: "\4f";
}
.sg-icon-fetes-manif:before {
  content: "\50";
}
.sg-icon-grands-espaces:before {
  content: "\51";
}
.sg-icon-itineraire:before {
  content: "\52";
}
.sg-icon-monument-patrimoine:before {
  content: "\53";
}
.sg-icon-poi:before {
  content: "\54";
}
.sg-icon-sejour:before {
  content: "\55";
}
.sg-icon-stage:before {
  content: "\56";
}
.sg-icon-transport:before {
  content: "\57";
}
.sg-icon-village-vacances:before {
  content: "\58";
}

@font-face {
    font-family: 'stargate-icons-2';
    src: url('fonts/stargate-icons-2.eot?juh7er');
    src: url('fonts/stargate-icons-2.eot?juh7er#iefix') format('embedded-opentype'), url('fonts/stargate-icons-2.ttf?juh7er') format('truetype'), url('fonts/stargate-icons-2.woff?juh7er') format('woff'), url('fonts/stargate-icons-2.svg?juh7er#stargate-icons-2') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="sg-icon-2-"]:before, [class*=" sg-icon-2-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'stargate-icons-2' !important;
    speak: never;
    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;
}

.sg-icon-2-booking:before {
    content: "\42";
}

.sg-icon-2-groom:before {
    content: "\41";
}


.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
    margin-top: 35px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    font-size: 14px!important;
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0 !important;
  top: 0 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
  }

.pswp__zoom-wrap{
    transform:none!important;
}

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__container, .pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.pswp__container, .pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container, .pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  -webkit-transition: opacity 0.15s;
          transition: opacity 0.15s; }

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

@media screen and (max-width: 991px) {
    .pswp img {
        width:100%;
    }
}

/* Polices de caractères
------------------------ */
@font-face {
    font-family: "Open Sans";
    src: url(fonts/OpenSans-Regular.eot);
    src: url(fonts/OpenSans-Regular.eot?#fix) format("embedded-opentype"), url(fonts/OpenSans-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Open Sans";
    font-weight: bold;
    src: url(fonts/OpenSans-Bold.eot);
    src: url(fonts/OpenSans-Bold.eot?#fix) format("embedded-opentype"), url(fonts/OpenSans-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Poppins";
    src: url(fonts/Poppins-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Poppins";
    font-weight: bold;
    src: url(fonts/Poppins-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "BreeSerif";
    font-weight: bold;
    src: url(fonts/BreeSerif-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "fa-brands-400";
    font-weight: bold;
    src: url(fonts/fa-brands-400.eot) format("embedded-opentype"), url(fonts/fa-brands-400.svg) format("svg"), url(fonts/fa-brands-400.ttf) format("truetype"), url(fonts/fa-brands-400.woff) format("woff"), url(fonts/fa-brands-400.woff2) format("woff2");
}

@font-face {
    font-family: "fa-regular-400";
    font-weight: bold;
    src: url(fonts/fa-regular-400.eot) format("embedded-opentype"), url(fonts/fa-regular-400.svg) format("svg"), url(fonts/fa-regular-400.ttf) format("truetype"), url(fonts/fa-regular-400.woff) format("woff"), url(fonts/fa-regular-400.woff2) format("woff2");
}

@font-face {
    font-family: "fa-solid-900";
    font-weight: bold;
    src: url(fonts/fa-solid-900.eot) format("embedded-opentype"), url(fonts/fa-solid-900.svg) format("svg"), url(fonts/fa-solid-900.ttf) format("truetype"), url(fonts/fa-solid-900.woff) format("woff"), url(fonts/fa-solid-900.woff2) format("woff2");
}

@font-face {
    font-family: "fa-brands-400";
    font-weight: bold;
    src: url(fonts/fa-brands-400.eot) format("embedded-opentype"), url(fonts/fa-brands-400.svg) format("svg"), url(fonts/fa-brands-400.ttf) format("truetype"), url(fonts/fa-brands-400.woff) format("woff"), url(fonts/fa-brands-400.woff2) format("woff2");
}

@font-face {
    font-family: "fa-solid-900";
    font-weight: bold;
    src: url(fonts/fa-solid-900.eot) format("embedded-opentype"), url(fonts/fa-solid-900.svg) format("svg"), url(fonts/fa-solid-900.ttf) format("truetype"), url(fonts/fa-solid-900.woff) format("woff"), url(fonts/fa-solid-900.woff2) format("woff2");
}

@font-face {
    font-family: "la-brands-400";
    font-weight: bold;
    src: url(fonts/la-brands-400.eot) format("embedded-opentype"), url(fonts/la-brands-400.svg) format("svg"), url(fonts/la-brands-400.ttf) format("truetype"), url(fonts/la-brands-400.woff) format("woff"), url(fonts/la-brands-400.woff2) format("woff2");
}

@font-face {
    font-family: "la-regular-400";
    font-weight: bold;
    src: url(fonts/la-regular-400.eot) format("embedded-opentype"), url(fonts/la-regular-400.svg) format("svg"), url(fonts/la-regular-400.ttf) format("truetype"), url(fonts/la-regular-400.woff) format("woff"), url(fonts/la-regular-400.woff2) format("woff2");
}

@font-face {
    font-family: "la-solid-900";
    font-weight: bold;
    src: url(fonts/la-solid-900.eot) format("embedded-opentype"), url(fonts/la-solid-900.svg) format("svg"), url(fonts/la-solid-900.ttf) format("truetype"), url(fonts/la-solid-900.woff) format("woff"), url(fonts/la-solid-900.woff2) format("woff2");
}

@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    src: url(fonts/Montserrat-Light.ttf);
    src: url(fonts/Montserrat-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-weight: normal;
    src: url(fonts/Montserrat-Regular.ttf);
    src: url(fonts/Montserrat-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    src: url(fonts/Montserrat-Medium.ttf);
    src: url(fonts/Montserrat-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-weight: normal;
    src: url(fonts/Montserrat-SemiBold.ttf);
    src: url(fonts/Montserrat-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "Montserrat";
    font-weight: bold;
    src: url(fonts/Montserrat-Bold.ttf);
    src: url(fonts/Montserrat-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "fontello";
    src: url(fonts/fontello.ttf);
    src: url(fonts/fontello.ttf) format("truetype");
}

/* Styles généraux
------------------ */
html {
    height: 100%;
}

body {
    background-color: #fff !important;
    color: #203148;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
    font-weight: 300;
    font-size: 14px;
    position: relative;
}

input[type="text"], input[type="number"], input[type="date"], textarea, select {
    -webkit-appearance: none;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
}

    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}

h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

    h2 em {
        position: relative;
        top: 2px;
    }

h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
}

h4 {
    font-size: 18px;
    font-weight: normal;
}

a, button {
    font-weight: normal;
}

ul, ol {
    font-size: 16px;
}

hr {
    border-color: #ebecf2;
}

    hr.black {
        border-color: #000;
    }

sup {
    top: -.3em;
    white-space: nowrap;
}

h1 sup {
    top: -.4em;
}

small, .small {
    font-size: 16px;
}

.pos-rel {
    position: relative;
}

.input-date[readonly],
.input-hour[readonly] {
    background-color: #fff;
    cursor: pointer;
}

    .input-hour[readonly][disabled],
    .input-hour[readonly][disabled] + span {
        opacity: .8;
        pointer-events: none;
    }

.no-click {
    pointer-events: none;
}

.d-flex {
    display: flex;
}
/* Font-weights */
.no-bold {
    font-weight: 300;
}

.striked {
    text-decoration: line-through;
}

.f-weight-300 {
    font-weight: 300;
}

.f-weight-500 {
    font-weight: 500;
}

.f-weight-600 {
    font-weight: bold;
}

/* Color */
.color-red, .color-red-resume {
    color: rgba(242,41,24,1) !important;
}

.color-green {
    color: #00a46d;
}

.color-white {
    color: #fff !important;
}

.color-black {
    color: #00263b;
}

.color-gray {
    color: #808080;
}

.color-light-gray {
    color: #90969c;
}

.color-inherit {
    color: inherit !important;
}

.color-yellow {
    color: #f49924 !important;
}

.color-yellow-private-sale {
    color: #fda921;
}

.color-orange {
    color: #f7a224;
}

.color-pink {
    color: #d5005d;
}

.color-purple {
    color: rgba(163,59,244,1);
}

.color-flash-blue {
    color: rgba(77,124,254,1);
}

.opacity-0 {
    opacity: 0;
}

.opacity-5 {
    opacity: .5;
}

/* Cursor */
.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

/* Background */
.bg-primary {
    background-color: #00263b;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000 !important;
}

.bg-gray {
    background-color: #F7F7F7 !important;
}

.bg-red {
    background-color: rgba(242,41,24,1) !important;
}

.bg-light-red {
    background-color: rgba(242,41,24,.2) !important;
}

.bg-red-important {
    background-color: rgba(242,41,24,1) !important;
}

.bg-blue {
    background-color: rgba(77,124,254,1) !important;
    color: #fff !important;
}

.bg-blue-important {
    background-color: #007aff !important;
}

.bg-light-blue {
    background-color: #dfebfd !important;
}

.bg-flash-blue {
    background-color: rgba(77,124,254,1);
}

    .bg-flash-blue:disabled {
        background-color: rgba(51, 204, 204, 0.5);
    }

.bg-green {
    background-color: #00a46d !important;
}

.bg-green-important {
    background-color: #00a46d !important;
}

.bg-bluegrey-important {
    background-color: #34495E !important;
}

.bg-purple {
    background-color: rgba(163,59,244,1) !important;
}

.bg-yellow {
    background-color: #f2c40f;
}

.bg-yellow-2 {
    background-color: rgba(241,196,15,1);
}

.bg-yellow-2-important {
    background-color: rgba(241,196,15,1) !important;
}

.bg-light-yellow {
    background-color: rgba(241,196,15,.2) !important;
}

.bg-promo {
    background-color: #ff0c45;
}

.bg-dark {
    background-color: #1E324A;
}

.bg-transparent {
    background-color: transparent !important;
}
/* Border */
.b-color-sub-bg-gray {
    border-color: #ebecf2;
}

.border-gray-1 {
    border: 1px solid #ebecf2;
}

    .border-gray-1 + .border-gray-1 {
        border-top: 0;
    }

.border-bottom-gray-1 {
    border-bottom: 1px solid #ebecf2;
}

.border-top-gray-1 {
    border-top: 1px solid #ebecf2;
}

.no-border {
    border: 0 !important;
}
/* Font-sizes */
i[class*=sg-icon-].f-size-20 {
    height: 22px;
}

i[class*=sg-icon-].f-size-30 {
    height: 31px;
}

.f-size-10 {
    font-size: 10px !important;
}

.f-size-11 {
    font-size: 11px !important;
}

.f-size-12 {
    font-size: 12px;
}

.f-size-13 {
    font-size: 13px;
}

.f-size-14 {
    font-size: 14px;
}

i[class*=sg-icon-].f-size-13 {
    height: 14px;
}

.f-size-16 {
    font-size: 16px;
}

.f-size-17 {
    font-size: 17px;
}

.f-size-18 {
    font-size: 18px;
}

.f-size-20 {
    font-size: 20px;
}

.f-size-22 {
    font-size: 22px !important;
}

.f-size-30 {
    font-size: 30px !important;
}

.f-size-50 {
    font-size: 50px !important;
}

i[class*=sg-icon-].f-size-22 {
    height: 23px;
}

i.sg-icon-bed-1.f-size-22 {
    width: 20px;
    margin-left: -3px;
}

.f-size-24 {
    font-size: 24px;
}

.f-size-26 {
    font-size: 26px !important;
}

i[class*=sg-icon-].f-size-26 {
    height: 28px;
}

.f-size-28 {
    font-size: 28px;
}

.f-size-30 {
    font-size: 30px !important;
}

.f-size-38 {
    font-size: 38px;
}

.f-bigger {
    font-size: 1.1em;
}

/* Word-wraps */
.no-wrap {
    white-space: nowrap !important;
}

.wrap {
    white-space: normal !important;
}

.text-cut, .modal-body .product-info h2 {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: inherit;
}

.text-break {
    -ms-word-break: break-word;
    /* ReSharper disable once InvalidValue */
    word-break: break-word;
}

.t-align-center {
    text-align: center;
}
/* Positions */
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}
/* Heights */
.h-38 {
    height: 38px !important;
}

.h-40 {
    height: 40px;
}

.h-260 {
    height: 260px;
}

.h-100 {
    height: 100px;
}

.h-100p {
    height: 100%;
}
/* Min Height */
.h-min-100 {
    min-height: 100px;
}
/* Widths */
.w-50 {
    width: 50px;
}

.w-70 {
    width: 70px;
}

.w-100 {
    width: 100px;
}

.w-105 {
    width: 105px;
}

.w-120 {
    width: 120px !important;
}

.w-130 {
    width: 130px !important;
}

.w-150 {
    width: 150px;
}

.w-20p {
    width: 20%;
}

.w-33p {
    width: 33%;
}

.w-34p {
    width: 34%;
}

.w-45p {
    width: 45%;
}

.w-49p {
    width: 49%;
}

.w-50p {
    width: 50%;
}

.w-65p {
    width: 65%;
}

.w-70p {
    width: 70%;
}

.w-100p {
    width: 100%;
}

.w-250 {
    width: 250px;
}

.w-auto {
    width: auto;
}

.min-w-60 {
    min-width: 60px;
}

.min-w-90 {
    min-width: 90px;
}
/* Max-widths */
.mw-150 {
    max-width: 150px;
}

.mw-110 {
    max-width: 110px;
}

.mw-145 {
    max-width: 145px;
}

.mw-165 {
    max-width: 165px;
}

.mw-200 {
    max-width: 200px;
}

.mw-1170 {
    max-width: 1170px;
}

.mw-1200 {
    max-width: 1200px;
}

.mw-1300 {
    max-width: 1300px;
}
/* Marges */
.margin-auto {
    margin: auto;
}

.v-margin-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .v-margin-10.row + .v-margin-10.row {
        margin-top: 25px;
    }

.v-margin-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.no-v-margin {
    margin-top: 0;
    margin-bottom: 0;
}

.h-margin-5 {
    margin-right: 5px;
    margin-left: 5px;
}

.h-margin-10 {
    margin-right: 10px;
    margin-left: 10px;
}

.h-margin-20 {
    margin-right: 20px;
    margin-left: 20px;
}

.m-top-10-neg {
    margin-top: -10px;
}

.m-top-0 {
    margin-top: 0 !important;
}

.m-top-2 {
    margin-top: 2px;
}

.m-top-3 {
    margin-top: 3px;
}

.m-top-5 {
    margin-top: 5px;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-15 {
    margin-top: 15px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-top-28 {
    margin-top: 28px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-top-35 {
    margin-top: 35px;
}

.m-top-40 {
    margin-top: 40px;
}

.m-top-large {
    margin-top: 50px !important;
}

.m-bottom-0 {
    margin-bottom: 0 !important;
}

.m-bottom-5 {
    margin-bottom: 5px;
}

.m-bottom-10 {
    margin-bottom: 10px;
}

.m-bottom-15 {
    margin-bottom: 15px !important;
}

.m-bottom-20 {
    margin-bottom: 20px;
}

.m-bottom-25 {
    margin-bottom: 25px;
}

.m-bottom-30 {
    margin-bottom: 30px;
}

.m-bottom-50 {
    margin-bottom: 50px;
}

.m-bottom-large {
    margin-bottom: 50px !important;
}

.m-right-5 {
    margin-right: 5px !important;
}

.m-right-15 {
    margin-right: 15px;
}

.m-right-10 {
    margin-right: 10px;
}

.m-right-20 {
    margin-right: 20px;
}

.m-right-25 {
    margin-right: 25px;
}

.m-right-30 {
    margin-right: 30px;
}

.m-left-5 {
    margin-left: 5px;
}

.m-left-10 {
    margin-left: 10px;
}

.m-left-15 {
    margin-left: 15px;
}

.m-left-20 {
    margin-left: 20px;
}

.m-left-40 {
    margin-left: 40px;
}

.no-margin {
    margin: 0;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0;
}
/* Paddings */
.padding-5 {
    padding: 5px;
}

.padding,
.padding-10 {
    padding: 10px !important;
}

.v-padding-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.v-padding-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.v-padding-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.v-padding,
.v-padding-only-10 {
    padding: 10px 0;
}

.h-padding-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.h-padding-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.h-padding-15 {
    padding-right: 15px;
    padding-left: 15px;
}

.global-h-padding {
    padding-right: 30px;
    padding-left: 30px;
}

.p-0 {
    padding: 0px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 3px;
}

.p-top-0 {
    padding-top: 0;
}

.p-top-4 {
    padding-top: 4px;
}

.p-top-5 {
    padding-top: 5px;
}

.p-top-6 {
    padding-top: 6px;
}

.p-top-10 {
    padding-top: 10px;
}

.p-top-12 {
    padding-top: 12px;
}

.p-top-20 {
    padding-top: 20px;
}

.p-top-25 {
    padding-top: 25px;
}

.p-top-30 {
    padding-top: 30px;
}

.p-top-10-important {
    padding-top: 10px !important;
}

.p-top-40-important {
    padding-top: 40px !important;
}

.p-top-large {
    padding-top: 50px;
}

.global-p-top {
    padding-top: 20px;
}

.p-right-0 {
    padding-right: 0 !important;
}

.p-right-5 {
    padding-right: 5px;
}

.p-bottom-0 {
    padding-bottom: 0;
}

.p-bottom-5 {
    padding-bottom: 5px;
}

.p-bottom-6 {
    padding-bottom: 6px;
}

.p-bottom-10 {
    padding-bottom: 10px;
}

.p-bottom-12 {
    padding-bottom: 12px;
}

.p-bottom-15 {
    padding-bottom: 15px;
}

.p-bottom-20 {
    padding-bottom: 20px;
}

.p-bottom-25 {
    padding-bottom: 25px;
}

.p-bottom-25-important {
    padding-bottom: 25px !important;
}

.p-bottom-30 {
    padding-bottom: 30px;
}

.p-bottom-large {
    padding-bottom: 50px;
}

.p-bottom-50 {
    padding-bottom: 50px;
}

.p-left-0 {
    padding-left: 0;
}

.p-left-0-important {
    padding-left: 0 !important;
}

.p-left-5 {
    padding-left: 5px;
}

.p-left-6 {
    padding-left: 6px;
}

.p-left-10 {
    padding-left: 10px !important;
}

.p-left-15 {
    padding-left: 15px !important;
}

.p-left-20 {
    padding-left: 20px;
}

.p-left-25 {
    padding-left: 25px;
}

.p-left-30 {
    padding-left: 30px;
}

.p-left-35 {
    padding-left: 35px;
}

.p-left-50 {
    padding-left: 50px;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-h {
    padding-left: 0;
    padding-right: 0;
}

.h-padding-5 {
    padding-right: 5px;
    padding-left: 5px;
}

.p-top-15 {
    padding-top: 15px;
}

.p-right-6 {
    padding-right: 6px;
}

.p-right-10 {
    padding-right: 10px !important;
}

.p-right-15 {
    padding-right: 15px !important;
}

.p-right-20 {
    padding-right: 20px;
}

.p-right-25 {
    padding-right: 25px;
}

.p-right-30 {
    padding-right: 30px;
}

.p-bottom-2 {
    padding-bottom: 2px !important;
}

.p-bottom-5 {
    padding-bottom: 5px !important;
}
/* Border-radius */
.b-rad-3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.b-rad-4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.b-rad-22 {
    border-radius: 22px;
}

.b-rad-25 {
    border-radius: 25px;
}

.no-radius-left {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.no-radius {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.no-radius-right {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.icon-rounded {
    display: inline;
    border: 2px solid;
    border-radius: 100%;
    padding: 3px;
    vertical-align: middle;
}
/* Divers et variés */
.d-inline-flex {
    display: inline-flex;
}

.d-flex-row {
    display: flex;
    flex-direction: row;
}

.d-flex-row.space-between {
    justify-content: space-between;
}

.d-flex-row.align-items-center {
    align-items: center;
}

.d-flex-row.align-items-stretch {
    align-items: stretch;
}

.d-flex-row.justify-content-center {
    justify-content: center;
}

.d-flex-column {
    display: flex;
    flex-direction: column;
}

.col-count-2 {
    column-count: 2;
}

.desc-rate-new-details-container &gt; div.col-count-2 {
    display: flex;
    flex-direction: column;
}

.col-count-1 {
    column-count: 1;
}

.border-bottom-gray-1.d-flex {
    display: flex !important;
}

.lh-initial {
    line-height: initial;
}

.lh-15 {
    line-height: 15px;
}

.lh-20 {
    line-height: 20px;
}

.lh-25 {
    line-height: 25px;
}

.lh-30 {
    line-height: 30px;
}

.lh-35 {
    line-height: 35px;
}

.lh-36 {
    line-height: 36px;
}

.lh-40 {
    line-height: 40px;
}

.lh-45 {
    line-height: 45px;
}

.lh-50 {
    line-height: 50px;
}

.lh-100 {
    line-height: 100px;
}

.o-hidden {
    overflow: hidden;
}

.t-align-left {
    text-align: left;
}

.t-align-right {
    text-align: right;
}

.v-align-top {
    vertical-align: top;
}

.v-align-text-top {
    vertical-align: text-top;
}

.v-align-middle {
    vertical-align: middle;
}

.v-align-sub {
    vertical-align: sub;
}

.v-align-bottom {
    vertical-align: bottom;
}

.v-align-baseline {
    vertical-align: baseline;
}

.c-pointer, .c-pointer &gt; label, .c-pointer &gt; input {
    cursor: pointer;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.pos-relative {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pos-absolute {
    position: absolute;
}

.center-image {
    z-index: 1;
}

.center-image-container {
    overflow: hidden;
    position: relative;
}

.center-image-loader {
    background: #fff url(mini-loader.gif) center center no-repeat;
    position: relative;
    z-index: 2;
}

.translate-y-50 {
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

div[data-action], div[data-modal-url] {
    cursor: pointer;
}

.clear-left {
    clear: left;
}

.center-vertically {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}

.anchor {
    display: block;
    position: relative;
    top: -40px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* Gestion des arrondis */
.rounded-top {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.rounded-bottom {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.border-radius-20 {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.border-radius-30 {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
/* Placeholder */
input::-moz-placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder,
textarea::-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea:-ms-input-placeholder {
    font-style: italic;
}
/* Classes complémentaires font-awesome */
.fa-head {
    margin-right: 9px;
}

.fa-info-circle,
.fa-times-circle {
    position: relative;
    width: 13px;
}

.fa-acceshandi:before,
.la-acceshandi:before {
    content: "\f193";
}

.fa-animauxadmis:before,
.la-animauxadmis:before {
    content: "\f1b0";
}

.fa-climatisation:before,
.la-climatisation:before {
    content: "\f863";
}

.fa-centredetente:before,
.la-centredetente:before {
    content: "\f5bb";
}

.fa-piscine:before,
.la-piscine:before {
    content: "\f5c5";
}

.fa-thalasso:before,
.la-thalasso:before {
    content: "\f5bb";
}

.fa-restaurant:before,
.la-restaurant:before {
    content: "\f2e7";
}

.fa-acceshandi, .fa-climatisation, .fa-animauxadmis, .fa-centredetente,
.la-acceshandi, .la-climatisation, .la-animauxadmis, .la-centredetente {
    padding-top: 2px;
}
/* --- Barre permanente --- */
[data-ui-feature="permanent-bar"].isFixed {
    margin: 0 0 0 -5px;
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
}

.isFixed .hide-when-fixed {
    display: none;
}
/* Cadena */
.cadena {
    display: inline-block;
    vertical-align: middle;
    background: url(../Content/spriteCard-Cadena.png) no-repeat;
    background-position: -8px -78px;
    width: 18px;
    height: 30px;
    margin-left: 12px;
}
/* Buttons */
.btn {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 20px !important;
    border: none;
    padding: 0 20px !important;
    vertical-align: super;
    font-weight: 500 !important;
    font-size: 14px !important;
    background: rgba(77,124,254,1);
    color: #fff !important;
}

.btn-unavailable {
    display: none;
    color: #fff;
    background-color: #999;
    cursor: not-allowed;
}

    .btn-unavailable:hover, .btn-unavailable:focus {
        color: #fff;
    }

.unavailable .btn-unavailable {
    display: inline-block;
    font-size: 1em;
    padding-left: 0;
    padding-right: 0;
}

.unavailable .btn-success,
.unavailable .btn-info,
.unavailable .price,
.unavailable .occupancy-resume {
    display: none !important;
}

.btn.btn-upsell {
    background: rgba(193,149,81,1) !important;
    border-radius: 0px !important;
    border-color: rgba(140,112,50,1) !important;
}

    .btn.btn-upsell:hover {
        background: rgba(193,149,81,.8) !important;
    }

.bluelink {
    color: rgba(77,124,254,.8);
    font-size: 16px;
    font-weight: 500;
    text-transform: initial;
}
/* Gestion du layout et du footer
------------------------------------------*/
.layout {
    padding-bottom: 100px;
}

.layout-with-cart {
    padding-bottom: 95px;
}

.div-inlineblock {
    display: inline-block;
    width: 100%;
}

.footer-be-cookies {
    position: fixed;
    bottom: 0;
    display: block;
    padding: 0 15px;
    left: 0;
    height: 50px;
    line-height: 50px;
    z-index: 100;
}

.footer-be {
    position: fixed;
    bottom: 0;
    display: block;
    padding: 0 15px;
    left: 0;
    height: 50px;
    line-height: 50px;
}

.footer-be a img {
    height: 24px;
    width: auto;
}

.link-footer-left {
    float: left;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
}

.link-footer-left a {
    color: #fff;
}

.link-footer-left a:hover {
    cursor: pointer;
}

.link-footer-left p {
    margin-left: 5px;
    margin-right: 5px;
    display: initial;
}

/* Loader 
--------*/

/* Style pour un simple spinner */
/*.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    margin: 20% auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}*/

/* Centrer le loader */
#printLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000; /* S'assurer que le loader est au-dessus de tout */
}


/* Gestion de l'affichage des informations
------------------------------------------*/

.promo:not([class*=good-deal-form]) {
    background-color: #ec1817;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    font-weight: normal;
    padding: 0 7px;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    top: 0 !important;
}

.special-offer {
    background-color: #00a46d;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    padding: 0 7px;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: text-bottom;
    height: 24px;
    line-height: 24px;
    display: inline-block;
}

.standard-price:not([class*=good-deal-form]) {
    background-color: grey;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    font-weight: normal;
    padding: 0 7px;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    top: 0 !important;
}

.private-sale:not([class*=good-deal-form]) {
    background-color: #fda921;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    font-weight: normal;
    padding: 0 7px;
    text-transform: uppercase;
    white-space: normal;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    top: 0 !important;
}

.la-certificate {
    color: #f1c232;
}

    .la-star + .la-star,
    .la-certificate + .la-certificate {
        margin-left: 2px;
    }

    .la-certificate + img.rating-label,
    .la-star + img.rating-label,
    span + img.rating-label,
    img.rating-label + img.rating-label {
        margin-left: 5px;
    }

sup .la-star,
sup .la-certificate {
    font-size: small;
}

img.rating-label, img.rating-label-main {
    display: inline-block;
    margin-top: -3px;
}

sup img.rating-label {
    height: 16px;
}

sup img.rating-label-main {
    height: 22px;
    margin-right: 3px;
}
/* Gestion de la recherche
--------------------------*/
div.fa select {
    font-weight: 300;
}

.select-type {
    background-color: #fff !important;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin-top: -1px;
    margin-bottom: 20px;
    position: relative;
}

.bg-image + form .select-type {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

select.with-arrow {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

.select-type select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    font-weight: normal;
    position: absolute;
    width: 100%;
    background: #000 !important;
    color: #fff;
    font-weight: 600;
}

    .select-type select:-ms-expand {
        display: none;
    }

    .select-type select:focus {
        border-color: inherit;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: inherit;
    }

    .select-type select &gt; option {
        background: #fff;
        color: #00263b;
    }

        .select-type select &gt; option:checked {
            background: transparent;
            color: #aaa;
        }

.styled {
    background-color: transparent;
    color: #00263b;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 100%;
    border: 1px solid #ebecf2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
}

    .styled.border-radius-20 {
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    }

.drop-country {
    background-color: transparent !important;
    height: 40px;
    overflow: initial;
    position: relative;
    position: relative;
    border: none;
    text-align: left;
}

.styled-select {
    background-color: #fff;
    color: #00263b;
    height: 40px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ebecf2;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
}

.search-form .styled,
.search-form .styled-select,
.global-form .styled,
.global-form .styled-select,
.date-block .styled,
.date-block .styled-select {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
}

.styled.fa-chevron-down:before,
.styled-select.fa-chevron-down:before,
.styled.la-angle-down:before,
.styled-select.la-angle-down:before {
    float: right;
    margin-right: 10px;
    height: 38px;
    line-height: 38px;
}
/* Dropdown numéros de tel */
.intl-tel-input .country-list {
    text-align: left;
}
/* Fin dropdown numéros de tel */
.drop-country.la-angle-down:before {
    height: 40px;
    line-height: 40px;
    float: right;
    margin-right: 10px;
}

.styled.fa-chevron-down.contact-input-is-required:before,
.styled-select.fa-chevron-down.contact-input-is-required:before {
    margin-right: 30px;
}

.bloc-infos-cart-product .item-quantity.styled.fa-chevron-down:before,
.bloc-infos-cart-product .item-quantity.styled.la-angle-down:before {
    float: right;
    margin-right: 10px;
}

.cart-menu .styled.fa-chevron-down:before,
.cart-menu .styled.btn-lang.la-angle-down:before {
    position: absolute;
    height: 40px;
    width: 40px;
    margin: 0;
    float: initial;
}

.styled select,
.styled-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    width: 100% !important;
    position: absolute;
    outline: none;
    font-size: 14px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
}

    .styled select::-ms-expand,
    .styled-select select::-ms-expand {
        display: none;
    }

    .styled select:focus,
    .styled-select select:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.select-type .styled,
.select-type .styled-select {
    background-color: #00263b;
}

    .select-type .styled.fa-chevron-down:before,
    .select-type .styled.la-angle-down:before {
        color: #90969c;
    }

.map-list-btn {
    height: 40px;
    border-radius: 20px;
    padding: 0 2px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

    .map-list-btn .link-map {
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
    }

.div-sorting-field .fa-chevron-down:before,
.div-sorting-field .la-angle-down:before {
    float: right;
    line-height: 40px;
}

.div-sorting-field .la-chevron-down .form-control {
    height: 46px;
    padding: 0 15px;
}
.deviseForNow {
    font-family: "Montserrat";
    font-weight: 400;
}
.btn-lang.styled,
.btn-currency.styled,
.btn-search.btn-default {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    overflow: inherit;
    z-index: 999;
    border-radius: 20px !important;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    border: none;
}

.btn-lang.styled, .btn-currency.styled {
    z-index: 97 !important;
}

.btn-currency.styled select:first-child {
    padding-left: 25px !important;
}


.btn-currency.styled {
    width: 90px;
    display: flex;
    align-items: center;
}

.btn-currency.styled:before {
    position: absolute;
    right: 10px;
    margin-right: 0;
}

.btn-currency.styled select {
    text-align: center;
    font-weight: 500;
    position: initial;
    width: initial !important;
    padding: 0 15px;
}

.btn-lang.styled img {
    width: 50px;
    max-width: 50px;
    height: 40px;
    border-radius: 20px;
    vertical-align: initial;
}

.btn-lang.styled .dropdown {
    z-index: 100;
}

.btn-lang .dropdown-menu {
    right: 0;
    min-width: inherit;
    border: none;
    margin-top: -43px;
    padding: 5px 0 10px 0;
    border-radius: 25px;
}

    .btn-lang .dropdown-menu li {
        padding: 0;
        text-align: center;
        height: 40px;
        line-height: 40px;
    }

        .btn-lang .dropdown-menu li img {
            height: 35px;
            width: 45px;
        }

.dropdown-menu-lang li {
    cursor: pointer;
}

    .dropdown-menu-lang li:hover {
        background-color: #f5f5f5;
    }

.btn.around-me {
    color: #fff !important;
}

.btn.bg-primary {
    background-color: rgba(77,124,254,1);
}

    .btn.bg-primary:hover {
        background-color: rgba(32,120,233,.8);
    }

div.selection {
    margin-bottom: 20px;
}

.layout-header {
    width: 100%;
    min-height: 100px;
}

div.selection a,
div.filter-list a {
    display: block;
}

div.selection a {
    padding: 8px 4px 8px 0;
    overflow: hidden;
}

    div.selection a:hover {
        text-decoration: none;
    }

    div.selection a:not(:last-child) {
        border-bottom: 1px solid #ebecf2;
    }

div.selection div:first-child {
    position: relative;
    vertical-align: middle;
}

div.selection h3 {
    display: inline-block;
    margin: 0;
}

div.selection hr {
    margin: 0;
}

div.selection i {
    color: rgba(242,41,24,1);
    float: right;
    margin-top: 2px;
}

.filter-count {
    color: #383838;
    background: #f1c232;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
    margin-top: -1px;
    padding: 1px 6px;
}

.filter-promo,
.filter-btn {
    padding: 20px 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 18px;
    min-height: 100px;
}

    .filter-promo i,
    .filter-btn i {
        display: block;
    }

.nb-room button {
    font-size: 1.2em;
}

.product small {
    font-size: 90%;
}

.product .product-price small {
    font-size: 14px;
}

.product .blue-bg-link-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .product .blue-bg-link-bottom .big-link {
        font-size: 16px;
    }

.date-block span.input-group-addon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.date-block [class^="col-xs-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.date-block .text-right small {
    font-size: 14px !important;
}

.date-block .text-right i {
    opacity: .5;
}
/* Main menu
------------ */
.main-menu {
    height: 80px;
}

.main-menu-bg {
    background-position: right center;
    background-repeat: repeat-x;
    background-size: cover;
    height: auto;
    width: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.bloc-logo-noBG + .main-menu-bg {
    min-height: initial;
    display: block;
}

.container.custom-template-content .main-menu-bg {
    background-color: transparent;
}

.main-menu-bg .main-menu.mw-1200 {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}

.custom-template-content .main-menu-bg {
    margin-top: 0 !important;
    display: block;
}

.main-menu-bg.bg-image {
    height: 130px;
}

    .main-menu-bg.bg-image.h-260 {
        height: 200px;
    }

    .main-menu-bg.bg-image .main-menu-bg-overlay {
        height: 200px;
    }

        .main-menu-bg.bg-image .main-menu-bg-overlay .main-menu {
            height: 140px;
        }

.custom-template-content .main-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.main-menu-bg-owner .main-menu,
.search-resume-owner .pos-relative {
    max-width: 100%;
}

.main-menu-logo {
    margin: 5px;
    max-height: 60px;
    max-width: 200px;
}

.visitWallonia-text {
    color: white;
    font-size: 9px;
    margin: 0 10px 0 10px;
    cursor: default;
    width: 250px;
}

.bloc-logo-noBG .main-menu-logo {
    margin: 0;
}

.centered-block {
    max-height: 60px;
    display: inline-flex;
    flex-basis: 1%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    padding-left: 10px;
}

.main-menu-bg.main-menu-kiosk .menu-type li {
    padding-left: 0!important
}

span.before-logo.grey-text {
    text-align: right;
    color: gray;
    font-size: 16px;
    line-height: 15px;
}

.arrival-date-container {

    padding-left: 0!important;
    padding-right: 0!important;
}

img.partner-logo {
    max-height: 60px;
    margin: 0 15px;
}

span.partner-catchphrase.after-logo {
    font-size: 16px;
    font-weight: normal;
    color: gray;
    line-height: 15px;
}

.btn-help, .btn-coupon {
    padding: 6px;
}

.btn-help i,
.btn-help span {
    display: inline-block;
    vertical-align: middle;
}

.btn-help span,
.btn-coupon span {
    font-size: 15px;
    padding-left: 3px;
}

.btn-coupon.active {
    background-color: #00263b;
    border-color: #00263b;
    color: #fff;
}

.coupon-resume {
    line-height: 30px;
    font-size: 1.1em;
}

.main-menu-bg .nav-tabs {
    width: auto;
    display: inline-block;
    vertical-align: top;
    height: 80px;
    padding: 15px 0 15px 0;
}

.main-menu-bg .nav-tabs &gt; li {
    padding-left: 10px;
}

    .main-menu-bg .nav-tabs &gt; li:first-child {
        padding-left: 0;
        padding-right: 10px;
    }
ul.dropdown-menu-lang.dropdown-menu {
    width: 50px;
}

.nav.nav-tabs li:not(:first-child) {
    margin-left: 0 !important;
}

.nav.nav-tabs li a:not(.cart-link) {
    margin-right: 0;
}

.main-menu-bg .nav.nav-tabs li a:not(.cart-link) {
    border-radius: 20px !important;
    border: none;
    padding: 0 15px;
    height: 40px !important;
    line-height: 40px !important;
    width: auto;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-align: center;
    background-color: #fff !important;
    color: #00263b !important;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    justify-content: center;
}

    .main-menu-bg .nav.nav-tabs li a:not(.cart-link):hover,
    .btn-lang.styled:hover,
    .btn-currency.styled:hover,
    .btn-search.btn-default:hover {
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
        box-shadow: 0 0 10px rgba(0,0,0,.3);
        background-color: #fff;
        color: #00263b;
        border: none;
    }

.main-menu-bg .nav.nav-tabs li a &gt; i {
    display: inline-block !important;
    margin-right: 0;
    font-size: 20px;
    line-height: 38px;
}

.main-menu-bg .nav.nav-tabs li a span.menu-name {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    vertical-align: top;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    margin-left: 3px;
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart {
    width: auto;
    height: 100px;
    margin: 15px 10px 15px 0;
    padding: 0 !important;
    border: none;
    border-radius: 15px;
    text-align: center;
    background-color: #fff;
    color: #00263b;
    cursor: pointer;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.main-menu-bg.main-menu-without-label .nav.nav-tabs li .new-menu-cart {
    height: 60px;
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart:hover {
    background-color: #fff;
    color: #00263b;
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-img {
    width: 100px;
    line-height: 100px;
    background-color: #00263b;
    display: inline-block;
    position: relative;
    border-radius: 15px 0 0 15px;
}

    .main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-img img {
        height: 60px;
    }

.main-menu-bg.main-menu-without-label .nav.nav-tabs li .new-menu-cart .cart-img {
    width: 60px;
    line-height: 60px;
}

    .main-menu-bg.main-menu-without-label .nav.nav-tabs li .new-menu-cart .cart-img img {
        height: 36px;
    }

.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-img .cart-number.badge {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #00a46d;
    border-radius: 100%;
    color: #fff;
    margin-top: 0 !important;
    padding: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-txt {
    display: inline-block;
    min-width: 180px;
    max-width: 260px;
    height: 100px;
    line-height: 25px;
    text-align: left;
    vertical-align: top;
    margin-left: -4px;
    padding: 30px 15px;
}

.main-menu-bg.main-menu-without-label .nav.nav-tabs li .new-menu-cart .cart-txt {
    height: 60px;
    line-height: 20px;
    padding: 11px 13px;
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-txt .namecart {
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    font-weight: normal;
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-txt .close-span,
.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-txt .open-span {
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: normal;
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-txt .close-span {
    color: rgba(242,41,24,1);
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-txt .open-span {
    color: #00a46d;
}

.main-menu-bg.main-menu-without-label .nav.nav-tabs li a i {
    margin-right: 0 !important;
}

.main-menu-bg.main-menu-without-label .nav.nav-tabs li a span.menu-name {
}

.main-menu-bg .nav.nav-tabs li .new-menu-cart .cart-txt a:hover {
    background-color: transparent;
}

.main-menu-bg.main-menu-without-label .nav.nav-tabs li:hover a span.menu-name {
    display: inline-block;
}

.nav &gt; li.d-none {
    display: none;
}

/* Fichier CartPayment */

.bottom-ribbon-wrap {

}

.main-menu-bg .main-menu-header {
    display: inline-block;
    float: right;
}
.main-menu-header.pos-rel.xxs-keep-h-padding.fb-no-padding.no-logo-top-menu-be {
    z-index: 5;
}

.main-menu-bg.main-menu-kiosk {
    height: auto;
}
.main-menu-bg.main-menu-kiosk .menu-type {
    height: auto !important;
    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.main-menu-bg.main-menu-kiosk .menu-type li {
    padding: 5px;
}

.main-menu-bg.main-menu-kiosk .nav.nav-tabs.menu-type li a:not(.cart-link) {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    padding: 0 15px;
    min-width: 40px;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.2);
    background-color: transparent !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.main-menu-bg.main-menu-kiosk .nav.nav-tabs.menu-type li a:not(.cart-link):hover {
    border: 1px solid rgba(255,255,255,1);
}

.main-menu-bg.main-menu-kiosk .nav.nav-tabs.menu-type li.active a:not(.cart-link) {
    color: #00263b !important;
    border: 1px solid rgba(255,255,255,1);
    background-color: #fff !important;
}

.custom-template-content .main-menu-bg .main-menu-header {
    float: right;
}

.error-band-w {
    line-height: 40px;
}

/* Gestion des filtres
----------------------*/
div.filter-list {
    margin-bottom: 15px;
    padding: 0 20px;
}

div.filter-list h3 i,
div.filter-list span {
    float: right;
}

div.filter-list [data-action] {
    color: #90969c;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 0 0 0;
    text-decoration: none;
}

div.filter-list [data-action].active,
div.filter-list [data-action].active label {
    font-weight: normal;
}

div.filter-list [data-action].active {
    color: rgba(77,124,254,1);
}

div.filter-list [data-action] label {
    font-weight: 300;
    max-width: 73%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    display: inline;
}

div.filter-list [data-action] input {
    vertical-align: top;
    margin-right: 2px;
}

div.filter-list h3 {
    display: block;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 20px;
    text-transform: none !important;
    font-size: 20px;
}

.filter-head {
    color: #657c89;
}

.filter-head-zero {
    color: #90969c;
}

i.filter-head {
    font-weight: bold;
}

a.blue-link.apply-cancellation.disabled {
    pointer-events: none;
    color: lightgrey!important;
}

.modal-content .modal-header,
.modal-content hr {
    border-color: #F1F1F1;
}

.modal-content .filter-list .filter-3col {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

.modal-content .filter-list .filter-3col .show-loader {
    font-size: 16px;
}

.rounded-box.detail-slider {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
}

.details-short-description-w {
    padding: 30px;
}

.details-short-description {
    text-align: left;
}

.deco-quote {
    font-family: Georgia;
    font-size: 70px;
    line-height: 0;
    vertical-align: bottom;
}

.details-short-description a {
    display: inline-block;
    margin-top: 5px;
}

.short-description-service {
    text-align: left;
}

    .short-description-service .list-services {
        column-count: 2;
    }

    .short-description-service i {
        font-size: 24px;
        vertical-align: top;
        margin-right: 5px;
    }
/* Gestion de l'occupation et des quantités
--------------------------*/

.occupancy-block {
    position: initial;
}

    .occupancy-block .rounded-input p {
        line-height: 34px;
        height: 34px;
        vertical-align: top;
        width: calc(100% - 130px) !important;
        font-size: 15px;
    }

.rounded-input.input-group {
    padding: 2px;
}

.occupancy-list .navbar-collapse.rounded-input.m-bottom-10 {
    display: flex;
    align-items: center;
    padding-right: 2px;
}

.modal .occupancy-block .rounded-input .input-group {
    height: 34px !important;
    width: 130px !important;
    margin-left: 0 !important;
}

.occupancy-block .rounded-input.navbar-collapse .nav.navbar-nav.input-group span button {
    font-size: 20px;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    padding: 0;
    color: #fff;
}

.modal .occupancy-block .rounded-input .input-group input {
    width: calc(100% - 68px) !important;
}

.occupancy-block .btn .fa-minus,
.occupancy-block .btn .fa-plus {
    font-size: 14px;
    vertical-align: middle;
    padding-bottom: 8px;
}

.age-block .styled {
    width: 100px;
    margin: 1px 0 1px 5px;
    display: inline-block;
}

.option-occupancy {
    width: 140px;
    float: left;
}

    .option-occupancy .age-block .styled {
        margin-left: 0;
        width: 100%;
        min-width: 60px;
    }

.occupancy-container {
    margin-bottom: 15px;
}

.modal .input-group.group-rooms {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    padding: 2px;
}

.occupancy-container.occupancy-no-room {
    padding-top: 15px;
}

    .occupancy-container.occupancy-with-room .no-room, .occupancy-container.occupancy-no-room .with-room {
        display: none !important;
    }

.remove-occupancy-block,
.remove-occupancy-block:hover {
    margin-right: -10px;
    background-color: transparent !important;
    height: auto !important;
    line-height: 24px !important;
    padding: 0 !important;
}

    .remove-occupancy-block small {
        color: rgba(242,41,24,1);
        font-size: 80%;
        font-weight: normal;
        text-transform: uppercase;
    }

        .remove-occupancy-block small i.fa-times-circle {
            font-size: 13px;
        }

.occupancy-resume-input {
    cursor: pointer !important;
    background-color: #fff !important;
    overflow: hidden;
}

.input-quantity {
    width: 113px;
}

.quantity-block {
    width: 220px;
}

.quantity-block-activity .input-quantity {
    width: 140px;
    margin-right: 0 !important;
    padding: 2px;
    background-color: #fff;
}

.occupancy-with-room .rounded-input {
    margin-bottom: 10px;
}

.quantity-block-activity .input-quantity .input-group-btn button,
.occupancy-with-room .input-quantity .input-group-btn button,
.shop-info .input-quantity .input-group-btn button {
    height: 34px !important;
    width: 34px;
    line-height: 34px !important;
    border-radius: 18px !important;
    color: #fff;
    border: none;
}

.quantity-block-activity .input-quantity .input-group-btn button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quantity-block-activity .input-quantity .input-occupancy-number,
.occupancy-with-room .input-quantity .input-occupancy-number {
    background-color: transparent;
    border: none;
    height: 34px !important;
    padding: 0;
    width: calc(100% - 68px);
}

.shop-info .input-quantity .shop-product-quantity {
    background-color: transparent;
    border: transparent !important;
    height: 34px;
    padding: 0;
    width: 40px;
}

.occupancy-with-room .rounded-input .input-group {
    margin-right: 0 !important;
    font-weight: normal;
    width: 130px;
}

.occupancy-with-room .rounded-input.navbar-collapse .nav.navbar-nav.input-group span button {
    width: 34px;
    line-height: 34px;
    height: 34px;
    text-align: center;
    padding: 0;
    font-size: 20px !important;
    color: #fff;
    border-radius: 100%;
}

.occupancy-with-room .rounded-input .input-group input {
    width: 34px !important;
    font-weight: 300;
    font-size: 16px;
}

.desc-rate-new {
    display: inline-block;
    width: calc(100% - 300px);
    padding-right: 20px;
}

.desc-rate-new-activity {
    width: 100%;
    padding-right: 0;
}

.desc-rate-new-private-sale {
    display: inline-block;
    width: calc(100% - 550px);
    padding-right: 20px;
}

.option-list .desc-rate-new-activity {
    display: inline-block;
    width: calc(100% - 220px);
    padding-right: 20px;
}

.desc-rate-new-activity-pos .desc-rate-new-details-container .w-49p {
    width: 100%;
}

.desc-rate-new-activity .desc-rate-new-details-container,
.desc-left-part {
    display: inline-block;
    vertical-align: top;
}

.desc-left-part {
    width: calc(100% - 220px);
}

.desc-rate-new-details-container .w-49p {
    padding-right: 15px;
    vertical-align: top;
}

.desc-rate-new-activity .quantity-block-activity,
.desc-right-part {
    width: 215px;
    display: inline-block;
    vertical-align: top;
}

.desc-rate-new.desc-rate-new-activity .desc-rate-new-details-container-mobile {
    display: none;
}

.quantity-block-activity &gt; div:first-child .mobile-dynamic-price {
    display: none;
}

.offer h2.offer-name {
    margin-bottom: 0;
    text-align: left;
    font-weight: bold;
}

/* Gestion du formulaire de recherche pour les options
--------------------------*/
.grid-offer-offerForm-container .offer-form {
    display: flex;
    border-top: 1px solid #ebecf2;
    padding-top: 20px;
    margin-top: 20px;
    height: 70px;
    align-items: center;
}

    .grid-offer-offerForm-container .offer-form .date-block .row {
        margin-right: 0;
        margin-left: 0;
    }

.grid-offer-offerForm-container .date-block [class^="col-xs-"] {
    padding: 0;
}

.grid-offer-offerForm-container .offer-form .input-group {
    width: 300px;
}

.offer-form .input-group button,
.offer-form .styled {
    height: 35px !important;
    line-height: 20px;
}

    .offer-form .styled.fa-chevron-down:before,
    .offer-form .styled.la-angle-down:before {
        margin-top: 7px;
    }

.offer-form .nb-room button {
    padding: 5px;
}

.offer-form .check-option {
    padding-left: 0;
    padding-right: 0;
}
/* Gestion du résumé des éléments associés à une offre qui sont mis au panier
--------------------------*/
.cart-offer-resume {
    background-color: #f4ce48;
    padding: 15px;
    overflow: hidden;
    position: relative;
}

    .cart-offer-resume h4 {
        margin: 0;
        font-size: 16px;
        vertical-align: top;
        padding-right: 10px;
    }

        .cart-offer-resume h4 i {
            font-size: 22px;
            vertical-align: text-top;
        }

    .cart-offer-resume .div-resas {
        width: calc(100% - 235px);
    }

.remove-from-cart-link {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background-color: rgba(242,41,24,1);
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
}

#btnTransformVrbo {
    text-align: center;
    padding: 15px;
    background: #00263b;
    cursor: pointer;
    border-radius: 24px;
    display: block;
    color: #fff;
}

.icon-vrbo {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    font-variant: normal;
}

/* Résumé de recherche
---------------------- */
a &gt; input[type=checkbox] {
    background-color: #fff;
}

div small {
    color: #838383;
    font-weight: 300;
}

i.d-table-cell.fa {
    font-size: 16px;
}

.search-resume .fa-calendar-alt,
.search-resume .fa-map-marker-alt,
.search-resume .fa-bed,
.search-resume .sg-icon-people-bottom,
.search-resume .sg-icon-night,
.search-resume .sg-icon-day {
    font-size: 19px;
}

.search-resume .sg-icon-people {
    margin-top: 2px;
    font-size: 20px;
}

.search-resume .badge {
    right: -10px;
    top: -6px;
}

.search-resume .btn-map {
    margin-left: 10px;
    width: 200px;
}

    .search-resume .btn-map a {
        width: 100%;
        height: 60px;
        border-radius: 0;
        border: none;
        text-align: center;
    }

        .search-resume .btn-map a i {
            padding-left: 10px;
            padding-right: 5px;
        }

        .search-resume .btn-map a div {
            display: inline-block;
            white-space: nowrap;
        }

.nav.nav-tabs li a.btn-cart:hover {
    color: #fff;
    background-color: rgba(77,124,254,1);
}

.show-loader.menu-cart .badge {
    position: absolute;
    right: 7px;
    top: 7px;
    background: #00a46d;
    border-radius: 100%;
    color: #fff;
    margin-top: 0 !important;
    padding: 0;
    height: 25px;
    width: 25px;
    line-height: 25px;
}

.btn-cart .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #00a46d;
    padding: 0;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: -15px
}

.btn-cart i.la-suitcase {
    vertical-align: middle;
}

.main-menu-without-label .show-loader.menu-cart .badge {
    right: -10px;
    top: -10px;
}

.div-back-result {
    border-right: 1px solid #90969c;
}

    .div-back-result a:hover {
        color: #fff;
        text-decoration: none;
    }

.resume-date {
    border: 1px solid #90969c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 10px;
    margin-left: 10px;
    padding: 5px;
    text-transform: uppercase;
}

.div-date span {
    color: #90969c;
    font-weight: 300;
}

.link-map {
    border-radius: 0;
    display: inline;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 9px 20px;
    line-height: 40px;
    border-radius: 20px;
    text-shadow: none;
    box-shadow: none;
}

a.link-map.bg-primary {
    color: #fff;
}

.link-map:hover {
    text-decoration: none;
}

a.link-map.btn-success {
    color: #fff;
    padding: 9px 20px;
}

.link-map i {
    margin-right: 7px;
}

.bg-primary.link-map i {
    color: #fff !important;
}

.selected,
.filter-head.selected {
    color: rgba(77,124,254,1);
}

.detail-short-duration-age {
    font-size: 14px;
    font-weight: 300;
    color: #383838;
    text-align: left;
    margin-bottom: 5px !important;
}

    .detail-short-duration-age.m-top-20 {
        margin-top: 40px;
    }

.div-confirmation-info /*,
.div-cancellation-info*/ {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 15px 25px 15px 25px;
    border: 2px solid rgba(77,124,254,1);
    background-color: rgba(77,124,254,.2);
    margin-bottom: 30px;
}
    /*.div-cancellation-info + .div-confirmation-info {
    margin-top: -15px;
}*/
    /*.div-cancellation-info:not(.color-green),*/
    .div-confirmation-info:not(.color-yellow) {
        color: #383838;
    }

    .div-confirmation-info.color-yellow {
        color: #ffb000;
    }

    .div-confirmation-info &gt; span {
        font-weight: 300;
    }

.panel-body hr {
    margin: 0;
}

.btn-resume-search {
    float: right;
    padding-top: 0;
    padding-right: 0;
    height: 40px;
}

    .btn-resume-search span {
        color: white;
    }

.search-resume .sg-icon-thin-chevron-right {
    font-size: 38px;
}

div.div-hour-formula-list {
    display: none;
    position: absolute;
    left: 0;
    padding: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    box-shadow: 0 1px 3px #ccc;
    top: 110%;
    width: 290px;
    z-index: 10;
}

    div.div-hour-formula-list &gt; div {
        display: inline-block;
        vertical-align: top;
        margin: 2px 0;
        color: #fff;
        width: 60px;
        height: 30px;
        font-weight: 300;
        text-align: center;
        line-height: 0;
        padding-top: 15px;
        cursor: pointer;
        background-color: rgba(77,124,254,1);
    }

        div.div-hour-formula-list &gt; div:hover {
            opacity: .5;
        }

/* Récapitulatif du Cross-Selling
--------------------- */
.new-main-resume-content .cross-selling-info {
    margin-left: -20px;
    border-right: 1px solid rgba(255,255,255,.2)
}

.search-resume .cross-selling-info {
    display: inline-block;
    float: left;
    width: 270px;
    margin-left: 15px;
}

    .search-resume .cross-selling-info .cross-selling-img {
        display: inline-block;
        float: left;
    }

    .search-resume .cross-selling-info .cross-selling-title {
        text-indent: 10px;
    }

    .search-resume .cross-selling-info .cross-selling-img, .search-resume .cross-selling-info .cross-selling-img img {
        width: 75px;
        height: 60px;
    }

    .search-resume .cross-selling-info h1,
    .new-main-resume-content .cross-selling-info h1 {
        font-size: 14px;
        text-transform: none;
        margin-bottom: 0;
    }

    .search-resume .cross-selling-info .type-product,
    .search-resume .cross-selling-info address,
    .new-main-resume-content .cross-selling-info .type-product,
    .new-main-resume-content .cross-selling-info address {
        color: #fff;
        opacity: .5;
        font-style: italic;
        margin-bottom: 0;
    }

.product-description address {
    margin-bottom: 0;
    display: inline-block;
}

.product-description i.las {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}

.search-resume .cross-selling-around {
    width: 165px;
}

.search-resume .cross-selling-around, .search-resume .cross-selling-info {
    z-index: 1;
}

    .search-resume .cross-selling-around .btn-back-cross-selling .sg-icon-thin-chevron-right {
        font-size: 1.1em;
        line-height: 15px;
    }

.cross-selling-around &gt; div {
    font-size: 1.1em;
    font-weight: normal;
}

/* Changement de couleur de la date CON- */
.date-pax b.activityDate {
    color: #FDA920 !important;
}
.activityDateOrange {
    color :#FDA920 !important;
}

/* Liste de résultats
--------------------- */
.select-type {
    border-radius: 0;
}

.main-panel-product-header {
    margin-top: 0;
    margin-bottom: 30px;
}

.results-wrapper {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    border: 0;
    background: none;
    margin: 0;
}


    .results-wrapper .product {
        min-height: 370px !important;
        width: calc(33% - 20px);
        margin-bottom: 10px;
        margin: 0px 10px 20px 10px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        text-align: left;
    }

.be-dms-light &gt; .search-resume-geo .text-cut {
    line-height: 1.2 !important;
}

.be-dms-light .results-wrapper .product {
    width: calc(33% - 20px);
}

.results-wrapper .product .div-img-product {
    position: relative;
    height: 24px;
    border-bottom: 1px solid #ebecf2;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.row-info-flex, .row-info-cross-selling {
    color: #383838;
    font-weight: normal;
    padding-bottom: 0;
    display: block;
    margin-bottom: 20px;
}

    .row-info-flex i.fa, .row-info-cross-selling i.fa {
        font-size: 30px;
        margin-right: 5px;
    }

    .row-info-flex i.fa {
        line-height: 22px;
    }

    .row-info-cross-selling i.fa {
        margin-bottom: 3px;
    }
/* No Result
--------------*/
.warning-panel {
    display: table;
    color: #26373a;
    background: #fad859;
    font-weight: normal;
    padding: 20px;
    margin: auto;
}

    .warning-panel.m-top-large {
        margin-top: 40px;
    }

    .warning-panel &gt; div:first-of-type {
        padding-top: 1px;
        font-size: 16px;
    }

    .warning-panel .info-remove-filter {
        font-style: italic;
        font-weight: 300;
        margin: 10px 0 5px 15px;
    }

    .warning-panel div.selection {
        padding-bottom: 0;
        margin-bottom: 0;
    }

        .warning-panel div.selection a {
            display: inline-block;
            margin-right: 10px;
            padding: 6px 12px;
            border-color: #caa535;
            margin-top: 10px;
        }

            .warning-panel div.selection a i {
                margin-left: 10px;
            }

.form-confirm-cart .warning-panel {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/*.txt-left-warning-panel {
    width:calc(100% - 260px)
}*/
/* Gestion de la pagination
---------------------------*/
.div-paging {
    padding: 15px 0;
}

    .div-paging a:first-child {
        margin-right: 10px;
    }

    .div-paging a:last-child {
        margin-left: 10px;
    }
/* Gestion du Loader
---------------------------*/
#Loader {
    z-index: 12051;
    display: none;
    background-color: black;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.8;
}

div.payment-loader {
    z-index: 12052;
    display: none;
    position: fixed;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    max-width: 470px;
    min-height: 295px;
    font-size: 14px;
    padding: 35px;
}

    div.payment-loader &gt; p {
        text-align: center;
        margin-bottom: 25px;
    }

        div.payment-loader &gt; p:first-of-type {
            font-size: 26px;
            font-weight: normal;
        }

.la-line-scale {
    position: relative;
    display: inline-block;
    height: 48px;
}

    .la-line-scale &gt; div {
        position: relative;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        color: #444;
        background: #444;
        border: 0 solid #444;
        display: inline-block;
        width: 6px;
        height: 48px;
        margin: 3px;
        margin-top: 0;
        margin-bottom: 0;
        float: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-animation: line-scale 1.2s infinite ease;
        -moz-animation: line-scale 1.2s infinite ease;
        -o-animation: line-scale 1.2s infinite ease;
        animation: line-scale 1.2s infinite ease;
    }

    .la-line-scale:after {
        display: table;
        line-height: 0;
        clear: both;
        content: "";
    }

    .la-line-scale &gt; div:nth-child(1) {
        -webkit-animation-delay: -1.2s;
        -moz-animation-delay: -1.2s;
        -o-animation-delay: -1.2s;
        animation-delay: -1.2s;
    }

    .la-line-scale &gt; div:nth-child(2) {
        -webkit-animation-delay: -1.1s;
        -moz-animation-delay: -1.1s;
        -o-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .la-line-scale &gt; div:nth-child(3) {
        -webkit-animation-delay: -1s;
        -moz-animation-delay: -1s;
        -o-animation-delay: -1s;
        animation-delay: -1s;
    }

    .la-line-scale &gt; div:nth-child(4) {
        -webkit-animation-delay: -.9s;
        -moz-animation-delay: -.9s;
        -o-animation-delay: -.9s;
        animation-delay: -.9s;
    }

    .la-line-scale &gt; div:nth-child(5) {
        -webkit-animation-delay: -.8s;
        -moz-animation-delay: -.8s;
        -o-animation-delay: -.8s;
        animation-delay: -.8s;
    }

    .la-line-scale.la-lg {
        height: 48px;
    }

        .la-line-scale.la-lg &gt; div {
            width: 6px;
            height: 48px;
            margin: 3px;
        }
/*--------- Gestion Popover Cancellation policies + OnRequest ------*/
.ul-cancellation-policies {
    padding: 0;
}

    .ul-cancellation-policies &gt; li {
        display: table;
    }

        .ul-cancellation-policies &gt; li &gt; div {
            display: table-cell;
            font-size: 13px;
            padding: 10px 2px;
        }

            .ul-cancellation-policies &gt; li &gt; div &gt; i.fa {
                font-size: 10px;
            }
/*
 * Animation
 */
@-moz-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        -ms-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-ms-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        -ms-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-webkit-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        -ms-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        -ms-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.info-circle {
    background-color: #fda921;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.warning-text {
    width: calc(100% - 60px);
}

#LoaderCenter {
    z-index: 12052;
    display: none;
    background-color: #1f1f1f;
    opacity: 1;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px black;
}
/* Gestion du descriptif du produit
--------------------------------------------------------------------*/
.bloc-title-left {
    width: calc(100% - 400px);
    display: inline-block;
    vertical-align: top;
}

.product-description h1 {
    font-size: 34px;
    line-height: 40px;
    white-space: initial;
    font-weight: bold;
    padding-bottom: 15px;
}

.bloc-price-btn-top {
    float: right;
}

.price-top-detail {
    display: inline-block;
    vertical-align: top;
    /*height: 40px;*/
    padding: 10px;
}

div.div-spoken-language {
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

    div.div-spoken-language &gt; img {
        margin-right: 5px;
        width: 16px;
        height: 11px;
        vertical-align: baseline;
    }

ul.ul-formula-description {
    list-style-type: none;
}

    ul.ul-formula-description &gt; li::before {
        content: "\f068";
        font-family: fontawesome;
        margin-right: 10px;
        font-size: 8px;
    }

div.div-difficulty-rounded {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: right;
    margin-right: 3px;
    margin-bottom: 2px;
}

div.detail-short-duration-age div.div-difficulty-rounded,
.product-description div.div-difficulty-rounded {
    background-color: #f3f3f3;
}

.div-difficulty-rounded.bg-blue ~ div.div-difficulty-rounded {
    background-color: rgba(77,124,254,1) !important;
}
/*div.div-difficulty-rounded + div.div-difficulty-rounded{
    margin-left:5px;
}*/
div.div-difficulty-rounded:first-of-type {
    margin-right: 10px;
}
/* Gestion des photos dans le récapitulatif du descriptif du produit
--------------------------------------------------------------------*/
.div-recap-photos img {
    margin: 5px;
    width: 100%;
    cursor: pointer;
}
/* Barre fixe pour mobile et tablette
-------------------------------------*/
.navbar-default {
    background-color: transparent;
}

.div-options-tab-mob {
    bottom: -1px;
    height: 40px;
    left: 0;
    position: fixed;
    z-index: 102;
}

    .div-options-tab-mob nav.navbar ul.nav.navbar-nav li a {
        color: #fff !important;
        text-shadow: none;
        text-transform: none;
        font-size: 14px;
    }

.option-tab,
a.option-tab {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 100%;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 33.33333333%;
}

.div-options-tab-mob ul.ul-sorting-field li.selected a,
.div-options-tab-mob ul.ul-sorting-field li.selected a:hover {
    color: #fff;
    background: #00263b;
}

.option-tab:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/* Page de detail du produit
----------------------------*/
.bloc-box-shadow .bx-wrapper .bx-viewport {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.main-price .btn {
    margin-left: 15px;
}

.main-price-formula &gt; div {
    margin-top: 7px;
}

.main-price-formula .btn {
    margin-top: 11px;
    margin-left: 15px;
}

.div-product-resume-duration {
    margin-top: -3px;
}

.main-offer {
    padding: 10px 0 20px 0;
    margin: 0 15px 25px 15px;
}

.offer-list.booked .main-offer {
    margin: 0;
    padding: 0;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

.activity-list .offer.simplified + hr {
    margin-top: 0;
    margin-bottom: 15px;
}

.offer-list .offer hr,
.option-list .offer hr,
.activity-list .offer hr {
    margin-bottom: 20px;
}

.offer-list .offer-detail hr,
.option-list .offer-detail hr,
.activity-list .offer-detail hr {
    margin-top: 10px;
    margin-bottom: 0;
}

.offer-list .offer:last-of-type,
.option-list .offer:last-of-type,
.activity-list .offer:last-of-type {
    padding-bottom: 25px;
}

.offer-list:not(.booked) .main-offer .offer:last-of-type,
.option-list:not(.booked) .main-offer .offer:last-of-type,
.activity-list:not(.booked) .main-offer .offer:last-of-type {
    padding-bottom: 0;
}

.activity-list-header {
    padding: 30px 30px;
    background-color: #00263B;
    color: #ffffff;
    font-weight: normal;
    font-size: 22px;
}

.offer-list:not(.keep-borders),
.activity-list:not(.keep-borders) {
    border-top: 0;
}

.offer-list.booked {
    border-bottom: 0;
    padding-bottom: 0;
}

    .offer-list.booked hr, .list-hours-available.booked hr {
        display: none;
    }

    .offer-list.booked.quantity-dependant hr {
        display: block;
        visibility: hidden;
        margin-bottom: 0;
    }

    .offer-list.booked .offer.booked .offer-detail hr {
        display: block;
    }

.option-list .rate.booked .styled,
.activity-list .rate.booked .styled {
    background-color: #e5e5e5;
}

.offer-detail &gt; div {
    margin-top: 15px !important;
}

.offer.hatched {
    background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #d9d9d9 6px, #d9d9d9 6px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #d9d9d9 6px, #d9d9d9 6px);
    opacity: .5;
    /*pointer-events : none;*/
}

.offer img,
.offer-photo-w,
.offer-photo-w img,
.offer-photo-w .center-image-loader {
    height: 105px;
    padding: 0;
    left: 0 !important;
}

.offer .offer-photo-w {
    margin-right: 5px;
}

.offer .remember-hour-container {
    position: absolute;
    right: 15px;
    bottom: 5px;
    text-align: right;
}

.ski-resort-offer .offer-infos {
    position: relative;
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 16px rgba(0,0,0,.1);
    box-shadow: 0 0 16px rgba(0,0,0,.1);
}

.ski-resort-offer .offer-title-w {
    background: #1aa0c9;
    height: 85px;
}

.ski-resort-offer .symbol {
    font-size: 26px;
    cursor: pointer;
}

.ski-resort-offer .img-w {
    position: relative;
    height: 345px;
    overflow: hidden;
}

    .ski-resort-offer .img-w .img {
        width: 100%;
    }

.ski-resort-offer .pricing-infos-w {
    position: absolute;
    bottom: 0;
    background: #fff;
    height: 345px;
    width: 100%;
    z-index: 1;
}

    .ski-resort-offer .pricing-infos-w .pricing-list .pricing-line {
        text-transform: lowercase;
        margin-bottom: 20px;
    }

        .ski-resort-offer .pricing-infos-w .pricing-list .pricing-line:last-child {
            margin-bottom: 0;
        }

        .ski-resort-offer .pricing-infos-w .pricing-list .pricing-line .customer-type::first-letter {
            text-transform: capitalize;
        }

.ski-resort-offer .offer-price-w {
    width: 100%;
    background: rgba(1,4,63,.5);
    position: absolute;
    bottom: 0;
    z-index: 2;
}

    .ski-resort-offer .offer-price-w .btn-w .btn {
        border: 0;
    }

.product-search {
    border-left: solid 1px #ebecf2;
    border-right: solid 1px #ebecf2;
}

.info-main-offer,
.info-offer-list-booked {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 10px;
    text-align: left;
}

.info-main-offer {
    margin-bottom: 10px;
}

.offer-list.booked .info-main-offer {
    display: none;
}

.no-interest-option-list {
    padding: 10px;
    background: #fad859;
    margin-bottom: 15px;
}

    .no-interest-option-list span {
        font-size: 1.2em;
        font-weight: normal;
        margin-right: 15px;
        margin-left: 15px;
    }

.main-panel-product h1 {
    font-size: 1.7em;
    display: initial;
    height: 46px;
    line-height: 46px;
}

.list-info-prices,
.list-info-prices-flex {
    font-size: 13px;
    font-style: italic;
    padding: 10px;
}

.list-info-prices {
    padding: 10px 10px 5px 10px;
}

.list-info-prices-flex {
    padding-top: 0;
    padding-bottom: 20px;
}

.div-thumbnail-presta,
.div-thumbnail-presta .center-image-loader {
    height: 60px;
    width: 100px;
}

.title-top-offer {
    padding-left: 15px;
    width: calc(100% - 110px);
}

.occupancy-resume {
    display: inline-block;
    white-space: nowrap;
    margin-top: 5px;
    margin-left: 5px;
}

.option-occupancy label {
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 10px
}

.option-occupancy &gt; div,
.option-occupancy .age-block &gt; div {
    padding-right: 5px;
    float: right;
}

.option-occupancy &gt; div {
    margin-bottom: 10px;
}

.option-occupancy .age-block-container {
    padding-right: 0;
}

    .option-occupancy .age-block-container select {
        width: 100%;
        margin: 0 0 2px 0;
        letter-spacing: -1px;
    }

.stock-left {
    color: rgba(242,41,24,1);
    font-style: italic;
    margin-top: 2px;
    font-size: 14px;
}

.bloc-infos-cart-product-top .quantity-content {
    display: flex;
    flex-direction: column;
}

.more-info {
    display: inline-block;
    vertical-align: bottom;
    width: auto;
}

.more-info i {
    margin-left: 5px;
}

.bottom-back-list {
    padding-bottom: 30px;
}

.hour-list {
    height: 120px;
    padding-top: 0;
    position: relative;
}

.hour-list:after,
.hour-list:before {
    display: none;
}

.hour-list &gt; div {
    position: static;
    padding-left: 35px;
    padding-right: 30px;
    height: 100%;
    margin: 10px;
}

.btn-prev,
.btn-next {
    position: absolute;
    display: block;
    bottom: 0;
    height: 100%;
    padding: 10px;
    background: #00263b;
    width: 40px;
    z-index: 2;
}

.btn-prev &gt; i,
.btn-next &gt; i {
    line-height: 74px;
    color: #fff;
}

.btn-prev {
    left: 0;
}

.btn-next {
    right: 0;
}

.hour {
    width: 125px;
    height: 60px;
    padding: 0;
    position: relative;
}

.hour:not([class*=not-booked]) + .hour {
    margin-left: -5px;
}

.hour div {
    margin-right: 10px;
    background: #fff;
    border: 1px solid #ebecf2;
}

.hour h3 {
    font-size: 18px;
    margin-bottom: 0 !important;
}

.hour .no-hour-has-promotion h3 {
    margin-bottom: 0px !important;
}

.hour .promo + h3 {
    margin: 8px auto !important;
}

.hour &gt; div &gt; i:before {
    font-weight: normal !important;
}

.hour .promo {
    width: 100%;
    margin-left: 0;
    border-radius: 0;
}

.hour label {
    margin-bottom: 0;
}

.hour div.active {
    background: #f3f3f3;
    border-bottom: none;
}

.hour-list-detail {
    background: #f3f3f3;
    border: none;
    padding: 15px;
}

.div-hide-hour {
    margin-top: 10px;
    text-align: right;
    font-size: 0.9em;
}

.hour-list .btn-prev, .hour-list .btn-next {
    height: 80px;
    top: 15px;
}

.cart-payments .rounded-input {
    display: block;
    height: auto;
    line-height: 1.2;
}
.cart-menu .btn-cart {
    min-width: 120px !important;
    display: flex;
}
.cart-menu .cart-number {
    top: 8px !important;
}

.div-geo .rounded-input i.la-crosshairs {
    color: #fff !important;
    height: auto;
    line-height: 1.2;
    vertical-align: bottom;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
}

.bloc-price-right {
    position: initial;
}

.quantity-block-activity .price {
    padding-right: 5px;
}

.row.hour-list-detail {
    padding: 20px 20px 50px 10px;
}

/* CON-14782 pour les comptes de type restaurant */
.restaurant .hour-detail .rate {
    flex-wrap: wrap !important;
}

.hour-detail .desc-rate-new-activity {
    width: calc(100% - 220px);
}

.hour-detail .rate .clear-left {
    width: 100%;
}

.rate-list,
.desc-entire-part {
    border-top: 1px solid #ebecf2;
    padding-top: 20px;
    margin-top: 20px;
}

    .rate-list .rate {
        position: relative;
    }

.bloc-price-right,
.desc-rate-new.desc-rate-new-activity .quantity-block-activity {
    width: 220px;
    display: inline-block;
}

    .bloc-price-right .bloc-btn-addcart a.btn + a.btn {
        margin-top: 10px;
    }

.bloc-price-right-private-sale-150 {
    width: 150px;
    display: inline-block;
}

    .bloc-price-right-private-sale-150 .bloc-btn-addcart a.btn + a.btn {
        margin-top: 10px;
    }

.bloc-price-right-private-sale-200 {
    width: 200px;
    display: inline-block;
}

    .bloc-price-right-private-sale-200 .bloc-btn-addcart a.btn + a.btn {
        margin-top: 10px;
    }

.other-rates-link {
    background-color: rgba(77,124,254,1);
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .other-rates-link label {
        border-radius: 0;
        font-weight: 400;
        padding: 0 7px;
        height: 24px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .other-rates-link a,
    .other-rates-link &gt; div {
        color: #fff;
        cursor: pointer;
    }

        .other-rates-link a:hover {
            color: #ffffff;
        }

.rate-restrictions {
    padding-top: 15px;
}

    .rate-restrictions ~ .rate-restrictions {
        padding-top: 0;
    }

.pswp__ui .fa.sg-icon-thin-chevron-right {
    width: 44px;
    height: 44px;
    position: absolute;
    display: block;
    overflow: visible;
    opacity: 0.75;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    background-color: #383838;
    color: #ffffff;
    font-size: 10px;
    top: 50%;
    margin-top: -50px;
    border: none;
}

    .pswp__ui .fa.sg-icon-thin-chevron-right:not([class*=fa-flip-horizontal]) {
        right: 0;
    }

    .pswp__ui .fa.sg-icon-thin-chevron-right.fa-flip-horizontal {
        left: 0;
    }

.pswp__ui--idle .fa.sg-icon-thin-chevron-right {
    opacity: 0;
}

.pswp--has_mouse .fa.sg-icon-thin-chevron-right {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    -moz-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    -o-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}

.pswp--touch .fa.sg-icon-thin-chevron-right {
    visibility: hidden;
}
/* Gestion des groupes
--------------------*/
.group-list {
    padding-top: 0;
}

.shop-product-list .product-tab-pane.group-list {
    width: 100%;
}

.group-list .group-header {
    background: linear-gradient(90deg, rgba(0, 38, 59, .7) 20%, #00263b 60%, #00263b);
    color: #fff;
    text-align: justify;
    padding: 30px 20px 30px 20px;
    border-top: solid 1px #fff;
    position: relative;
}

.group-list .group-header .group-titre {
    flex-grow: 1;
}

.group-list .group-header h2 {
    font-size: 2.2em;
    text-align: left;
    margin-bottom: 5px;
}

.group-list .group-header small,
.group-list .group-header a {
    color: #fff;
    white-space: nowrap;
}

.group-list .group-header a {
    margin-top: 3px;
    padding: 10px;
    border-radius: 0;
}

.group-list .group-header a:hover {
    background-color: #165d9b;
}

.group-list .group-header a.btn-warning {
    background-color: transparent;
}

.group-list .group-header a.btn-warning:hover {
    border: 2px solid #fff;
    background-color: transparent;
}

    .group-list .group-active {
        position: absolute;
    }

        .group-list .group-active:not(.d-none) + .bg-primary {
            background-color: rgba(77,124,254,1);
        }

.bg-primary .group-header:hover {
    background: linear-gradient(90deg, rgba(0, 38, 59, .7) 20%, #004164 60%, #004164);
}

.group-list .group-active:not(.d-none) + .bg-primary .group-header {
    background: linear-gradient(90deg, rgba(37, 124, 200, .7) 20%, rgba(77,124,254,1) 60%, rgba(77,124,254,1));
}
/* Gestion des conditions de vente
----------------------------------*/
.div[class^=offer] hr {
    margin-top: 0;
}

.btn.btn-cgv,
.btn.btn-cgv:hover {
    padding-left: 35px;
    padding-right: 35px;
    font-size: larger;
    border-radius: 0;
}

    .btn.btn-cgv[disabled] {
        color: #aaa;
        border-color: #aaa;
    }
/* Gestion de la réservation
----------------------------*/
.price {
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    letter-spacing: -1px;
    text-align: right;
    margin-top: 5px;
}

    .price.striked {
        font-size: 18px !important;
        line-height: 16px;
        font-weight: 300;
    }

    .price.striked-private-sale {
        line-height: 16px;
        text-decoration: line-through;
    }

.price-private-sale {
    font-size: 22px;
    font-weight: normal;
    white-space: nowrap;
    text-align: right;
    margin-top: 5px;
}

.price.promoted {
    font-size: 16px !important;
    line-height: 16px;
    font-weight: 300;
}

.offer-list .offer.booked {
    background: rgba(77,124,254,.05);
}

.offer.rounded-box {
    padding: 20px;
    text-align: left;
}

.offer-list.quantity-dependant .main-offer .offer.has-other-offer.booked {
    padding-bottom: 0;
    margin-bottom: 25px;
}

.offer-list .offer.booked hr,
.offer-list .offer.not-booked hr {
    display: none;
}

.offer.inactive, .offer.inactive + hr, .hour-detail .rate.not-booked + hr {
    display: none;
}

hr.inactive {
    visibility: hidden;
    margin-bottom: 0;
}

/* Gestion du formulaire de réservation / panier
---------------------------------------------*/

.people-info-panel legend {
    padding: 5px 0;
}

.div-head-booking {
    font-size: 1.4em;
    font-weight: normal;
    padding: 20px 25px;
}

.div-form-booking {
    padding: 30px;
    color: #00263a;
    background-color: #fff;
}

    .div-form-booking.bloc-box-shadow {
        padding: 0 20px 20px 20px;
    }

.div-form-cart {
    background: #fff;
    padding: 0;
    margin: 0 0 30px 0;
    color: #00263a;
}

    .div-form-booking &gt; h1,
    .div-form-cart &gt; h1,
    .h1-cart {
        font-size: 1.5em;
        margin-top: 10px;
    }

    .div-form-booking &gt; .sub,
    .div-form-cart &gt; .sub {
        font-size: 1.5em;
        margin-top: 50px;
    }

.div-form-booking &gt; h2 &gt; span {
    font-style: italic;
    color: #717988;
    font-size: 0.8em;
    font-weight: 300;
}

.div-form-booking &gt; hr,
.div-form-cart &gt; hr,
.hr-cart {
    margin: 10px 0 25px;
}

.hr-cart {
    margin-bottom: 20px;
}

.div-form-booking .row &gt; div {
    padding-left: 0;
}

.div-form-booking .row &gt; div + div:not(.no-padding-left) {
    padding-right: 0;
    padding-left: 0;
}

.div-form-booking div &gt; hr:last-of-type,
.div-form-cart div &gt; hr:last-of-type:not(:first-of-type) {
    display: none;
}

.div-form-booking .skipass-fieldset .radio-input-w.left {
    text-align: center;
}

.div-form-booking label {
    font-size: 1.1em;
    color: #717988;
}

.div-form-booking .div-check-cgv label {
    font-size: 16px;
    color: #717988;
    font-weight: 300;
    display: inline;
}

.col-md-12.cgv-w, span.SecureText {
    display: flex;
    align-items: baseline;
}

.col-md-12.consent-w, span.SecureText {
    display: flex;
    align-items: baseline;
    text-align: left;
}

.div-form-booking .contact-input label.error {
    position: absolute;
    right: 25px;
    top: 5px;
    color: #d61616;
}

.div-form-booking .contact-input .asterisk {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #d61616;
}

.div-form-booking ::placeholder,
.div-form-booking :-ms-input-placeholder,
.div-form-booking .contact-input .drop-country .form-control {
    color: #666;
    font-size: 16px;
}

.top-form {
    height: auto;
    line-height: 1.2;
}

.div-form-booking .top-form h2 {
    display: inline-block;
    vertical-align: middle;
}

.div-form-booking h3 {
    font-size: 1.1em;
}

    .div-form-booking h3 &gt; span {
        font-size: 0.9em;
        font-weight: 300;
    }

.div-form-booking fieldset.fieldset-list {
    border: 1px solid #d3dae6;
    background: #f3f3f3;
    padding: 15px;
    margin-left: 10px;
}

.div-form-booking fieldset.fieldset-list + fieldset.fieldset-list {
    margin-top: 5px;
}

.div-form-booking fieldset.fieldset-list legend {
    margin-top: -15px;
    margin-bottom: 0;
    padding: 5px;
    font-size: 14px;
    background: #f3f3f3;
    color: #717988;
    font-weight: normal;
    width: auto;
    border: none;
}

.div-form-booking fieldset.fieldset-list .keycard-field-wording-w {
    color: red;
    padding: 0;
}

.div-form-booking .div-comment &gt; div &gt; textarea {
    height: 80px;
    border: 1px solid #d3dae6;
    resize: vertical;
    width: 100%;
    margin-top: 10px !important;
    padding: 6px 8px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

label.info-subdued {
    color: #b9c0c4;
    font-style: italic;
    font-size: 11px;
    font-weight: 300;
}

.paymentChoiceBox {
    opacity: 0.7;
    background-color: #00263b;
    border: 2px solid transparent;
    background-clip: padding-box;
    padding: 10px !important;
    cursor: pointer;
}

.paymentChoiceBox.active {
    opacity: 1;
}

.paymentChoiceBox.fixed-h {
    height: 50px;
}

.paymentChoiceBox.fixed-h .sofort {
    height: 100%;
}

.paymentChoiceBox.fixed-h .ideal {
    width: 85px;
    margin-top: -8px;
}

.paymentChoiceBox.fixed-h .bancontact {
    width: 130px;
}

.paymentChoiceBox.fixed-h .giropay {
    width: 75px;
    margin-top: -5px;
}

.paymentChoiceBox.fixed-h .ideal {
    width: 66px;
    margin-top: -3px;
}

.paymentChoiceBox.fixed-h .e-ancv {
    width: 113px;
    margin-top: -3px;
}

.paymentChoiceBox.fixed-h .paypal {
    height: 100%;
}

.creditCardForm {
    max-width: 700px;
    overflow-y: scroll;
    margin-bottom: 80px;
}

.creditCardForm label {
    width: auto;
    margin-bottom: 10px;
    color: #fff;
}

.creditCardForm label.error {
    white-space: nowrap;
}

.creditCardForm label i {
    margin-right: 10px;
    width: 20px;
}

.creditCardForm .payment.div-method-payment {
    float: initial;
    font-size: 18px;
    padding: 20px;
    margin-top: 5px;
    position: relative;
    width: 100%;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #34495e;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.25);
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
    text-align: left;
}

.creditCardForm .payment .form-group {
    display: inline-block;
    margin-bottom: 15px;
}

.creditCardForm .type-card {
    display: none !important;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    float: initial !important;
}

.creditCardForm .type-card label {
    font-style: italic;
    color: #999;
    width: 50%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-bottom: 13px;
    font-weight: 300;
}

.creditCardForm .type-card .div-styled-card-type {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
    width: 50%;
    display: inline-block;
    margin-left: -5px;
    height: 38px;
    vertical-align: top;
}

    .creditCardForm .type-card .div-styled-card-type .form-control {
        margin-left: 0;
    }

    .creditCardForm .type-card .div-styled-card-type option {
        border: none;
        font-size: 14px;
        color: #fff;
        background-color: #34495e;
    }

    .creditCardForm .payment .form-control {
        line-height: 40px;
        width: calc(100% - 40px);
        margin-left: -5px;
        display: inline-block;
        height: auto;
        padding: 0;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(255,255,255,.2);
        color: #fff;
        font-size: 14px;
        border-radius: 0;
    }

.creditCardForm .payment .form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.creditCardForm .owner {
    width: 100%;
}

.creditCardForm #card-number-field {
    width: 100%;
}

#StripeCBFormContainer {
    margin-top: 50px;
}

.creditCardForm #card-errors-container {
    align-items: center;
    background-color: rgba(242,41,24,.2);
    padding: 5px;
    color: rgba(242,41,24,1);
    border: 2px solid rgba(242,41,24,1);
    font-size: 14px;
    font-weight: 300;
    line-height: 150%;
    margin-bottom: 5px;
}

.creditCardForm .CVV {
    width: 80px;
    margin-right: 20px;
}

.creditCardForm #expiration-date {
    width: calc(100% - 96px);
    margin-left: -4px;
    text-align: right;
}

.creditCardForm #expiration-date label {
    width: 70px;
    margin-right: 10px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
    line-height: 12px;
}

.creditCardForm .payment select {
    width: 60px;
    height: 40px;
    background-color: transparent;
    border: none;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    color: #fff;
    background-color: #34495e;
}

.creditCardForm .div-method-payment label.info-subdued {
    width: 100%;
}

.div-method-payment label.info-subdued {
    width: 40%;
    vertical-align: middle;
    margin-left: 10px;
}

.prestaNameAccomodation {
    display: block;
}

.div-form-cart .div-img,
.div-cart-product .div-img {
    display: inline-block;
    height: 90px;
    width: 90px;
    margin-right: 15px;
}

.div-form-cart .row h1 {
    font-size: 1.2em;
    font-weight: normal;
}

.blue-bloc-title-product {
    font-weight: 400;
}

    .blue-bloc-title-product h1,
    .blue-bloc-title-product i {
        color: #fff;
    }

    .blue-bloc-title-product h1 {
        padding: 0 10px;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;
        text-transform: uppercase;
        font-size: 18px !important;
        font-weight: normal !important;
        height: 55px;
        line-height: 55px;
    }

.div-form-cart h1 .fa-head {
    display: inline-block;
    margin-right: 5px;
}

.condition-resa {
    padding: 15px 15px 15px 0;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    width: 35px;
}

    .condition-resa a {
        color: #fff;
        font-size: 18px;
    }

.total-amount {
    position: relative;
    color: #00263b;
    background-color: rgba(77,124,254,.1);
    font-weight: normal;
    height: 70px;
    line-height: 70px;
    padding: 0 15px;
    border-bottom: 1px solid #ebecf2;
    width: 100% !important;
}

    .total-amount .col-amount {
        font-size: 24px;
        text-align: right;
    }

.right-price-cart {
    height: 70px;
}

.total-amount &gt; div &gt; .price.striked {
    font-weight: 300;
    font-size: 13px;
    display: block;
}

.total-amount .tax-included {
    text-align: right;
    margin-right: 10px;
    font-size: 12px;
}

.div-payment-detail {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 70px;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    border: none;
    background-color: rgba(77,124,254,1);
    padding: 20px 15px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    cursor: pointer;
}

    .div-payment-detail div {
        display: inline-block;
        vertical-align: baseline;
        text-align: left;
        width: calc(100% - 41px);
        margin-left: -4px;
    }

    .div-payment-detail &gt; i {
        font-size: 30px;
        display: inline-block;
        margin-right: 10px;
        width: 30px;
    }

.div-close-cart-selection {
    width: 145px;
    height: 60px;
    font-size: 14px;
    line-height: 20px;
}

    .div-close-cart-selection &gt; i {
        font-size: 24px;
    }

.payment-item-list-bloc {
    border: none;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    position: absolute;
    z-index: 9;
    background-color: #fff;
    width: calc(100% - 20px);
    right: 0;
    margin: 10px;
}

    .payment-item-list-bloc .square-white-modale {
        background-color: #fff;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        position: absolute;
        top: -5px;
        right: 10px;
    }

.payment-list &gt; div {
    padding: 10px 15px;
}

.payment-item {
    padding: 10px;
}

    .payment-item + .payment-item {
        border-top: 1px solid #e3e4e5;
    }

.cart-top {
    width: 100%;
    height: 60px;
    background-color: rgba(56,110,230,.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

    .cart-top .left-div {
        font-weight: normal;
        color: #00263b;
        font-size: 18px;
    }

    .cart-top .right-div {
        color: #00263b;
    }

        .cart-top .right-div span:nth-child(1) {
            font-size: 12px;
            padding-right: 5px;
        }

        .cart-top .right-div span:nth-child(2) {
            font-weight: normal;
            font-size: 24px;
        }

.div-cart-product {
    font-size: 13px;
    color: #383838;
    margin-bottom: 1px;
}

    .div-cart-product.border-top-black {
        border-top: 1px solid #000;
        padding-top: 15px;
    }

    .div-cart-product &gt; hr {
        margin: 10px 0;
    }

        .div-cart-product &gt; hr:last-child {
            display: none;
        }

    .div-cart-product .fa-head {
        margin-right: 3px;
        font-size: 24px;
        vertical-align: sub;
    }

.content-product-cart .cartItem {
    border-bottom: 1px solid #eee;
    /*margin-bottom: 15px;
        padding-bottom: 10px;*/
}

    .content-product-cart .cartItem:last-child {
        border-bottom: none;
        /*margin-bottom: 0;
            padding-bottom: 0;*/
    }

.bloc-infos-cart-product-top .row span.color-red {
    display: inline-block;
    padding: 10px 0 15px 15px;
}

.bloc-infos-cart-product-top .row span.color-red-resume {
    display: inline-block;
}

.div-text-cart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    vertical-align: top;
}

.div-selection-cart {
    width: calc(100% - 41px);
}

.bloc-infos-cart-product {
    width: auto;
    display: inline-block;
    padding: 10px;
}

    .bloc-infos-cart-product .title-offer-cart {
        font-size: 16px;
        font-weight: 600;
    }

        .bloc-infos-cart-product .title-offer-cart span.IsResourceName {
            font-weight: 300;
        }

        .bloc-infos-cart-product .title-offer-cart .rate-name {
            font-size: 13px;
            font-weight: 300;
        }

.bloc-price-cart-product {
    display: inline-block;
    margin-left: -4px;
    vertical-align: top;
    text-align: right;
    background-color: rgba(77,124,254,.1);
    padding-bottom: 0 15px 15px 0;
    max-width: 130px;
    min-width: 130px;
}

.content-booking-fees .bloc-price-cart-product {
    padding-bottom: 0;
    line-height: 14px;
}

.bloc-infos-cart-product .see-cancellation-conditions {
    border-right: 1px solid #00263B;
    padding-right: 10px;
    margin-right: 10px;
}

.bloc-infos-cart-product .item-quantity {
    width: 90px;
    height: 40px;
    display: inline-block;
    vertical-align: central;
    border-radius: 20px;
}

    .bloc-infos-cart-product .item-quantity select {
        height: 100%;
        line-height: 18px;
    }

#divLabelStockAlert {
    background: rgba(242,41,24,1);
    height: 24px;
    color: #fff !important;
    line-height: 24px;
    padding: 0 15px;
    border-radius: 15px;
    width: 148px;
}

.offer-amount {
    padding: 10px;
    color: #00263B;
    font-size: 18px;
    width: 100%;
    white-space: nowrap;
    font-weight: normal;
}

    .offer-amount.no-padding {
        padding: 0;
    }

    .offer-amount.insurance-amount,
    .offer-amount.keycard-amount {
        padding: 0;
    }

.original-item-price {
    text-decoration: line-through;
    color: #737373;
    padding: 10px 10px 0px 10px;
}

.btn-add-grant {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 2px;
    -webkit-appearance: none;
    border: none;
}

.btn-extracharge {
    background-color: #f5972b;
}

.btn-reduction {
    background-color: #a33bf4;
}

.div-add-grant {
    position: relative;
    margin-bottom: 2px;
}

    .div-add-grant span {
        width: 100%;
        display: block;
        color: rgba(242,41,24,1);
        text-transform: uppercase;
        font-size: 12px;
    }

.bloc-price-cart-product .btn-modify-price {
    color:rgba(77,124,254,1);
    background-color: transparent;
}

.btn-modify-pax {
    color: rgba(77,124,254,1);
    font-size: 18px;
    background-color: transparent;
    border: 0;
    left: 5px;
    position: relative;
}

    .bloc-price-cart-product .btn-modify-price:hover,
    .btn-modify-pax:hover {
        color: #0061cb;
    }

.div-add span {
    color: rgba(242,41,24,1);
}

.div-grant span {
    color: #00a46d;
}

.div-add-grant span.big {
    font-size: 16px;
}

.div-add-grant .cross-cancel {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

    .div-add-grant .cross-cancel i {
        cursor: pointer;
        font-size: 16px;
        color: rgba(242,41,24,1);
        width: auto;
        top: 0;
        vertical-align: bottom;
    }

.cart-empty-message {
    font-size: 30px;
    font-weight: normal;
    margin: 50px 0;
    padding: 0 15px;
}

    .cart-empty-message img {
        margin-top: 30px;
        height: 200px !important;
        width: auto;
    }

.bloc-price-cart-product .modify-item-cart {
    text-align: right;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: normal;
    color: rgba(77,124,254,1);
    padding-right: 10px;
}

.bloc-price-cart-product .remove-item-cart {
    text-align: right;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: rgba(242,41,24,1);
    padding-right: 10px;
}

.show-product-detail {
    padding: 15px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    text-align: center;
    width: 50px;
    height: 55px;
    font-size: 20px;
    border-right: 1px solid rgba(255,255,255,.3);
    cursor: pointer;
}

    .show-product-detail div {
        display: inline-block;
    }

.total-amount-product {
    padding: 17px 10px 17px 0;
    display: inline-block;
    height: 55px;
    text-align: right;
    font-size: 18px;
    font-weight: normal;
    white-space: nowrap;
}

#CountryCode option {
    font-size: 12px;
}

.img-type-cb {
    background: url('../Content/spriteCard-Cadena.png') no-repeat left;
}

    .img-type-cb.cb {
        background-position: 0 -51px;
    }

    .img-type-cb.mc {
        background-position: 0 0;
    }

    .img-type-cb.visa {
        background-position: 0 -26px;
    }

.div-method-payment .styled:not(.div-styled-card-type) {
    width: 48%;
}

.div-consentements label {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 300;
    color: #00263a;
    vertical-align: middle;
    width: 92%;
    text-align: justify;
}

.div-cgv {
    color: #00263a;
    font-size: 13px;
}

.div-consent {
    color: #00263a;
    font-size: 13px;
    text-align: justify;
    margin-top: 30px;
    padding: 10px;
}

.div-submit-form .info-subdued {
    font-size: 12px;
    color: #717988;
}

.div-submit-form .info-subdued i.fa {
    margin-right: 5px;
}

.bloc-infos-cart-product-top .quantity-content {
    position: relative;
}

.input-quantity label.error {
    position: absolute;
    left: 150px;
    width: 100%;
}

label.error {
    color: #d61616;
    font-size: 13px;
    font-style: italic;
}

.border-error {
    border-color: #d61616;
    border-width: 2px;
}
/* Gestion des coupons
-----------------------*/
.enter-coupon.rounded-input {
    display: block;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.div-gray-cart.promo-code-panel,
.div-gray-cart.giftcard-pay-panel {
    margin: 15px 0;
}

    .div-gray-cart.promo-code-panel i,
    .div-gray-cart.giftcard-pay-panel i {
        vertical-align: sub;
    }

    .div-gray-cart.promo-code-panel .form-control,
    .div-gray-cart.giftcard-pay-panel .form-control {
        height: 40px;
        width: 250px;
        font-size: 14px;
        border: none;
        background-color: transparent;
    }

    .div-gray-cart.promo-code-panel button,
    .div-gray-cart.giftcard-pay-panel button {
        height: 40px !important;
        line-height: 40px !important;
        vertical-align: top;
        border: none;
        float: right;
    }

div.infos-coupon a.link-remove-coupon {
    position: absolute;
    right: 15px;
    top: 40%;
    color: #FFF;
}

    div.infos-coupon a.link-remove-coupon i {
        margin-bottom: 4px;
    }

div.infos-coupon .error-coupon a.link-remove-coupon {
    top: 30%;
}

div.confirm-coupon p.coupon-name {
    opacity: .8;
}

div.div-gray-cart {
    background-color: transparent;
    padding: 15px;
    position: relative;
    margin: 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    border-radius: 15px;
    padding: 20px !important;
}

    div.div-gray-cart.div-link-back {
        padding: 15px 15px 10px 15px;
        margin: 15px 0 0 0;
    }

.div-link-back &gt; div:not(:first-child) {
    margin-top: 3px;
    background-color: #fff;
    padding: 5px 10px;
}

.div-link-back &gt; div:last-child {
    margin-bottom: 10px;
}

.div-link-back &gt; div &gt; div {
    font-size: 16px;
    padding: 0;
}

.div-link-back .div-picto {
    width: 35px;
    display: inline-block;
}

.div-link-back .div-content-link {
    width: calc(100% - 71px);
    display: inline-block;
    margin-left: -4px;
}

.div-link-back .div-chevron {
    width: 35px;
    display: inline-block;
    margin-left: -4px;
}

.div-link-back &gt; div &gt; div &gt; .sg-icon-thin-chevron-right {
    font-size: 11px;
    color: #227AB5;
}

.div-link-back &gt; div &gt; div &gt; .fa-calendar-check {
    margin-top: -4px;
}

div.div-gray-cart #InsuranceModal ul {
    list-style: none;
    padding-left: 20px;
}

    div.div-gray-cart #InsuranceModal ul &gt; li {
        margin-top: 10px;
    }

        div.div-gray-cart #InsuranceModal ul &gt; li &gt; span {
            display: inline-block;
            width: 95%;
        }

        div.div-gray-cart #InsuranceModal ul &gt; li &gt; i {
            vertical-align: top;
        }

div.div-gray-cart.insurance input[type=checkbox] {
    vertical-align: top;
}

.link-remove-coupon {
    position: absolute;
    right: 15px;
    top: 0;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    max-height: 35px;
}

    .link-remove-coupon span {
        background-color: transparent;
        font-size: 16px !important;
        width: initial !important;
    }

p.confirm-coupon {
    margin-bottom: 0;
}
/* Gestion du confirmBooking
-----------------------------*/
.row-confirm-booking p:not(.confirm-coupon):not(.title-coupon):not(.tax-included) {
    font-size: 18px;
    font-weight: normal;
    margin-top: 5px;
}

.total-amount p {
    font-weight: 300;
}

.row-confirm-booking .div-form-booking,
.footer-confirm-booking {
    font-size: 14px;
    color: #383838;
}

.row-confirm-booking .div-form-booking {
    padding-bottom: 15px;
    padding-top: 12px;
}

.footer-confirm-booking {
    text-align: center;
    border-top: 1px solid #d3dae6;
}

.div-confirmed-booking {
    width: 100%;
    color: #009100;
    font-size: 20px;
    font-weight: normal;
    border: 1px solid #d3dae6;
    padding: 25px 5px;
}

    .div-confirmed-booking i {
        font-size: 40px;
    }
/* Gestion de l'affichage/masquage
----------------------------------*/
.d-none {
    display: none;
}

.d-block {
    display: block;
}

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

    .d-inline-block p {
        margin: 0;
    }

.no-box-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.no-background {
    background: none;
}

.no-bg-image {
    background-image: none;
}
/* Modale crosselling - Continue To Paiement en bas de page
-------------------------*/
.continue-to-payment {
    position: fixed;
    bottom: -1px;
    z-index: 101;
    left: 0;
}

.continue-to-payment &gt; div {
    padding: 10px;
    margin: auto;
}

#CrossSellingModal .modal-dialog {
    width: 95%;
    max-width: 1200px;
}

/* CON-16309 */
/*#CrossSellingModal .modal-header {
    margin-left: -1px;
    margin-top: -1px;
}*/
#CrossSellingModal .modal-header,
.continue-to-payment {
    background: #00a46d;
    color: #fff;
}

    #CrossSellingModal .modal-header .modal-title {
        position: relative;
        padding: 6px 10px;
        font-size: 16px;
        font-weight: normal;
        width: auto;
        text-align: center;
    }

    #CrossSellingModal .modal-header .btn-cgv,
    .continue-to-payment &gt; div .btn-cgv {
        background-color: rgba(255,255,255,0) !important;
        border: 2px solid #fff !important;
        color: #fff !important;
        font-size: 18px;
        line-height: 36px !important;
    }

        #CrossSellingModal .modal-header .btn-cgv:hover,
        .continue-to-payment &gt; div .btn-cgv:hover {
            border-color: #fff !important;
            background-color: rgba(255,255,255,.15) !important;
        }

#CrossSellingModal #div-map {
    margin-right: 20px;
}

#CrossSellingModal .modal-body {
    padding: 0;
}

#CrossSellingModal .text-cut span.promo {
    margin: 0 10px;
}

#CrossSellingModal .modal-body .fa.fa-check-circle {
    display: none;
}

#CrossSellingModal .modal-body .div-global-list-map {
    border: none;
    margin-top: 0;
}

#CrossSellingModal .product {
}

    #CrossSellingModal .product .div-img-product {
        height: 200px !important;
        width: 40% !important;
        display: inline-block;
        border-radius: 15px 0 0 15px;
    }

#CrossSellingModal .div-map-img {
    height: 200px !important;
}

#CrossSellingModal .row-list-map {
    width: 100%;
}

#CrossSellingModal .results-wrapper .product {
    height: 200px !important;
    min-height: 200px !important;
    width: 95%;
}

#CrossSellingModal .product .div-img-product img {
    width: auto !important;
    height: 200px !important;
}

#CrossSellingModal .product .product-info {
    width: 59% !important;
    display: inline-block;
    vertical-align: top;
}

#CrossSellingModal .infowindow-text-w {
    display: flex;
    justify-content: space-between;
}

    #CrossSellingModal .infowindow-text-w .infowindow-text-title {
        width: auto !important;
    }

    #CrossSellingModal .infowindow-text-w span.promo {
        margin: 0 10px;
    }

#CrossSellingModal .infowindow-w.clearfix.c-pointer {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#CrossSellingModal .results-wrapper .product .product-info &gt; .color-gray {
    justify-content: space-between !important;
    flex-wrap: wrap;
    align-items: center;
    height: auto !important;
}

#CrossSellingModal .product-price, #CrossSellingModal span.promo, #CrossSellingModal .div-city {
    position: initial !important;
}

#CrossSellingModal .product .blue-bg-link-bottom {
    width: 60% !important;
    right: 0;
    border-radius: 0 0 15px 0;
}

.modal-body .search-form .form-group .select-type .form-control {
    color: #fff;
}
/* Bloc étape de confirmation réservation
-----------------------------------------*/
.list-scale-booking {
    font-size: 14px;
    font-weight: normal;
    padding: 15px 0;
}

    .list-scale-booking div &gt; div {
        background: transparent;
        color: #90969c;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

        .list-scale-booking div &gt; div:not([class*=w-20p]) {
            width: 18%;
        }

        .list-scale-booking div &gt; div &gt; p {
            margin: 5px 0 0;
        }

    .list-scale-booking .span-number {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #90969c;
        color: #90969c;
        background: transparent;
        padding: 2px 8px 3px 8px;
        margin-bottom: 2px;
    }

    .list-scale-booking div.active p {
        color: #fff;
    }

    .list-scale-booking .active .span-number {
        border: 1px solid #fff;
        color: #00263b;
        background: #fff;
    }

    .list-scale-booking .sg-icon-thin-chevron-right {
        font-size: 38px;
        line-height: 31px;
    }
/* Page  Error
-------------------*/
.div-error-global {
    background: #f3f3f3;
    padding: 20px 0 50px;
}

    .div-error-global .div-error-global-item {
        background-color: #fff;
        width: 500px;
        height: 160px;
        margin: 15px auto;
        text-align: center;
        padding: 10px 10px 0;
        margin-top: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .div-error-global .div-error-global-item:first-child {
            background: url(image-error.jpg) no-repeat left #fff;
            -moz-background-position-y: 22px;
            -o-background-position-y: 22px;
            background-position-y: 22px;
            -moz-background-position-x: 10px;
            -o-background-position-x: 10px;
            background-position-x: 10px;
            padding-left: 200px;
            height: 210px;
        }

        .div-error-global .div-error-global-item &gt; p {
            color: #383838;
            font-size: 14px;
            margin: 0 0 5px 0;
            width: 100%;
        }

            .div-error-global .div-error-global-item &gt; p &gt; span {
                font-weight: normal;
            }

            .div-error-global .div-error-global-item &gt; p:first-child {
                color: #0980c9;
                font-size: 18px;
                font-weight: normal;
                margin: 20px 0 25px;
            }
/* Nouvelle page d'erreur BE
--------------------*/
body#BE404 {
    margin: 0;
    font-size: 20px;
    margin-top: 0;
    text-align: center;
    font-family: "Montserrat";
    color: #fff;
    background-color: #000;
}
.page-404 {
    height: 100vh;
    display: flex;
    flex-direction: column;
}
    .page-404 main {
        background: url(https://static.elloha.com/webgen/img/404.jpg) no-repeat center center fixed;
        background-size: cover;
        height: 100%;
        background-position: center left;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    .page-404 .logo {
        width: 100%;
        text-align: center;
        padding-top: 40px;
        position: absolute;
    }

    .page-404 .container {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding-top: 30px;
    }

    .page-404 .content {
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        z-index: 100;
        max-width: 600px;
        margin: 0 auto;
        z-index: 999;
    }

    .page-404 h1 {
        font-size: 36px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .page-404 p {
        margin-bottom: 40px;
    }

    .page-404 .btn {
        height: 50px !important;
        background-color: transparent !important;
    }

        .page-404 .btn a {
            font-weight: bold;
            font-size: 18px;
            color: #fff;
            height: 46px;
            line-height: 46px;
            padding: 0 20px;
            border: 2px solid #fff;
            border-radius: 25px;
            display: inline-block;
            text-decoration: none;
            background-color: rgba(0,0,0,.2);
        }

            .page-404 .btn a:hover {
                background-color: rgba(0,0,0,.5);
            }
/* Detail sans prix
--------------------*/
.offers-list {
    position: relative;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 0 15px;
}

    .offers-list .detail-offer {
        border-top: 1px solid #dcdcdc;
        padding: 15px 0;
    }

.offers-without-price .without-price,
.offers-without-price .without-price .datetimepicker {
    width: 100%;
    max-width: none;
}

.list-hours-available .hour-list {
    height: auto;
}

.list-hours-available .div-hour-list {
    margin-bottom: 15px;
    height: auto;
    position: relative;
}

    .list-hours-available .div-hour-list &gt; div {
        width: 80px;
        height: 60px;
        margin: 0 4px 8px 0;
    }

        .list-hours-available .div-hour-list &gt; div.hour h3 {
            margin: 0 auto;
        }

        .list-hours-available .div-hour-list &gt; div.hour + .hour {
            margin-left: 0;
        }

.div-hour-list .hour &gt; div:not(.hour-has-promotion) {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .div-hour-list .hour &gt; div:not(.hour-has-promotion) h3 {
        margin-bottom: 0px !important;
    }

.div-hour-list .hour .hour-has-promotion {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 60px;
}

.div-hour-list .hour .hour-has-no-promotion {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.div-hour-list .hour .no-hour-has-promotion {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.div-hour-list .hour.active &gt; div {
    background: rgba(77,124,254,.2);
    border-bottom: none;
}

.list-hours-available .div-hour-list &gt; div i,
.list-hours-available .hour-list-detail .div-hide-hour {
    display: none !important;
}

.list-hours-available .hour-list-detail {
    position: relative;
    padding-top: 12px;
}

/*.restaurant .list-hours-available .hour-list {
    height: 70px !important;
}*/

.restaurant .offers-without-price .div-hour-list .hour &gt; div:not(.hour-has-promotion) {
    display: flex;
    height: 60px;
    padding: 0 !important;
}

.restaurant .div-hour-list .hour .no-hour-has-promotion {
    display: flex;
    width: auto;
    height: 60px;
    flex-direction: column;
    justify-content: center;
}

.restaurant .hour-list &gt; div {
    position: static;
    padding-left: 0 !important;
    padding-right: 30px;
    height: 100%;
    margin: 10px;
}

.restaurant .list-hours-available .div-hour-list &gt; div {
    width: 80px;
    height: 60px;
    margin: 0 4px 8px 0;
}

.restaurant .list-hours-available .hour-list-detail {
    position: relative;
    padding: 20px !important;
}

.restaurant .desc-rate-new {
    display: flex !important;
    flex-direction: column-reverse !important;
    padding: 0 !important;
}

.list-hours-available .hour-list-detail .triangle-top {
    position: absolute;
    height: 15px;
    width: 15px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: inherit;
    border: solid #ebecf2;
    border-width: 1px 0 0 1px;
    left: 30px;
    top: -8px;
}

.list-hours-available .hour-list-detail .title-list-offers {
    font-weight: normal;
    font-size: 1.1em;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ebecf2;
}

.list-hours-available .hour-list-detail .option-occupancy label {
    margin-bottom: 5px;
}

.offers-without-price .div-hour-list .hour &gt; div:not(.hour-has-promotion) {
    display: inline-block;
    height: 60px;
    padding: 12px 10px;
}

    .offers-without-price .div-hour-list .hour &gt; div:not(.hour-has-promotion) label {
        display: block !important;
        margin-bottom: 3px;
    }
/* Modale de la liste des coupons (ajustements spécifiques au BE)
------------------------------------*/
#CouponModal .modal-header {
    border: none;
}

.co-widget-d-none {
    display: none;
}

.co-widget-icon {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* Chèques Cadeaux
--------------------*/
.gift-voucher-list {
    margin: 20px 0 !important;
    overflow: hidden;
    background-color: #00263a !important;
}

    .gift-voucher-list &gt; div:first-child {
        position: relative;
        /*border: 1px solid #00263a;*/
        color: #fff;
        text-align: center;
        padding: 0 15px 0 0;
    }

        .gift-voucher-list &gt; div:first-child &gt; p {
            font-size: 20px;
            font-weight: normal;
            margin: 0;
            padding: 30px 0 20px 15px;
        }

        .gift-voucher-list &gt; div:first-child &gt; div:first-of-type {
            position: relative;
            background-color: transparent;
            background-image: url(bg-gift-cheque.png);
            background-position: center bottom;
            background-repeat: no-repeat;
            width: 230px;
            height: 185px;
            margin: auto;
            text-align: left;
            top: 3px;
        }

            .gift-voucher-list &gt; div:first-child &gt; div:first-of-type &gt; span {
                position: relative;
                display: block;
                font-size: 10px;
                font-weight: normal;
                text-transform: uppercase;
            }

                .gift-voucher-list &gt; div:first-child &gt; div:first-of-type &gt; span:first-child {
                    top: 10px;
                    left: 50px;
                    color: #00263a;
                    width: 50px;
                    line-height: 16px;
                }

                .gift-voucher-list &gt; div:first-child &gt; div:first-of-type &gt; span.currency-gift {
                    right: 10px;
                    top: 20px;
                    text-align: right;
                }

                .gift-voucher-list &gt; div:first-child &gt; div:first-of-type &gt; span.amount-gift {
                    font-size: 30px;
                    right: 10px;
                    top: 20px;
                    text-align: right;
                }

        .gift-voucher-list &gt; div:first-child &gt; div.explain-gift-div {
            text-align: center;
            font-size: 13px;
            padding: 40px 20px;
            background-color: #00263a;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 3px;
            display: none;
        }

            .gift-voucher-list &gt; div:first-child &gt; div.explain-gift-div &gt; p {
                padding: 0;
                margin: 0 0 10px;
            }

                .gift-voucher-list &gt; div:first-child &gt; div.explain-gift-div &gt; p:first-child {
                    font-size: 20px;
                    margin-bottom: 15px;
                    font-weight: normal;
                }

        .gift-voucher-list &gt; div:first-child &gt; i.la-question-circle,
        .gift-voucher-list &gt; div:first-child &gt; i.la-times {
            position: absolute;
            font-size: 16px;
            top: 15px;
            right: 15px;
            cursor: pointer;
        }

    .gift-voucher-list &gt; div:last-child {
        background-color: #fff;
        border-left: 0;
        text-align: center;
        padding: 0;
    }

        .gift-voucher-list &gt; div:last-child &gt; div {
            width: 255px;
            margin: auto;
            padding: 10px 0 29px;
            min-height: 270px;
        }

            .gift-voucher-list &gt; div:last-child &gt; div &gt; p:first-child {
                font-size: 16px;
                font-weight: normal;
                color: #383838;
                margin: 0;
                padding: 20px 0 15px;
            }

            .gift-voucher-list &gt; div:last-child &gt; div &gt; div.gift-voucher-group {
                width: 100%;
                padding: 0;
            }

                .gift-voucher-list &gt; div:last-child &gt; div &gt; div.gift-voucher-group &gt; div.gift-voucher {
                    display: inline-block;
                    vertical-align: top;
                    background-color: #f3f3f3;
                    font-size: 14px;
                    font-weight: normal;
                    color: #383838;
                    padding: 8px;
                    margin-bottom: 10px;
                }

                    .gift-voucher-list &gt; div:last-child &gt; div &gt; div.gift-voucher-group &gt; div.gift-voucher.active {
                        color: #fff;
                        background-color: #00263a;
                    }

            .gift-voucher-list &gt; div:last-child &gt; div &gt; p.description-gift {
                font-size: 12px;
                color: #888888;
                padding: 10px 0;
                margin: -10px 0 0;
            }
/* Cartes Cadeaux
--------------------*/
.gift-card-list {
    margin: 20px 0 !important;
}

.gift-card {
    overflow: hidden;
}

    .gift-card &gt; div {
        height: 265px;
    }

    .gift-card .gift-card-photo {
        color: #FFF;
        font-size: 1.1em;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        padding: 0;
    }

    .gift-card .gift-card-custom-photo {
        background-size: cover;
        background-position: center center;
    }

    .gift-card .gift-card-photo .gift-card-description {
        overflow: auto;
        background-color: rgba(0, 38, 58, .80);
        height: 265px;
        padding: 20px 30px 20px 20px;
        text-align: justify;
    }

        .gift-card .gift-card-photo .gift-card-description strong {
            display: block;
        }

        .gift-card .gift-card-photo .gift-card-description .gift-card-description-close {
            position: absolute;
            top: 10px;
            right: -30px;
            z-index: 10;
        }

            .gift-card .gift-card-photo .gift-card-description .gift-card-description-close &gt; img {
                width: 60px;
                height: 60px;
            }

    .gift-card .gift-card-title {
        background-color: #FFF;
        font-size: 1.1em;
        padding-left: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .gift-card .gift-card-title .add-to-cart {
            width: 150px;
            vertical-align: top;
        }

        .gift-card .gift-card-title .gift-card-price {
            display: none;
            font-size: 26px;
            font-weight: bold;
            height: 50px;
            line-height: 50px;
            margin-left: 5px;
        }

            .gift-card .gift-card-title .gift-card-price s {
                font-size: 16px;
                color: initial;
            }

        .gift-card .gift-card-title .gift-card-see-details {
            clear: left;
            display: block;
            font-weight: normal;
            padding-top: 15px;
        }

.gift-card-value {
    background-color: #f8b133;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: -35px;
    z-index: 2;
    color: #383838;
    font-size: 10px;
    line-height: 16px;
}

    .gift-card-value strong {
        font-size: 30px;
        font-weight: bold;
    }

#Prices {
    margin: 0;
    text-align: left;
    overflow: initial;
}

/* Produits boutique
--------------*/
.shop-product-list-container {
    padding: 5px 0 20px 5px;
}

    .shop-product-list-container .product-tab-pane .offer-name {
        width: 100%;
    }

    .shop-product-list-container .group-content.product-tab-pane {
        display: flex;
        flex-flow: row wrap;
    }

        .shop-product-list-container .group-content.product-tab-pane.tab-pane:not(.active) {
            display: none;
        }

.shop-product-list .div-tabs {
    background-color: #fff;
    border-bottom: 1px solid #ebecf2;
    padding: 15px 0;
    margin-bottom: 15px;
}

.shop-product-list .nav.nav-tabs li {
    padding: 0 10px;
    border-right: 1px solid #ebecf2;
}

    .shop-product-list .nav.nav-tabs li:last-child {
        border-right: none;
    }

    .shop-product-list .nav.nav-tabs li a {
        font-size: 18px;
        font-weight: 400 !important;
        padding: 0 0 5px 0 !important;
        text-transform: none !important;
    }

    .shop-product-list .nav.nav-tabs li.active a {
        background-color: transparent;
        border: 1px solid transparent;
        border-bottom: 1px solid rgba(77,124,254,1);
        color: rgba(77,124,254,1);
    }

    .shop-product-list .nav.nav-tabs li a:hover {
        background: transparent;
        color: rgba(77,124,254,1);
        border: none;
    }

.shop-product-list h2 {
    display: inline-block;
}

.shop-product-list .info-option-list {
    margin-bottom: 20px;
    margin-left: 0;
    padding-right: 15px;
}

.shop-product-list div[data-show-hide] {
    overflow: hidden;
    cursor: pointer;
    padding-bottom: 15px;
    clear: both;
}

.shop-product-list .shop-product.rounded-box {
    width: calc(280px - 20px);
    height: 335px;
    margin: 0px 20px 20px 0px;
    position: relative;
    vertical-align: top;
}

.shop-product-list .shop-product.shop-product-web {
    height: auto;
    float: left;
}

.group-content &gt; .shop-product {
    padding-top: 0;
}

.shop-product-list .shop-product .linetop-shop {
    width: calc(100% - 360px);
    display: inline-block;
}

.shop-product-list .shop-product .shop-stock {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
}

.shop-product-list .shop-product .div-img-shop {
    position: relative;
    height: 180px;
    border-bottom: 1px solid #ebecf2;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

.shop-product-list .shop-product img {
    height: 100%;
    width: auto;
}

.shop-product-list .link-info-shop {
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 20px;
    text-align: center;
    background-color: rgba(77,124,254,1);
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.bluelink a {
    font-weight: bold;
}

.shop-product-list .blue-link {
    font-size: 22px;
    color: #fff !important;
}

.shop-product-list .shop-product .shop-info {
    padding: 15px;
}

    .shop-product-list .shop-product .shop-info h3 {
        font-weight: 300 !important;
        font-size: 16px;
        color: #00263b;
    }

.shop-product-list .product-price {
    font-size: 14px;
    text-transform: uppercase;
    color: #868ba0;
    margin-left: 0;
}

    .shop-product-list .product-price span {
        color: #00263b;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 20px !important;
    }

#ModalKnowMore .t-align-left {
    text-align: left;
}

.shop-product-list .shop-product .lineheight-50 {
    line-height: 50px;
}

.shop-product-list .shop-product .titre-product-shop {
    padding-left: 15px;
    width: calc(100% - 430px);
    display: inline-block;
}

.shop-product-list .shop-product .linebottom-shop {
    width: 360px;
    margin-left: -5px;
    display: inline-block;
}

.shop-product-list .shop-product .unit-price-shop {
    padding-left: 15px;
    width: 130px;
    display: inline-block;
}

.shop-product-list .shop-product .quantity-product-shop {
    padding-left: 15px;
    width: 230px;
    margin-left: -15px;
    display: inline-block;
}

.tourist-tax .input-group:not(.input-date) span:not(.tt-dropdown-menu):not(.tt-suggestions),
.tourist-tax .form-control {
    height: 50px;
}

.tourist-tax .input-group-btn button:not([class*=bg-primary]) {
    height: 48px;
}

.shop-product-list .dossier-shop .shop-product {
    padding: 5px;
    min-height: initial;
}

    .shop-product-list .dossier-shop .shop-product .img-shop {
        height: 50px;
        display: inline-block;
    }

    .shop-product-list .dossier-shop .shop-product img {
        width: auto;
        height: 50px;
    }

    .shop-product-list .dossier-shop .shop-product .titre-product-shop {
        width: calc(100% - 80px);
        margin-left: -4px;
        vertical-align: middle;
    }

    .shop-product-list .dossier-shop .shop-product .linebottom-shop {
        height: 50px;
        vertical-align: top;
    }

    .shop-product-list .dossier-shop .shop-product .unit-price-shop {
        line-height: 50px;
    }

    .shop-product-list .dossier-shop .shop-product .quantity-product-shop {
        vertical-align: middle;
        margin-left: -4px;
        line-height: 50px;
    }

    .shop-product-list .dossier-shop .shop-product .input-quantity {
        line-height: 50px;
        border: 1px solid #ebecf2;
        margin-left: 10px;
    }

    .shop-product-list .dossier-shop .shop-product .input-group:not(.input-date) span:not(.tt-dropdown-menu):not(.tt-suggestions),
    .shop-product-list .dossier-shop .shop-product .form-control {
        border: none;
        height: 50px;
    }

    .shop-product-list .dossier-shop .shop-product .input-group .input-group-btn-left {
        border-radius: 0 !important;
        padding: 0;
    }

    .shop-product-list .dossier-shop .shop-product span.input-group-btn.input-plus {
        border: none;
    }
/* Prépaiement / prise de garantie
--------------------*/
.cart-post-paid-w {
    border: 1px solid #ebecf2;
    margin: 15px;
    padding: 15px 15px 20px 15px;
    text-align: center;
}

    .cart-post-paid-w .img-type-cb {
        display: inline-block;
        height: 21px;
        margin: 10px 2px 0;
        vertical-align: middle;
        width: 34px;
    }

.cart-cashing-price-details {
    display: inline-table;
    font-weight: normal;
    margin-top: 10px;
    margin-right: 15px;
}

    .cart-cashing-price-details th,
    .cart-cashing-price-details td {
        padding-top: 5px;
    }

    .cart-cashing-price-details td {
        padding-left: 10px;
        vertical-align: top;
        white-space: nowrap;
    }

.cart-cashing-remains {
    font-size: 1.3em;
}

.cart-cashing-single-comment {
    display: inline-block;
    font-weight: normal;
    padding-top: 10px;
}
/* Autocomplete des contacts
--------------------*/
.contact-autocomplete {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #ebecf2;
    border-radius: 4px;
    padding: 4px 0;
    font-size: 0.9em;
    z-index: 100;
}

    .contact-autocomplete &gt; li {
        list-style-type: none;
    }

        .contact-autocomplete &gt; li &gt; a {
            display: block;
            color: #000;
            padding: 2px 10px;
        }

            .contact-autocomplete &gt; li &gt; a:hover {
                background-color: #c0dcf4;
            }

            .contact-autocomplete &gt; li &gt; a &gt; span {
                color: #999;
            }
/* Flex par date
--------------------*/
.flex-date-container .warning-panel {
    font-size: 16px;
    padding: 15px 20px;
}

.flex-date {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 140px;
    text-align: center;
}

    .flex-date .flex-date-navigation, .flex-date .flex-date-item {
        text-align: center;
    }

    .flex-date .flex-date-navigation {
        position: absolute;
        top: 0;
        width: 70px;
        font-size: 20px;
        padding-top: 60px;
    }

        .flex-date .flex-date-navigation &gt; a {
            color: #00263b;
        }

    .flex-date .flex-date-navigation-left {
        left: -20px;
    }

    .flex-date .flex-date-navigation-right {
        right: -20px;
    }

    .flex-date .flex-date-item {
        width: 120px;
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
    }

.flex-date .flex-date-item.flex-main-date-item .flex-date-item-content {
    height: 80px;
    border-left: 3px solid #00263b;
    border-right: 3px solid #00263b;
    border-bottom: 3px solid #00263b;
}

.flex-date .flex-date-item .flex-date-item-header {
    font-weight: 300;
    text-transform: capitalize;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 18px;
}

.flex-date .flex-date-item .flex-date-item-content {
    height: 80px;
    color: #FFF;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;

}

    .flex-date .flex-date-item .flex-date-item-content.flex-available &gt; div {
        font-weight: normal;
        font-size: 16px;
    }

        .flex-date .flex-date-item .flex-date-item-content.flex-available &gt; div &gt; sup {
            font-weight: 300;
            font-size: 14px;
            margin-left: 2px;
        }

    .flex-date .flex-date-item .flex-date-item-content.flex-not-available {
        font-weight: normal;
        text-transform: lowercase;
        padding-left: 10px;
        padding-right: 10px;
        padding: 20px 5px;
        line-height: 18px;
        border-left: 3px solid #00263b;
        border-right: 3px solid #00263b;
        border-bottom: 3px solid #00263b;
    }

.flex-available {
    background-color: #00A56D;
}

.flex-not-available {
    background-color: rgba(242,41,24,1);
}

.flex-date-resume {
    font-size: 1.3em;
    margin: 20px;
    text-align: center;
}

.flex-date-legend {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
}

.flex-date-footer {
    font-size: 1.1em;
    text-align: left;
    margin-left: 10%;
    margin-right: 10px;
}
/* Stargate Liste résultats 3 par ligne */
.clearfix.header-w {
    height: 250px !important;
    width: 100%;
    z-index: -1;
}

    .clearfix.header-w .header-logo {
        margin: 5px;
        height: 83px;
    }

        .clearfix.header-w .header-logo img,
        .clearfix.header-w .header-logo span {
            max-height: 83px;
            margin-top: 0 !important;
        }

.header-w + .main-menu-bg,
.header-w + .mw-search,
.header-w + .mw-search-large,
.header-w + .map-layout-container {
    margin-top: -60px;
}

    .header-w + .main-menu-bg.main-menu-without-label {
        margin-top: -90px;
    }

    .header-w + .mw-search .main-menu-bg,
    .header-w + .mw-search-large .main-menu-bg {
        margin-top: 0;
    }

        .header-w + .mw-search .main-menu-bg.main-menu-without-label,
        .header-w + .mw-search-large .main-menu-bg.main-menu-without-label {
            margin-top: 50px;
        }

.mw-search,
.mw-search-large {
    width: 100%;
    min-height: calc(100vh - 50px);
}

.header-w + .main-menu-bg .main-menu,
.header-w + .mw-search .main-menu,
.header-w + .mw-search-large .main-menu,
.header-w + .map-layout-container .main-menu {
    height: auto;
}

.search-form {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
}
    /*    .search-form .form-group .select-type {
        padding:15px;
    }*/
    .search-form label {
        font-weight: normal;
    }

.bloc-logo-noBG {
    padding: 10px 15px;
    height: 80px;
    display: inline-block;
}

.logo-sans-BG {
    height: 60px;
    display: flex;
    align-items: center;
}

.div-img-product,
.div-map-img {
    width: auto !important;
    height: 260px !important;
    background-color: #00263b
}

    .div-map-img img {
        background-size: cover;
    }

.div-img-product {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 0 !important;
}

.bg-orange-gradient {
    background: linear-gradient(90deg, #e74833 20%, #f37c29 60%, #fda921);
    background: -webkit-linear-gradient(90deg, #e74833 20%, #f37c29 60%, #fda921);
    background: -moz-linear-gradient(90deg, #e74833 20%, #f37c29 60%, #fda921);
    background: -o-linear-gradient(90deg, #e74833 20%, #f37c29 60%, #fda921);
}

.bg-orange-gradient-horizontal {
    background: linear-gradient(to right, #e74833 20%, #f37c29 60%, #fda921);
    background: -webkit-linear-gradient(to right, #e74833 20%, #f37c29 60%, #fda921);
    background: -moz-linear-gradient(to right, #e74833 20%, #f37c29 60%, #fda921);
    background: -o-linear-gradient(to right, #e74833 20%, #f37c29 60%, #fda921);
}

.bg-blue-gradient-horizontal {
    background: linear-gradient(to right, #47B9E9, #39A7D8, #2B96C6, #1B85B5, #0375A4);
    background: -webkit-linear-gradient(to right, #47B9E9, #39A7D8, #2B96C6, #1B85B5, #0375A4);
    background: -moz-linear-gradient(to right, #47B9E9, #39A7D8, #2B96C6, #1B85B5, #0375A4);
    background: -o-linear-gradient(to right, #47B9E9, #39A7D8, #2B96C6, #1B85B5, #0375A4);
}

.bg-green-gradient {
    background: linear-gradient(to right, #00a46d, #00AD83, #00B698, #00BFAC, #1AC7BF);
    background: -webkit-linear-gradient(to right, #00a46d, #00AD83, #00B698, #00BFAC, #1AC7BF);
    background: -moz-linear-gradient(to right, #00a46d, #00AD83, #00B698, #00BFAC, #1AC7BF);
    background: -o-linear-gradient(to right, #00a46d, #00AD83, #00B698, #00BFAC, #1AC7BF);
}

.gradient-bg {
    background: linear-gradient(to top,rgba(0,0,0,.7) 50%,transparent);
    background: -webkit-linear-gradient(to top,rgba(0,0,0,.7) 50%,transparent);
    background: -moz-linear-gradient(to top,rgba(0,0,0,.7) 50%,transparent);
    background: -o-linear-gradient(to top,rgba(0,0,0,.7)50%,transparent);
    position: absolute;
    width: 100%;
    bottom: 0;
    height: auto;
    padding: 10px;
}

.results-wrapper h2 {
    font-size: 20px !important;
    font-weight: bold;
}

.results-wrapper .product .product-price span {
    font-size: 16px !important;
}

.main-panel-product .results-wrapper h2 {
    overflow: hidden;
    width: 100%;
    margin-top: 0;
}

.big-link {
    font-size: 14px;
    text-transform: none;
    padding: 0;
    line-height: initial;
}

    .big-link:hover {
        text-decoration: none;
    }

.div-city {
    display: flex;
    align-items: center;
    position: absolute;
    left: 10px;
}

    .div-city .map-marker {
        color: #fff;
        display: inline;
        margin-right: 5px;
    }

    .div-city address {
        display: inline;
        position: relative;
        height: auto;
        width: 100%;
        padding: 0;
        font-size: 14px;
        white-space: normal;
        color: #fff;
        height: 30px;
        line-height: 30px;
        margin: 0;
    }

div#CrossSellingModal .div-city address {
    color: #000;
    top: 0;
}

div#CrossSellingModal .div-city .map-marker {
    color: #000;
}

.div-dateUntil {
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
}

.div-montant-promo {
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-weight: normal;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coin-map {
    width: 50px;
    margin-left: -5px;
    display: inline-block;
    vertical-align: bottom;
}

    .coin-map .open-img-map {
        position: relative !important;
        padding: 0 !important;
    }

.link-thumbnail i.fa-map-marker-alt,
.close-img-map i.fa-times {
    position: relative !important;
    bottom: 0 !important;
    right: 0 !important;
}

.coin-map address {
    color: #fff;
    font-size: 10px !important;
    text-transform: none !important;
    margin-top: 7px;
    text-shadow: 0 0 5px #000000;
    text-shadow: 0 0 5px rgba(0, 0, 0, .75);
}

.div-product-distance {
    color: #fff;
    margin-left: 20px;
}

.coin-map .div-product-distance {
    color: #fff;
    text-shadow: 0 0 5px #000000;
    text-shadow: 0 0 5px rgba(0, 0, 0, .75);
    font-size: 10px !important;
}

.results-wrapper .product .product-info {
    margin-top: 0 !important;
    padding: 15px;
    position: relative;
}

.results-wrapper .product .product-price {
    margin-top: 0;
    position: absolute;
    right: 10px;
}

    .results-wrapper .product .product-price small {
        color: #93a0b7;
    }

    .results-wrapper .product .product-price span {
        font-weight: bold;
        margin-left: 5px;
    }

.results-wrapper .product .product-info &gt; .color-gray {
    color: #fff;
    font-size: 14px;
    position: absolute;
    width: 100%;
    left: 0;
    background-color: rgba(0,0,0,.6);
    text-align: center;
    top: -29px;
    z-index: 1;
    padding: 5px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .results-wrapper .product .product-info &gt; .color-gray i {
        display: inline-block;
        font-size: 14px;
    }

.cross-selling-results-wrapper.results-wrapper .product .product-info &gt; .color-gray {
    color: #93a0b7;
    position: initial;
    background-color: transparent;
    text-align: left;
    margin-bottom: 5px;
}

.main-panel-product .price {
    font-weight: normal;
}

    .main-panel-product .price.striked {
        display: inline-block;
    }

.results-wrapper .content-bloc-OI .bloc-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.results-wrapper .content-bloc-OI .btn.btn-success {
    padding: 10px;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0;
    color: #fff;
}

.bloc-pagination {
    display: inline-block;
    width: 100%;
    float: right;
    padding: 30px 0;
}

    .bloc-pagination .btn {
        vertical-align: middle;
    }
/* CHOIX DE LA CAISSE */
.page-title {
    background-color: #fff;
    border: solid #ebecf2;
    border-width: 1px 0;
    height: 110px;
    line-height: 108px;
    padding-right: 20px;
    padding-left: 20px;
}

.page-title-thin {
    height: 80px;
    line-height: 78px;
}

.no-border-top {
    border-top: 0 !important;
}

.page-main-title {
    color: #00263b;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
}

.v-align-middle, .table .v-align-middle {
    vertical-align: middle;
}

.cash-reg-choice-list {
    display: flex;
    padding: 20px;
}

    .cash-reg-choice-list .t-align-center {
        flex-wrap: wrap;
        width: auto;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

.cash-reg-choice {
    display: inline-block;
    background-color: #fff;
    padding: 25px 15px;
    text-align: center;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-right: 20px;
    cursor: pointer;
    width: 270px;
}

    .cash-reg-choice:hover {
        -webkit-box-shadow: 0 0 5px rgba(32,120,233,.3);
        -moz-box-shadow: 0 0 5px rgba(32,120,233,.3);
        box-shadow: 0 0 5px rgba(32,120,233,.3);
    }

    .cash-reg-choice img {
        display: block;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .cash-reg-choice h3 {
        margin-bottom: 0;
        display: block;
        color: #203148;
    }

    .cash-reg-choice .openorclose {
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
        color: #fff;
        display: inline-block;
        padding: 0 10px;
        border-radius: 13px;
        height: 26px;
        line-height: 26px;
    }

        .cash-reg-choice .openorclose.cart-open {
            background-color: #00a46d;
        }

        .cash-reg-choice .openorclose.cart-closed {
            background-color: rgba(242,41,24,1);
        }
/* NEW CONTACT FORM */
.div-form-booking .contact-input {
    padding-right: 0;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ebecf2;
    border-radius: 25px;
    display: flex;
    margin-bottom: 5px;
    padding: 2px !important;
}

    .div-form-booking .contact-input.d-none {
        display: none;
    }

    .div-form-booking .contact-input label {
        vertical-align: top;
        height: 44px;
        line-height: 44px;
        width: 44px;
        border-radius: 22px;
        /*overflow: hidden;*/
        margin-bottom: 0;
    }

    .div-form-booking .contact-input i {
        width: 44px;
        height: 44px;
        line-height: 44px;
        background-color: #f6f8fc;
        text-align: center;
        font-size: 22px;
        border-radius: 50%;
    }

        .div-form-booking .contact-input i::before {
            text-align: center;
            line-height: 44px;
        }
    /*.div-form-booking .contact-input .drop-country,*/
    .div-form-booking .contact-input input,
    .div-form-booking .contact-input .intl-tel-input {
        width: calc(100% - 50px);
        height: 44px;
        display: inline-block;
        border: none;
        font-size: 14px;
        font-weight: 300;
        background-color: transparent;
    }

        .div-form-booking .contact-input .intl-tel-input .flag-dropdown {
            padding-left: 5px;
        }

    .div-form-booking .contact-input .drop-country .form-control {
        height: 30px;
        line-height: 30px;
        padding: 0 8px;
        color: #555;
        height: 100%;
        font-weight: 300;
    }

.pos-input-error {
    border: 2px solid rgba(242,41,24,1) !important;
    color: rgba(242,41,24,1);
}

    .pos-input-error::placeholder {
        color: rgba(242,41,24,1);
        opacity: 1;
    }

.div-form-booking .contact-input .drop-country.styled.fa-chevron-down:before,
.div-form-booking .contact-input .drop-country.styled.la-angle-down:before {
    /*margin-top: 10px;*/
}

#createBookingForm .intl-tel-input {
    width: 100%;
}

#createBookingForm .div-form-booking .contact-input .intl-tel-input {
    width: calc(100% - 51px);
    margin-left: -4px;
}

.div-form-booking .contact-input .intl-tel-input input {
    width: 90%;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: super;
}

.div-form-booking .contact-input.div-comment {
    min-height: 85px;
}

    .div-form-booking .contact-input.div-comment .comment-input {
        width: calc(100% - 52px);
        height: 80px;
        display: inline-block;
        border: none;
        position: relative;
        font-size: 14px;
    }

    .div-form-booking .contact-input.div-comment i.fas {
        height: 75px;
    }

        .div-form-booking .contact-input.div-comment i.fas::before {
            line-height: 44px;
        }

    .div-form-booking .contact-input.div-comment .comment-input textarea {
        margin-top: 0 !important;
        border: none;
        font-weight: 300;
        padding: 6px 8px;
        resize: none;
    }

/* Force class xxs
-------------------*/
.force-xxs .div-img-product,
.force-xxs .div-map-img,
.force-xxs .div-map-img img {
    height: 90px;
    width: 105px;
}

.force-xxs .hidden-xxs:not(br):not([class*=div-product-resume-duration]) {
    display: none;
}

.force-xxs .div-product-resume-duration br {
    display: none;
}

.force-xxs .div-img-product {
    margin-right: 10px;
}

.force-xxs .xxs-no-v-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    .pswp--svg .fa.sg-icon-thin-chevron-right {
        background: none;
    }
}

.div-succes-record {
    width: 100%;
    padding: 25px;
    color: #fff;
    background: #00a46d;
    top: 250px;
    z-index: 20000;
    font-size: 18px;
    text-rendering: optimizeLegibility;
}

    .div-succes-record &gt; span.text-message-record {
        width: 100%;
        text-align: center;
    }

.bloc-filters {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.search-date {
    height: 70px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    border-top: 1px solid rgba(255,255,255,.2);
}

    .search-date .menu-type-date,
    .search-filters .menu-type-filters {
        width: 100%;
        height: 84px;
    }

.secure-filters .secure-content .secure-booking-message,
.secure-filters .secure-content .secure-booking-images {
    display: inline-block;
}

    .secure-filters .secure-content .secure-booking-message i {
        margin-right: 5px;
    }

    .secure-filters .secure-content .secure-booking-images img {
        height: 15px;
        margin-left: 2px;
    }

.search-date .menu-type-date .all-filters-date {
    padding-left: 0;
    padding-right: 10px;
}

.search-date .menu-type-date .btn-filter,
.search-filters .menu-type-filters .btn-filter {
    padding-left: 10px;
    padding-right: 10px;
}

    .search-date .menu-type-date .btn-filter:first-child,
    .search-filters .menu-type-filters .btn-filter:first-child {
        padding-left: 0;
    }

    .search-date .menu-type-date .btn-filter:last-child,
    .search-filters .menu-type-filters .btn-filter:last-child {
        padding-right: 0;
    }

    .search-date .menu-type-date .btn-filter a,
    .search-filters .menu-type-filters .btn-filter a {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal;
        color: initial;
        display: block;
        background: transparent;
        border: 1px solid rgba(255,255,255,.2);
        border-radius: 20px;
        color: #fff;
    }

        .search-date .menu-type-date .btn-filter a.active,
        .search-filters .menu-type-filters .btn-filter a.active {
            background: rgba(77,124,254,1);
            border: 1px solid rgba(77,124,254,1);
            color: #fff;
        }

.bloc-box-shadow {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

span.input-group-btn .btn-warning {
    height: 100%;
}

input.form-control.input-number.text-center.child-number,
input.form-control.input-number.text-center.adult-number {
    -moz-appearance: textfield;
}

    input.form-control.input-number.text-center.child-number::-webkit-outer-spin-button,
    input.form-control.input-number.text-center.child-number::-webkit-inner-spin-button,
    input.form-control.input-number.text-center.adult-number::-webkit-outer-spin-button,
    input.form-control.input-number.text-center.adult-number::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

#ConciergePaymentModal.modal .div-global {
    width: 470px;
    background-color: #fff;
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
}

#ModalPaymentHistory .div-global {
    height: auto;
}

.modal .div-global {
    position: absolute;
    background-color: #fff;
    margin: auto;
    width: 600px;
    min-height: 600px;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
}

.modal .div-global-big {
    width: 700px;
    top: 30px;
    transform: translate(-50%, 0);
}

.modal .div-global .title {
    color: #203148;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
}

.modal .div-global .cross-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 20px;
    text-align: center;
    height: 60px;
    z-index: 77;
    background-color: transparent;
    border: 0;
}

    .modal .div-global .cross-close i {
        cursor: pointer;
        font-size: 24px;
        line-height: 60px;
    }

.modal .div-global .subtitle {
    color: #fff;
    background-color: #65788c;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 20px;
}

.modal .div-global .text-list {
    background-image: url(lightbox-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    margin-top: 60px;
    margin-bottom: 60px;
    height: calc(100% - 120px);
    min-height: 480px;
    font-size: 16px;
    text-align: center;
}

.modal .div-global-big .text-list {
    background-repeat: repeat;
    background-size: auto;
}

#SCAModal .div-global {
    z-index: 999;
}

#SCAModal .img-sca {
    text-align: center;
}

    #SCAModal .img-sca img {
        height: 110px;
    }

.text-list .vertical-center {
    height: auto;
    position: absolute;
    width: calc(100% - 60px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    padding-top: 15px;
}

.form-minwidth {
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.text-list.text-left {
    text-align: justify !important;
}

.modal .div-global .text-list.date-panel-modal {
    padding-top: 0;
}

.modal .div-global .text-list .bold-subtitle {
    font-weight: normal;
    font-size: 18px;
    padding-bottom: 10px;
}

.modal .div-global .text-list .verybig {
    font-weight: normal;
    font-size: 60px;
    line-height: 50px;
    padding-bottom: 15px;
}

.modal .align-left {
    text-align: left;
}

.modal .t-align-right {
    padding-right: 10px;
}

.modal .text-bold {
    font-weight: normal;
}

.modal label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}

#ModalSoldeavenir label input {
    margin-right: 5px;
    vertical-align: text-top;
}

.modal input.date-input,
.modal input.text-input {
    width: 100%;
    height: 34px;
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 14px;
}

.modal input.numeric {
    text-align: right;
}

    .modal input.numeric.text-left {
        text-align: left;
    }

.icon-btn {
    font-size: 50px;
    margin-bottom: 10px;
}

.modal .div-global .tableau {
    background-color: #fff;
    font-size: 14px;
}

    .modal .div-global .tableau table {
        width: 100%;
    }

    .modal .div-global .tableau tr {
        height: 50px;
        text-align: left;
        border-bottom: 1px solid #dedede;
    }

        .modal .div-global .tableau tr:last-child {
            border-bottom: none;
        }

        .modal .div-global .tableau tr td {
            padding-left: 10px;
        }

            .modal .div-global .tableau tr td.modify {
                width: 30px;
            }

            .modal .div-global .tableau tr td.date {
                width: 100px;
            }

            .modal .div-global .tableau tr td.montant {
                width: 80px;
                white-space: nowrap;
            }

            .modal .div-global .tableau tr td.suppr {
                padding-right: 10px;
                text-align: right;
                width: 50px;
            }

            .modal .div-global .tableau tr td.bloc-btn {
                text-align: right;
                padding-right: 10px;
                /*width: 200px;*/
            }

            .modal .div-global .tableau tr td.t-align-right {
                padding-right: 0;
            }

.modal .div-global .link-bottom-modal {
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    box-shadow: 0 -3px 5px rgba(0, 0, 0, .05);
}

.modal .div-global td.two-link {
    width: 50%;
    text-align: right;
}

.modal .div-global td.td-switch {
    width: 120px;
}

.modal .div-global td.two-link:first-child {
    text-align: left;
}

.modal .div-global a.red-link,
.modal .div-global a.blue-link,
.modal .div-global a.green-link {
    cursor: pointer;
    font-size: 16px;
    line-height: 60px;
    font-weight: normal;
    padding: 0 40px;
    width: 100%;
    height: 60px;
    display: inline-block;
    pointer-events: all;
}

.modal .div-global a.blue-link {
    color: rgba(77,124,254,1);
}

.modal .div-global a.green-link {
    color: #00a46d;
}

.modal .div-global a.red-link {
    color: rgba(242,41,24,1);
}

    .modal .div-global a.red-link:hover,
    .modal .div-global a.blue-link:hover,
    .modal .div-global a.green-link {
        text-decoration: none;
    }

.modal .div-global .one-link a.red-link,
.modal .div-global .one-link a.blue-link,
.modal .div-global .one-link a.green-link {
    text-align: center;
}

.modal .div-global a.close-link {
    cursor: pointer;
    color: rgba(77,124,254,1);
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 20px;
    width: 100%;
    display: inline-block;
}

    .modal .div-global a.close-link:hover {
        text-decoration: none;
    }

    .modal .div-global a.close-link:focus {
        outline: none;
    }

#ToggleSwitch {
    width: 120px;
    height: 36px;
    margin: auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
    border: 2px solid rgba(77,124,254,1);
    float: right;
}

#ModalAddIncrease .input-guarantee,
#ModalGrantReduction .input-guarantee {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

#ModalAddIncrease input,
#ModalGrantReduction input {
    text-align: right;
    padding-right: 10px;
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align: top;
}

#ModalAddIncrease .styled,
#ModalGrantReduction .styled {
    width: 60px;
    display: inline-block;
    margin-left: -5px;
    cursor: pointer;
    background-color: rgba(77,124,254,1);
    color: #fff;
    border: none;
}

    #ModalAddIncrease .styled select.form-control,
    #ModalGrantReduction .styled select.form-control {
        padding: 10px;
        color: #fff;
        font-weight: normal;
    }

#ModalAddIncrease select.form-control:focus,
#ModalGrantReduction select.form-control:focus {
    box-shadow: none;
}

#ModalAddIncrease .styled select.form-control option,
#ModalGrantReduction .styled select.form-control option {
    color: #383838;
}

.modalModifyPrice .modify-price-text {
    font-weight: normal;
    color: #1E324A;
}

.modalModifyPrice .modify-price-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.modalModifyPrice .buttons-increase-or-reduce {
    display: flex;
    width: 100%;
}

.modalModifyPrice .div-increase-price, .modalModifyPrice .div-reduce-price {
    width: 50%;
    height: 70px;
    line-height: 70px;
    border: 1px solid grey;
    padding: 0 30px;
    font-weight: normal;
    font-size: 14px;
}

.modalModifyPrice .div-increase-price {
    border-right: 0px;
    cursor: pointer;
}

.modalModifyPrice .div-reduce-price {
    border-left: 0px;
    cursor: pointer;
}

.modalModifyPrice .modify-price-input-container {
    position: relative;
    width: 40%;
    height: 45px;
    display: flex;
}

.modalModifyPrice .modify-price-input {
    width: 75%;
    height: 100%;
    text-align: right;
    padding-right: 20px;
    border: 1px solid #888888;
    border-right: none;
}

.modalModifyPrice .modification-icon {
    position: absolute;
    left: 10px;
    top: 13px;
}

.modalModifyPrice .styled {
    width: 25%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(77,124,254,1);
    color: #ffffff;
    border: none;
}

    .modalModifyPrice .styled select:hover {
        cursor: pointer;
    }

    .modalModifyPrice .styled select.form-control {
        padding: 0 10px;
        color: #fff;
        font-weight: normal;
    }

        .modalModifyPrice .styled select.form-control option {
            color: #383838;
        }

.modify-price-input-container {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ebecf2;
    background-color: #fff;
    display: inline-flex;
    padding: 2px;
}

.modalModifyPrice .styled {
    overflow: hidden;
    position: relative;
    width: 55px;
    height: 38px;
    line-height: 34px;
    display: inline-block;
    cursor: pointer;
    background-color: #00263b;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 20px;
    text-align: left;
}

.modalModifyPrice input {
    text-align: right;
    padding-right: 10px;
    width: calc(100% - 55px);
    display: inline-block;
    vertical-align: top;
    height: 34px;
    line-height: 34px;
    border: none;
    background-color: transparent;
    border: none !important;
}

    .modalModifyPrice input:hover,
    .modalModifyPrice input:active,
    .modalModifyPrice input:focus,
    .modalModifyPrice input:focus-visible {
        border: none !important;
        outline-width: 0;
    }

.modalModifyPrice .prices-container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 10px;
}

    .modalModifyPrice .prices-container .original-price {
        text-decoration: line-through;
        font-size: 20px;
        color: #868ba0;
    }

    .modalModifyPrice .prices-container .modified-price {
        color: #1E324A;
    }

#ConciergePaymentModal.modal .div-global .text-list {
    padding: 0;
}

    #ConciergePaymentModal.modal .div-global .text-list .blue-BG {
        padding: 20px 50px;
        background-color: rgba(77,124,254,1);
    }

    #ConciergePaymentModal.modal .div-global .text-list .form-group {
        width: 100%;
        height: 44px;
        border-radius: 10px;
        position: relative;
        background-color: #fff;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        padding-left: 32px;
        padding-top: 1px;
        margin-bottom: 10px;
    }

        #ConciergePaymentModal.modal .div-global .text-list .form-group label {
            position: absolute;
            top: 12px;
            left: 10px;
        }

        #ConciergePaymentModal.modal .div-global .text-list .form-group .div-styled-card-type {
            border: none;
            height: 43px;
            width: calc(100% - 10px);
        }

        #ConciergePaymentModal.modal .div-global .text-list .form-group .expiration-date label {
            position: relative;
            font-size: 10px;
            line-height: 11px;
            text-transform: uppercase;
            font-weight: normal;
            text-align: right;
            width: 88px;
            margin-right: 20px;
            top: 6px;
        }

        #ConciergePaymentModal.modal .div-global .text-list .form-group .expiration-date select {
            padding: 9px 3px;
            border: none;
        }

        #ConciergePaymentModal.modal .div-global .text-list .form-group .form-control {
            border: none;
            height: 42px;
            width: calc(100% - 10px);
        }

            #ConciergePaymentModal.modal .div-global .text-list .form-group .form-control:focus {
                box-shadow: none;
            }

    #ConciergePaymentModal.modal .div-global .text-list .blue-BG .form-group .CVV {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    #ConciergePaymentModal.modal .div-global .text-list .blue-BG .form-group .expiration-date {
        width: 68%;
        display: inline-block;
    }

    #ConciergePaymentModal.modal .div-global .text-list .blue-BG .secure-booking-message {
        font-size: 10px;
        color: #fff;
        text-align: center;
    }

        #ConciergePaymentModal.modal .div-global .text-list .blue-BG .secure-booking-message i {
            margin-right: 5px;
        }

        #ConciergePaymentModal.modal .div-global .text-list .blue-BG .secure-booking-message img {
            height: 15px;
            margin-left: 5px;
        }

    #ConciergePaymentModal.modal .div-global .text-list .bottom-modal {
        padding: 0 50px 20px 50px;
        text-align: center;
    }

        #ConciergePaymentModal.modal .div-global .text-list .bottom-modal .bold-ital h3 {
            display: flex;
            width: 70%;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-weight: normal;
            margin: 20px auto;
        }

            #ConciergePaymentModal.modal .div-global .text-list .bottom-modal .bold-ital h3:before,
            #ConciergePaymentModal.modal .div-global .text-list .bottom-modal .bold-ital h3:after {
                content: '';
                border-top: 1px solid;
                margin: 0 20px 0 0;
                flex: 1 0 20px;
                color: #dedede
            }

            #ConciergePaymentModal.modal .div-global .text-list .bottom-modal .bold-ital h3:after {
                margin: 0 0 0 20px;
            }

        #ConciergePaymentModal.modal .div-global .text-list .bottom-modal .icon-input {
            border: 1px solid #dedede;
            border-right: none;
            background-color: #fff;
            height: 45px;
            width: 45px;
            line-height: 45px;
            display: inline-block;
        }

        #ConciergePaymentModal.modal .div-global .text-list .bottom-modal .intl-tel-input {
            width: calc(100% - 45px);
            display: inline-block;
            margin-left: -5px;
            vertical-align: bottom;
        }

            #ConciergePaymentModal.modal .div-global .text-list .bottom-modal .intl-tel-input .form-control {
                width: 100%;
            }

        #ConciergePaymentModal.modal .div-global .text-list .bottom-modal .form-control {
            /*border: 1px solid #dedede;
    height: 45px;*/
            width: 100%;
            /*display: inline-block;
    margin-left: -5px;
    vertical-align: bottom;*/
        }

.col-btn-back {
    padding: 10px;
}

.new-col-btn-back {
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 20px;
    width: 70%;
}

    .col-btn-back .btn, .new-col-btn-back .btn {
        border: 1px solid rgba(255,255,255,.3);
        color: #fff;
        border-radius: 0;
        background-color: transparent !important;
    }

        .col-btn-back .btn:hover, .new-col-btn-back .btn:hover {
            border: 1px solid rgba(255,255,255,1);
        }

.reservation-number {
    font-size: 18px;
    font-weight: normal;
    padding: 0 20px;
}

.date-dossier {
    display: flex;
    align-items: center;
    border-left: 1.5px solid #EDF1F2;
    padding: 0 20px;
    height: 15px;
}

    .date-dossier i {
        padding-right: 7px;
    }

.col-num-file {
    line-height: 52px;
}

.col-state-container {
    width: 30%;
}

.col-state-file {
    padding: 4px 5px;
    color: rgba(0,0,0,.3);
}

.new-col-state-file {
    color: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .new-col-state-file span {
        color: #F6F8FC;
        font-size: 19px;
    }

    .new-col-state-file .status-dossier {
        color: #ffffff;
        font-size: 20px;
        font-weight: normal;
        padding: 0 30px 0 10px;
    }

    .new-col-state-file .go-back-cross-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 100%;
        background-color: #1E324A;
        color: #ffffff;
        transition: all ease-in-out 50ms;
    }

        .new-col-state-file .go-back-cross-container:hover {
            font-size: 18px;
        }

.content-tax-cart {
    padding: 15px;
}

.content-booking-fees h3 {
    margin-bottom: 0;
    font-size: 16px;
}

.content-booking-fees p.content-booking-fees-text-right {
    margin: 5px 10px 10px 10px;
    font-size: 12px !important;
    font-weight: 300 !important;
}

.line-input-quantity {
    margin-top: 10px;
}

    .line-input-quantity p {
        line-height: 40px;
        display: inline-block;
    }

    .line-input-quantity .input-group {
        margin-right: 0 !important;
        width: 135px;
    }

        .line-input-quantity .input-group button {
            border: none;
            background-color: transparent;
            height: 36px !important;
            line-height: 36px;
            width: 36px;
            padding: 0;
        }

            .line-input-quantity .input-group button i {
                color: #fff;
            }

        .line-input-quantity .input-group .input-number {
            border: none;
            height: 36px;
            font-size: 14px;
        }

.navbar-nav.navbar-right:last-child {
    margin-right: 0 !important;
}


.div-global .text-list input {
    margin-top: 0;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 15px !important;
    border: 1px solid #dedede;
    font-size: 14px;
    width: 60% !important;
    margin-left: 20%;
}

.div-global .text-list .bottom-modal input {
    width: 100% !important;
}

#ConciergePaymentModal .div-global .text-list input {
    margin-left: 0;
}

#ConciergePaymentModal .div-global .text-list .flag-dropdown {
    left: -40px;
    top: -4px;
}

.div-global .text-list input[type="checkbox"] {
    height: 20px;
    border-radius: 0;
    width: 20px !important;
    margin-right: 5px !important;
    vertical-align: bottom;
    margin-left: 0 !important;
}

.payement-bloc-table {
    border: 1px solid #ebecf2;
}

    .payement-bloc-table .table-line {
        border-bottom: 1px solid #ebecf2;
        padding: 0 10px;
        list-style: none;
        height: 40px;
        line-height: 40px;
    }

        .payement-bloc-table .table-line.active {
            background-color: rgba(77,124,254,.15);
            height: auto;
        }

        .payement-bloc-table .table-line:last-child {
            border-bottom: none;
        }

        .payement-bloc-table .table-line img.color-logo {
            float: right;
            height: 15px;
            width: auto;
            margin-top: 13px;
        }

        .payement-bloc-table .table-line input {
            vertical-align: middle;
            margin: 0 5px 2px 0;
        }

.ancv-bloc,
.credit-card-bloc {
    padding: 20px;
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
    background-color: #fff;
}

    .ancv-bloc img {
        height: 60px;
        margin-bottom: 30px;
    }

    .ancv-bloc h4 {
        font-size: 24px;
        font-weight: normal;
        color: #003979;
        margin-bottom: 30px;
    }

    .ancv-bloc .orange-text {
        border-bottom: 2px solid #e94432;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 370px;
    }

        .ancv-bloc .orange-text img {
            position: absolute;
            left: -15px;
            height: 90px;
        }

    .ancv-bloc p {
        font-size: 16px;
        line-height: 18px;
        color: #e94432;
        text-align: left;
        display: inline-block;
        padding-left: 50px;
        padding-top: 20px;
    }

    .ancv-bloc label {
        font-size: 13px;
        color: #000;
        text-align: left;
        font-weight: normal;
        width: 100%;
        margin-bottom: 0;
        margin-top: 30px;
    }

        .ancv-bloc label.error {
            margin-top: 0;
        }

    .ancv-bloc input {
        width: 100%;
        height: 40px;
        border: 1px solid #ebecf2;
    }

    .ancv-bloc .validate-ancv {
        margin: 30px auto 0 auto;
    }

        .ancv-bloc .validate-ancv .ancv-btn {
            font-size: 17px;
            color: #fff;
            width: 130px;
            background-color: #e94432;
            height: 30px;
            line-height: 30px;
            border-radius: 15px;
            -webkit-appearance: none;
            border: none;
            display: inline-block;
        }

#WaitingAncv {
    color: #fff;
    text-align: center;
    background-color: rgba(33,52,75,.8);
}

    #WaitingAncv.modal .div-global {
        background: transparent;
    }

    #WaitingAncv img {
        margin-bottom: 30px;
    }

    #WaitingAncv h4 {
        font-size: 30px;
        font-weight: normal;
    }

    #WaitingAncv p {
        font-size: 20px;
    }

.blue-btn {
    background-color: rgba(77,124,254,1);
    color: #fff;
    padding: 10px 15px;
    margin-top: 30px;
}

#WaitingAncv a:hover {
    color: #fff;
}

.rounded-box {
    background-color: #fff;
    text-align: center;
    border-radius: 15px !important;
    margin: 20px 0;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

    .rounded-box.is-from-upsell {
        margin: 0;
        border-radius: 0 0 15px 15px;
    }

    .rounded-box.display-giftcard {
        margin: 0;
        height: 300px;
        width: 500px;
    }

    .rounded-box.text-left {
        text-align: left;
    }

    .rounded-box .section {
        padding: 0 20px 20px 20px;
        margin-bottom: 0;
        text-align: left;
    }

    .rounded-box .blue-bg-link-bottom {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        font-weight: normal;
        color: rgba(77,124,254,1);
        background-color: rgba(77,124,254,.2);
        border-radius: 0 0 15px 15px;
        text-align: center;
    }

    .rounded-box.module-be {
        width: 100%;
    }

.reservation-header {
    display: flex;
    height: 60px;
}

/* -------------------- NEW MAIN RESUME -------------------- */
.new-main-resume {
    height: 60px;
    padding: 10px 0;
    position: sticky;
    top: 0;
    z-index: 3;
}

.new-main-resume-content {
    margin-left: auto;
    margin-right: auto;
    height: 40px;
}

    .new-main-resume-content .bloc-right,
    .new-main-resume-content .bloc-left {
        height: 40px;
    }

    .new-main-resume-content .line {
        height: 40px;
        line-height: 40px;
    }

    .new-main-resume-content .round-icon {
        height: 40px;
        width: 40px;
        line-height: 40px;
        border-radius: 20px;
        text-align: center;
        background-color: #fff;
        margin: 0 5px 0 0;
        display: inline-block;
    }

        .new-main-resume-content .round-icon i {
            color: #00263b;
            font-size: 20px;
            line-height: 40px;
        }

.new-main-resume .cross-selling-img {
    height: 70px;
    overflow: hidden;
}

    .new-main-resume .cross-selling-img img {
        height: 70px;
        width: auto;
        max-width: none;
    }

.new-main-resume .search-resume-geo {
    border-right: 1px solid rgba(255,255,255,.2);
    padding-right: 15px;
}

.new-main-resume .btn-map {
    vertical-align: super;
}

    .new-main-resume .btn-map .btn-info {
        height: 70px;
        line-height: 70px;
        padding: 0 15px;
        border: none;
        vertical-align: baseline;
    }

        .new-main-resume .btn-map .btn-info i {
            height: 70px;
            vertical-align: sub;
        }

.div-cruise {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.cruise-infos {
    display: flex;
    align-items: center;
    width: auto;
}

.cruise-infos-right {
    margin-left: 15px;
    width: auto;
}

.cruise-infos-left {
    margin-right: 15px;
    width: auto;
}

.txt-price-for {
    border-right: 1px solid rgba(255,255,255,.2);
    padding-right: 10px;
    line-height: 18px;
    display: none;
}

.cruise-infos-left :nth-child(1) {
    color: #798D98;
    margin-right: 5px;
}

.cruise-infos-left :nth-child(2) {
    color: #ffffff;
    font-weight: normal;
}

.cruise-infos-right :nth-child(1) {
    color: #798D98;
    margin-right: 5px;
}

.cruise-infos-right :nth-child(2) {
    color: #ffffff;
    font-weight: normal;
}

.payment-conditions {
    padding-top: 30px;
}

    .payment-conditions .condition-block {
        border: 1px solid #ebecf2;
        padding: 10px;
        margin-top: 5px;
        font-size: 16px;
    }

        .payment-conditions .condition-block .subtitle {
            font-size: 14px;
            line-height: 14px;
            text-transform: uppercase;
            padding-bottom: 5px;
            font-weight: normal;
        }

#ScannedQRCode {
    background-color: rgba(77,124,254,.1);
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

.drive-choice {
    background-color: rgba(77,124,254,.1);
    padding: 15px;
}

    .drive-choice .drive-choice-cb-container {
        display: flex;
        align-items: center;
    }

    .drive-choice #LabelClickAndCollectChoiceCart {
        margin: 0;
    }

    .drive-choice input {
        border: none;
        border-radius: 0;
        padding: 0 10px;
    }

    .drive-choice select[disabled] {
        background-color: #eee;
    }

    .drive-choice .select-w {
        width: calc(100% - 55px);
    }

        .drive-choice .select-w select {
            padding-right: 25px;
        }

/* ---------- Click and Collect TDR ---------- */
#TdrClickAndCollectContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

    #TdrClickAndCollectContainer .warning-panel .o-hidden .text-center {
        padding-top: 0;
    }

    #TdrClickAndCollectContainer .results-wrapper {
        max-width: 100%;
    }

.tdr-cnc-search-block {
    width: 100%;
}

.tdr-cnc-search-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border: 1px solid #ebecf2;
    border-radius: 25px;
    height: 50px;
    padding-right: 20px;
    padding-left: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    font-size: 1.2em;
    background-color: #ffffff;
}

#InputSearchForTdr {
    width: 100%;
    height: 30px;
    border: none;
    color: #555;
    outline: none;
}

.tdr-cnc-search-city-select {
    border-radius: 25px;
    padding: 0 10px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.tdr-cnc-filters-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    color: rgba(77,124,254,1);
}

.tdr-cnc-filter:hover {
    font-weight: normal;
}

.results-wrapper .product.tdr-cnc-product-item {
    height: 450px !important;
    min-width: 300px;
}



.tdr-cnc-product-count-infos-voucher,
.tdr-cnc-product-count-infos-card,
.tdr-cnc-product-count-infos-shop {
    position: relative;
}

.tdr-cnc-product-card-chip-description,
.tdr-cnc-product-voucher-chip-description,
.tdr-cnc-product-shop-chip-description {
    color: #ffffff;
    font-weight: normal;
    display: none;
}

.tdr-cnc-product-card-chip {
    color: #ffffff;
    font-weight: normal;
    position: absolute;
    top: 5px;
    right: 8px;
    background-color: #E64E3C;
    padding: 0 5px;
    border-radius: 10px;
    min-width: 25px;
    text-align: center;
}

.tdr-cnc-product-count-infos-card:hover .tdr-cnc-product-card-chip {
    padding-top: 5px;
    width: 95px;
    min-height: 65px;
}

.tdr-cnc-product-count-infos-card:hover .tdr-cnc-product-card-chip-description {
    display: block;
}

.tdr-cnc-product-voucher-chip {
    color: #ffffff;
    font-weight: normal;
    position: absolute;
    top: 5px;
    right: -12px;
    background-color: #E64E3C;
    padding: 0 5px;
    border-radius: 10px;
    min-width: 25px;
    text-align: center;
}

.tdr-cnc-product-count-infos-voucher:hover .tdr-cnc-product-voucher-chip {
    padding-top: 5px;
    width: 95px;
    min-height: 65px;
}

.tdr-cnc-product-count-infos-voucher:hover .tdr-cnc-product-voucher-chip-description {
    display: block;
}

.tdr-cnc-product-shop-chip {
    color: #ffffff;
    font-weight: normal;
    position: absolute;
    top: 5px;
    right: -12px;
    background-color: #E64E3C;
    padding: 0 5px;
    border-radius: 10px;
    min-width: 25px;
    text-align: center;
    font-size: 12px;
}

.tdr-cnc-product-count-infos-shop:hover .tdr-cnc-product-shop-chip {
    padding-top: 5px;
    width: 95px;
    min-height: 65px;
}

.tdr-cnc-product-count-infos-shop:hover .tdr-cnc-product-shop-chip-description {
    display: block;
}



.tdr-cnc-product-info-adress {
    display: flex;
    justify-content: space-between;
}

.tdr-cnc-product-info-adress-left {
    display: flex;
    align-items: center;
}

    .tdr-cnc-product-info-adress-left div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 215px;
    }

.tdr-cnc-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tdr-cnc-product-count-infos {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.tdr-cnc-product-count-infos-zero-card-or-voucher {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
}

.tdr-cnc-product-count-infos-card-and-voucher {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 90px;
}

.bad-payment-warning-panel {
    display: flex;
    align-items: center;
    height: 60px;
    background-color: rgba(242,41,24,1);
    color: #ffffff;
    font-size: 1.1em;
    font-weight: normal;
}

.see-bad-payment-btn {
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 0;
}

    .see-bad-payment-btn:hover {
        color: #ffffff;
        border: 1px solid;
    }

/* ------ View d'authentification Stripe */
.authentication-global-container {
    display: flex;
    padding: 50px;
    background-color: #F5FAFF;
    align-items: center;
    justify-content: center;
    cursor: default;
}

    .authentication-global-container .cart-container {
        width: 40vw;
        background-color: #ffffff;
        padding: 30px;
        border-radius: 10px;
        -webkit-box-shadow: 3px 5px 7px 1px rgba(186,186,186,1);
        -moz-box-shadow: 3px 5px 7px 1px rgba(186,186,186,1);
        box-shadow: 3px 5px 7px 1px rgba(186,186,186,1);
    }

    .authentication-global-container .auth-steps-container {
        width: 50vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 20px;
    }

.auth-title {
    color: #00F2B4;
    font-size: 3vw;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 40px;
    text-shadow: 1px 1px .5px rgba(150, 150, 150, .3);
}

.steps {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.step-one, .step-three {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.steps .auth-first-label {
    max-width: 60%;
    font-size: 16px;
    margin-bottom: -20px;
}

    .steps .auth-first-label .purple-highlight {
        color: #8846FF;
        font-weight: normal;
        font-size: 18px;
    }

.steps .auth-img {
    width: 90%;
}

.steps .auth-second-label {
    font-size: 14px;
    margin-top: -55px;
}

    .steps .auth-second-label .red-highlight {
        font-size: 16px;
        color: #EB3E3A;
        font-weight: normal;
    }

.steps .auth-purple-button {
    padding: 15px 35px;
    background-color: #844AFF;
    color: #ffffff;
    font-weight: normal;
    font-size: 23px;
    border-radius: 35px;
    border: 0px;
    margin-top: 45px;
    width: 100%;
    cursor: pointer;
}

    .steps .auth-purple-button:hover {
        background-color: #6b3dcc;
    }

.steps .auth-purple-button-disabled {
    background-color: #6b3dcc !important;
}

.steps .blue-button-disabled {
    background-color: #89A6FE !important;
}

.steps .new-payment-method-needed-container {
    background-color: #ECEEF9;
    max-width: 500px;
    padding: 30px;
    margin-top: -15px;
}

    .steps .new-payment-method-needed-container .form-control {
        border: none;
    }

    .steps .new-payment-method-needed-container #card-element {
        background-color: #ffffff;
        padding: 15px;
        margin-bottom: 10px;
    }

.steps .stripe-terms-elloha {
    display: flex;
    cursor: pointer;
}

    .steps .stripe-terms-elloha input {
        display: flex;
        margin-right: 5px;
        cursor: pointer;
    }

.steps #button-payment-submit {
    width: 100%;
    padding: 10px 0;
    background-color: rgba(77,124,254,1);
    color: #ffffff;
    border: none;
    font-size: 16px;
    letter-spacing: .5px;
}

    .steps #button-payment-submit:disabled {
        background-color: rgba(56, 111, 230, .5);
        color: rgba(255, 255, 255, .5);
    }

.steps .auth-congrats {
    text-transform: uppercase;
    color: #8846FF;
    font-size: 40px;
    font-weight: normal;
}

.steps .auth-third-label {
    max-width: 80%;
    font-size: 18px;
    margin-bottom: 5px;
}

.steps .auth-see-you-soon {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: normal;
    margin-bottom: -25px;
}

.steps .auth-close-button {
    background-color: #01D068;
    color: #ffffff;
    font-weight: normal;
    font-size: 20px;
    padding: 15px 35px;
    border-radius: 35px;
    cursor: pointer;
    margin-top: -15px;
}

#card-errors-container {
    align-items: center;
    background-color: rgba(242,41,24,.2);
    padding: 10px;
    color: rgba(242,41,24,1);
    border: 2px solid rgba(242,41,24,1);
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 30px;
}

#TypeOfAdList,
#TypeOfAd {
    display: inline-block;
    border-radius: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    font-size: 10px;
    text-transform: uppercase;
    margin-right: 5px;
}

#TypeOfAdList {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
}

#TypeOfAdList,
#TypeOfAd {
    display: none !important;
}



/* -------------------- Custom kiosk -------------------- */
/*
.main-menu-kiosk {
    height: 480px !important;
}
.main-menu-kiosk .main-menu-bg-overlay {
    width: 100%;
}
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px;
    padding: 15px;
}
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .logo-sans-BG {
    padding: 0;
    height: 50px;
    display: inline-block;
}
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .logo-sans-BG img {
    height: 50px;
}
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .main-menu-header {
    position: initial;
    display: inline-block;
    float: right;
}
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .main-menu-header .nav.nav-tabs,
.main-menu-bg-overlay .main-menu.bg-primary .main-menu-header .nav.nav-tabs li {
    height: 50px;
}
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .nav.nav-tabs li a:not(.cart-link),
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .btn-search {
    padding: 0 15px !important;
    width: 90px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    margin: 0 0 0 15px;
    background: transparent;
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    vertical-align: top;
}
*/

/*
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .nav.nav-tabs li a &gt; i {
    line-height: 50px !important;
    margin-bottom: 0;
    font-size: 20px;
}

.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .btn-lang .dropdown-menu {
    background-color: #00263b;
    border: 1px solid rgba(255,255,255,.2);
}
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .main-menu-header .cart-menu .styled.fa-chevron-down:before {
    margin-top: 0px;
    margin-right: 0px;
}
.main-menu-kiosk .main-menu-bg-overlay .main-menu.bg-primary .main-menu-header img.flag {
    margin-top: -1px;
}

.main-menu-kiosk .nav-tab-kiosk {
    width: 100% !important;
    text-align: center;
    background-color: rgba(255,255,255,.5);
    margin-top: -15px;
}
.main-menu-kiosk .nav-tab-kiosk li a {
    width: auto !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 15px !important;
    border-radius: 20px !important;
    margin: 10px 10px 10px 0 !important;
    background-color: #00263b;
    color:#fff;
}
.main-menu-kiosk .nav-tab-kiosk li.active a {
    background-color: rgba(77,124,254,1);
}
.main-menu-kiosk .nav-tab-kiosk li a &gt; i {
    font-size: 20px;
    margin-right: 5px;
    text-align: left;
    line-height: 40px !important;
}
.main-menu-kiosk .nav-tab-kiosk li a span.menu-name {
    font-size: 14px;
    display: inline-block !important;
    text-align: left;
}
*/

/* POC paiement */
.cgv-w label {
    font-size: 16px;
    font-weight: 300;
    display: inline;
    color: #000;
}
.cgv-w input {
    min-width: 15px;
    min-height: 15px;
}

    .cgv-w label a {
        font-weight: normal;
        color: rgba(77,124,254,1);
    }

.consent-w label {
    font-size: 16px;
    font-weight: 300;
    display: inline;
    color: #000;
    padding-left: 10px;
}

.input-border {
    border: 1px solid #ebecf2;
}

.payment-form .button {
    height: 50px;
    border-radius: 50px;
    color: #fff;
    background: #1AC7BF;
    border: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
}

    .payment-form .button:hover {
        background: #23b4ad;
    }

.body-booking {
    min-height: 100vh;
}

.secure-sentence {
    position: absolute;
    width: 100%;
    bottom: 60px;
}

.body-booking footer {
    display: block;
    width: 100%;
    height: 60px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

/* Fin POC paiement */

.desc-rate-new h3 {
    display: block !important;
}

#UpsellModal {
    background-color: rgba(30,50,73,.7)
}

.upsell-modal-dialog {
    width: 480px;
}

.upsell-preview {
    background-color: #fff;
    text-align: center;
    border-radius: 15px;
}

.upsell-previewTitle {
    background-color: #ff0c56;
    height: 50px;
    border-radius: 15px 15px 0 0;
    color: #fff;
    line-height: 50px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}

span.underline {
    text-decoration: underline;
}

.upsell-previewTitle .close {
    color: #fff;
    opacity: 1;
    text-shadow: none;
    margin-right: 15px;
    line-height: 50px;
}

.upsell-previewImg {
    position: relative;
    width: 480px;
}

    .upsell-previewImg img {
        width: 100%;
    }

.upsell-previewImgTxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(32,41,61,.6);
    color: #fff;
    padding: 10px;
    text-align: left;
}

.m-right-40 {
    margin-right: 40px;
}

.upsell-previewDescription {
    background-image: url(https://static.elloha.com/elloha/Images/elloha-sourire.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 342px 110px;
    padding: 20px 40px;
    margin-left: auto;
    margin-right: auto;
}

#Prices .upsell-previewTitle {
    text-align: center;
}

.upsell-POS-cartouche {
    background-color: #ff0c56;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    color: #fff;
    padding: 0 15px;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}

.blue-cartouche-upsell {
    background-color: #00263b;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    font-size: 10px;
}

.btn-upsell-cart {
    cursor: pointer;
}

.new-inpu-quantity .form-control {
    height: 38px !important;
}

.top-header-scrum {
    height: 80px;
    padding-left: 30px;
    position: relative;
}

.logo-new-BE {
    max-height: 80px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.top-header-scrum .breadcrumb-new-BE li.color-flash-blue {
    font-weight: normal;
}

.cart-validity-timer {
    width: 160px;
}

.BookingOnline-cart-bottom {
    width: 49%;
}

.OnlineBookingForm .p-top-0 {
    padding-top: 0 !important;
}

.OnlineBookingForm textarea {
    border-radius: 20px !important;
    padding: 15px;
    border: 1px solid #ebecf2 !important;
    min-height: 80px;
}

.btn-50h {
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    padding: 0 20px;
    font-size: 14px;
}

.bloc-btn-finalize {
    padding-left: 20px;
    padding-right: 20px;
}

.payement-buttons-ul {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

    .payement-buttons-ul li {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 25px;
    }

.modal-dialog {
    border-radius: 15px;
    overflow: hidden;
}

.rounded-input {
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 20px !important;
    border: 1px solid #ebecf2 !important;
    display: flex;
    align-items: center;
}

    .rounded-input.div-sorting-field {
        width: 290px;
    }

        .rounded-input.div-sorting-field .styled {
            border: none !important;
        }

.rounded-input-clean {
    border-radius: 25px !important;
    padding: 5px;
    border: none;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
}

.rounded-input.w-100 {
    width: 100px !important;
}

.rounded-input select,
.rounded-input .form-control {
    padding: 0 0 0 8px;
    height: 34px !important;
    line-height: 34px;
    font-size: 14px;
    font-weight: 300;
    border: none;
    background-color: transparent;
}

.rounded-input.la-angle-down:before,
.rounded-input.la-angle-up:before {
    line-height: 34px;
    position: absolute;
    right: 0;
}

.rounded-input .input-date {
    border: none;
    height: 36px !important;
    line-height: 36px !important;
    width: calc(100% - 45px);
    display: inline-block;
    font-size: 14px;
    background-color: transparent;
}

.rounded-input span,
.rounded-input .input-group-btn-left,
.rounded-input .input-group-btn-right {
    height: 34px !important;
    line-height: 34px !important;
    width: 34px !important;
    border-radius: 20px !important;
    padding: 0;
    background-color: #00263b !important;
    display: inline-block;
    vertical-align: top;
    float: left;
    font-size: 20px;
}

.rounded-input.group-rooms .form-control {
    border: none;
    padding: 0;
    height: 34px !important;
    line-height: 34px !important;
    font-size: 14px;
    display: inline-block;
    width: calc(100% - 154px);
    background-color: transparent !important;
    padding-left: 10px;
}

div#SearchModal .modal-body {
    position: relative;
    padding: 15px;
    overflow-y: scroll;
    overflow-y: auto;
    max-height: 80vh;
}

.rounded-input.group-rooms span {
    width: 120px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rounded-input.group-rooms span .btn {
        height: 34px !important;
        line-height: 34px !important;
        width: 100%;
        border-radius: 18px !important;
    }

    .rounded-input.group-rooms span.picto-span {
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
        text-align: center;
        font-size: 18px !important;
    }

.rounded-input.group-rooms .btn {
    border: none;
    padding: 0 15px !important;
    height: 34px !important;
    line-height: 34px !important;
    width: 120px;
    background-color: #00263b;
}

.occupancy-with-room .rounded-input p {
    line-height: 34px !important;
    vertical-align: top;
}

.div-geo .rounded-input {
    padding-left: 15px;
}

    .div-geo .rounded-input .twitter-typeahead {
        width: calc(100% - 34px) !important;
    }

        .div-geo .rounded-input .twitter-typeahead input {
            border: none;
            height: 40px;
            line-height: 40px;
        }

    .div-geo .rounded-input button.around-me {
        height: 34px;
        border: none;
        line-height: 34px;
        text-align: center;
        width: 34px
    }

    .div-geo .rounded-input i.la-crosshairs {
        color: #fff !important;
        height: 34px;
        line-height: 34px;
        vertical-align: bottom;
    }

.offer-description-detail {
    display: flex;
    align-items: center;
    gap: 10px;
}

.offer-description-detail &gt; div.d-inline-block {
    display: flex;
    align-items: center;
}

/* ------------------------------------------- Media Queries ------------------------------------------- */
@media (max-width: 1800px) {
    .results-wrapper .product {
        width: calc(49% - 20px);
    }
}

@media (max-width: 1300px) {
    .steps .auth-second-label {
        margin-top: -25px
    }

    .OnlineBookingCart, .OnlineBookingForm, .cart-payments .mw-1300 .d-flex-row.align-items-center {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1400px) {

    .results-wrapper .product,
    .be-dms-light .results-wrapper .product {
        width: calc(49% - 20px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .promo-bloc button, .promo-bloc input[placeholder] {
        font-size: 12px;
    }

    .promo-bloc input {
        padding-left: 5px !important;
    }
}

@media (max-width: 1199px) {

    .main-menu-bg.main-menu-kiosk {
        padding-left: 20px;
    }

    .form-confirm-pos.row.h-100p {
        display: flex;
        flex-direction: column;
    }

    .div-cart {
        padding: 20px;
        width: 100vw;
    }

    .content-product-cart .cartItem:last-child {
        min-height: 150px;
    }

    .main-calculator .CalculatorForm .calculator-backspace {
        position: absolute;
        right: 2px;
    }

    .fixed-bottom-btn {
        width: 100%;
    }

    .main-calculator .CalculatorForm p {
        font-size: 14px !important;
    }

    .main-calculator .CalculatorValue {
        text-align: center !important;
    }

    .main-calculator .CalculatorForm .blocleft {
        display: flex;
        height: 60px;
        padding: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .calculator-top .col-xs-3 {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .calculator-history.col-xs-4, .calculator-top .col-xs-4 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .calculator-total .vertical-center {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .main-calculator .calculator-top {
        max-width: 95%!important;
    }

    .main-calculator .bloc-calculator .bloc-payment .calc-blue-btn {
        width: 32% !important;
    }

    .form-confirm-pos .cart-div-border, .form-confirm-pos .calculator-container {
        width: 100vw;
        /*height: 100vh;*/
    }

    .body-booking {
        width: 100vw;
    }

    .main-menu-bg.main-menu-kiosk .menu-type {
        display: flex;
        align-items: center;
    }

    .content-tax-cart {
        padding: 15px;
        display: flex;
        flex-direction: column;
    }

    body#Body:not(.is-in-modal) {
        min-width: auto;
    }

    .new-col-state-file .status-dossier {
        font-size: 16px;
    }

    .new-col-state-file span {
        color: #F6F8FC;
        font-size: 16px;
    }

    .reservation-header a.btn.text-uppercase.btn-return-list {
        text-overflow: ellipsis;
        width: 60px;
    }

    .reservation-number {
        font-size: 16px;
        font-weight: normal;
        padding: 0 10px;
    }

}

@media (min-width: 1200px) {

    .date-block [class^="col-xs-"] {
        padding-right: 0;
        padding-left: 0;
    }

    .lg-p-left-15 {
        padding-left: 15px;
    }

    .promo-bloc {
        padding: 10px 5px;
    }

    .search-form {
        max-width: 1170px;
    }
    /*-- Flex par date --*/
    .flex-date .flex-date-navigation-left {
        left: -30px;
    }

    .flex-date .flex-date-navigation-right {
        right: -30px;
    }

    .flex-date-footer {
        margin-left: 15%;
    }
}

@media (max-width: 1110px) {
    .desc-rate-new.desc-rate-new-activity-pos {
        align-items: flex-start;
    }

        .desc-rate-new.desc-rate-new-activity-pos .quantity-block-activity {
            flex-direction: column-reverse;
            align-items: flex-end;
        }
}

@media (max-width: 1100px) {
    .no-logo-top-menu-be {
        position: relative !important;
    }

    .no-logo-top-be {
        width: 100%;
    }
}

@media (max-width: 1060px) and (min-width: 801px) {
    .div-text-cart.cart-for-auth {
        flex-direction: column;
    }

    .bloc-infos-cart-product.cart-for-auth,
    .bloc-price-cart-product.cart-for-auth {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 15px;
        justify-content: flex-end;
    }

    .cart-for-auth .original-item-price {
        padding: 0 15px;
    }

    .cart-for-auth .offer-amount {
        padding: 0;
    }

    .authentication-global-container .cart-top .right-div span:nth-child(1) {
        font-size: 10px;
    }

    .authentication-global-container .cart-top .right-div span:nth-child(2) {
        font-size: 18px;
    }

    .authentication-global-container .blue-bloc-title-product h1 {
        display: block;
        width: 100%;
    }
}

@media (min-width: 1024px) {

    form#createBookingForm .f-size-16 {
        font-size: 14px !important;
    }
}

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

    .offer-detail .col-sm-3 {
        width: calc(25% - 15px);
    }

    .bloc-price-right .row {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    .price-top-detail {
        display: flex;
        align-items: baseline;
    }

        .price-top-detail div {
            text-align: left !important;
            float: none !important;
        }

    .bloc-price-btn-top a {
        float: left !important;
        margin-left: 0 !important;
    }

    .bloc-price-btn-top {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1023px) {

    .bloc-title-left {
        width: 100% !important;
    }

    .c-pointer.bluelink.d-inline-block {
        display: block !important;
    }

    .desc-rate-new .bloc-infoprice {
        float: left !important;
    }

    .bloc-price-right div, .bloc-price-right div span {
        text-align: left !important;
        float: none !important;
    }

    .results-wrapper .product {
        height: auto !important;
        min-height: 370px;
    }

    .cross-selling-results-wrapper.results-wrapper .product .product-info &gt; .color-gray {
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: baseline;
    }

    #CrossSellingModal .product-price {
        position: initial;
        left: 0
    }

    .bloc-price-right {
        position: initial;
    }

    button.btn-default.btn-search {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    span.basedPrice {
        margin-left: 5px;
    }

    .row.rate {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .promo-bloc {
        padding: 10px;
    }

    .cart-offer-resume .div-resas {
        width: 100%;
    }

    .styled-select {
        padding: 0 15px;
    }

    .desc-rate-new.desc-rate-new-activity.m-bottom-10 {
        width: 100%;
    }

    .hour-list &gt; div {
        padding-left: 10px;
    }

    .new-main-resume-content.margin-auto.mw-1300.p-left-20.p-right-20.pos-relative {
        padding-right: 0 !important;
    }

    button.btn.btn-warning.btn-modify.product-search {
        margin: 0 10px;
    }

    .new-main-resume-content .bloc-right, .new-main-resume-content .bloc-left {
        height: 40px;
        margin: 0px 10px;
    }

    .hour-detail .rate {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        flex-direction: column;
    }


    .total-panier {
        float: none !important;
    }


    .breadcrumb-new-BE ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 14px;
    }

    .more-infos-mobile-container {
        margin: 10px 0;
    }

        .more-infos-mobile-container &gt; div.w-49p {
            width: 100%;
        }

    .nav-tab-kiosk {
        display: none;
    }

    .bloc-pagination {
        position: relative;
        bottom: 50px;
    }

    .rounded-input.group-rooms .form-control, .rounded-input.group-rooms .form-control, .rounded-input select, .rounded-input .form-control, .date-block .text-right small, .styled select, .styled-select select
    .promo-bloc {
        padding: 0 10px
    }

    button.text-cut {
        text-overflow: inherit !important;
    }

    .BookingOnline-cart-bottom {
        width: 100% !important;
    }

    .div-cart {
        padding: 20px;
    }

    .modal-content .filter-list .filter-3col {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }

    .text-cut span.price {
        font-size: 14px !important;
    }

    .offer-name .sg-icon-bed-2 {
        height: 20px !important;
    }

    i[class*=sg-icon-].f-size-22 {
        height: 20px !important;
        line-height: 20px;
    }

    .new-main-resume-content .line {
        height: 20px;
        line-height: 1.2;
    }

    .desc-rate-new-details-container .m-bottom-10 {
        margin-bottom: 0;
    }

    .offer-description .clear-left {
        display: flex;
        align-items: baseline;
    }

    a.bluelink {
        font-size: 14px
    }

    .new-main-resume-content .round-icon {
        display: none;
    }

    .results-wrapper .product {
        width: 100%;
    }

    .shop-product-list .shop-product.rounded-box {
        width: calc(50% - 20px);
    }

    .f-size-30 {
        font-size: 26px !important;
    }

    .VPLeft .VPBlocCountdown,
    .VPLeft .VPBlocCountdown .VPCountdown .VPNumber .big,
    .VPLeft .VPBlocCountdown .VPCountdown .VPPoints .big {
        font-size: 30px !important;
    }

    .VPTilte .VPName {
        width: auto !important;
    }

    .VPLeft .VPTitle, .marble-bloc .VPTitle {
        font-size: 40px !important;
        line-height: 1.2;
    }

    .btnReturn {
        display: none;
    }

    .text-cut span.price {
        font-size: 14px !important;
    }

    .desc-entire-part {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        width: 100%;
        padding-top: 10px;
    }

    .desc-right-part .t-align-right {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

        .desc-right-part .t-align-right .price {
            margin-top: 0 !important;
            margin-left: 10px;
        }

    .desc-right-part.pull-right {
        width: auto !important;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin: 20px 0;
    }

    .quantity-block-activity.pull-right {
        width: auto;
        right: 0;
    }

    .desc-left-part {
        width: 100% !important;
    }

    .new-main-resume-content .bloc-left {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .div-sorting-field {
        font-size: 0.9em;
    }

    .div-gray-cart .link-remove-coupon {
        position: static;
        left: 0;
        right: 0;
    }
    /*-- Coupons --*/
    p.confirm-coupon {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .md-m-top-neg-115 {
        margin-top: -115px;
    }

    .md-h-padding-15 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .md-p-right-0 {
        padding-right: 0;
    }

    .md-p-left-15 {
        padding-left: 15px;
    }

    .md-no-padding-h {
        padding-left: 0;
        padding-right: 0;
    }

    .md-no-pull {
        float: none;
    }

    .back-result-w {
        max-width: 120px;
    }

    .msg-price-for {
        max-width: 225px;
    }

    .col-img {
        height: 140px;
    }

    .search-form {
        max-width: 970px;
    }

    .nav.nav-tabs li a &gt; i.visible-md {
        display: inline !important;
    }

    .results-wrapper {
        margin-bottom: 25px;
    }
}

@media (max-width: 991px) {
    .sm-w-100p {
        width: 100%;
    }

    .sm-m-top-10 {
        margin-top: 10px;
    }

    .sm-p-bottom-0 {
        padding-bottom: 0;
    }

    .sm-p-left-0 {
        padding-left: 0;
    }

    .sm-p-left-15 {
        padding-left: 15px;
    }

    .sm-p-left-60 {
        padding-left: 60px;
    }

    .sm-text-center {
        text-align: center;
    }

    .sm-mw-100 {
        max-width: 100px;
    }

    .header-w + .main-menu-bg,
    .header-w + .mw-search,
    .header-w + .mw-search-large {
        margin-top: -90px;
    }

    .main-menu-bg.main-menu-kiosk .nav.nav-tabs.menu-type li a:not(.cart-link) i {
        margin-right: 0;
    }

    .main-menu-bg .nav.nav-tabs li a.cart-img,
    .main-menu-bg .nav.nav-tabs li a.cart-link {
        padding: 0 !important;
        margin-top: 0;
        margin-right: 0;
    }

    .div-back-result {
        border: 0;
    }

    .in.div-filter .modal-backdrop {
        display: none;
    }

    div.filter-list {
        margin: 0 auto;
        padding-bottom: 10px;
        text-align: left;
    }

    .filter-promo {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .main-panel-product {
        padding: 0 0 40px 0;
    }

        .main-panel-product.panel-cross-selling {
            padding-top: 10px;
        }

    .fieldset-list .row &gt; div:last-of-type {
        margin-top: 15px;
    }

    .div-form-booking .row &gt; div {
        padding-left: 0;
        padding-right: 0;
    }

        .div-form-booking .row &gt; div + div {
            padding-right: 0;
            padding-left: 0;
        }

    .continue-to-payment {
        bottom: 49px;
    }

        .continue-to-payment .btn-cgv {
            height: 35px;
            padding: 5px 30px;
        }
}

@media (min-width: 870px) {
    .force-xxs .product-price {
        margin-top: -21px;
    }
}

@media (max-width: 800px) {
    .authentication-global-container {
        flex-direction: column-reverse;
    }

        .authentication-global-container .cart-container,
        .authentication-global-container .auth-steps-container {
            width: 100%;
            margin-bottom: 30px;
        }

    .auth-title {
        font-size: 18px;
    }

    .auth-img {
        margin: 15px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm-not-important {
        display: none;
    }

    .global-h-padding {
        padding-right: 15px;
        padding-left: 15px;
    }

    .sm-no-h-padding {
        padding-right: 0;
        padding-left: 0;
    }

    .sm-p-bottom-0 {
        padding-bottom: 0;
    }

    .sm-p-left-0 {
        padding-left: 0;
    }

    .sm-no-padding {
        padding: 0;
    }

    .just-sm-p-right-0 {
        padding-right: 0;
    }

    .global-p-top {
        padding-top: 15px;
    }

    .col-img {
        height: 260px;
    }
    /*-- Cross-Selling --*/
    .search-resume .cross-selling-info {
        width: 160px;
    }

        .search-resume .cross-selling-info .cross-selling-img,
        .search-resume .cross-selling-info .cross-selling-img img {
            display: none;
        }

        .search-resume .cross-selling-info .cross-selling-title {
            text-indent: 5px;
        }

    .search-resume .btn-map a {
        padding-left: 0;
        padding-right: 5px;
    }

        .search-resume .btn-map a &gt; div {
            padding-left: 0;
        }

    /*-- Coupons --*/
    .div-gray-cart .link-remove-coupon {
        position: static;
        left: 0;
        right: 0;
    }

    p.confirm-coupon {
        margin-bottom: 10px;
    }

    .enter-coupon input {
        margin-right: 3px;
    }

    .enter-coupon button {
        max-width: 85px;
        padding: 6px 2px;
    }
}

@media (min-width: 768px) {

    .group-formules-price {
        display: flex;
        width: 200px;
        flex-direction: column;
        align-items: center;
    }

    .group-formules-price-amount {
        text-align: center;
    }

    .group-header &gt; div.col-md-7 {
        flex: 1 1 auto;
    }

    .group-list .group-header {
        display: flex;
    }

    .sm-m-top-15 {
        margin-top: 15px;
    }

    .sm-m-top-20 {
        margin-top: 20px;
    }

    .sm-p-right-0 {
        padding-right: 0;
    }

    .sm-p-right-5 {
        padding-right: 5px;
    }

    .sm-m-left-15 {
        margin-left: 15px;
    }

    .sm-top-12 {
        margin-top: 12px;
    }

    .search-form {
        max-width: 750px;
    }

    .div-options-tab-mob {
        height: 50px;
    }

    .stock-left {
        margin-top: 5px;
    }

    .option-occupancy .age-block-container {
        margin-top: 10px;
    }

    #div-map {
        display: block !important;
    }

    .in.div-filter .modal-dialog {
        width: 80%;
    }
    /*-- Cross-Selling --*/
    #CrossSellingModal .modal-header .modal-title {
        display: inline-block;
        text-align: left;
    }
}

@media (max-width: 768px) {

    .cart-payments .mw-1300 .d-flex-row.align-items-center {
        padding-left: 10px;
        padding-right: 10px;
    }
    .amountToPayNow text {
        white-space: nowrap;
    }

    .offer-description .clear-left {
        display: flex;
        flex-direction: column;
    }


    .md-col-count-1 {
        column-count: 1;
    }

    .m-bottom-large {
        margin-bottom: 30px !important;
    }

    .m-top-large {
        margin-top: 30px !important;
    }

    .modal-content .filter-list .filter-3col {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .layout-header .div-options-tab {
        padding-right: 0;
    }

    .bloc-title-left {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .product-description h1 {
        font-size: 30px;
        line-height: initial;
    }

    .price-top-detail {
        display: block;
        margin-bottom: 10px;
    }

    .rounded-box.detail-slider {
        width: 100%;
    }

    .be-dms-light .results-wrapper .product {
        width: 100%;
    }

    .results-wrapper {
        padding: 0;
    }

        .results-wrapper .product {
            margin-left: 0;
            margin-right: 0;
        }

    .search-date .menu-type-date .all-filters-date {
        padding-right: 0;
    }

    .more-info {
        margin-top: 5px;
    }

    .modal .div-global {
        width: 90%;
    }

    .cart-payments {
        margin-bottom: 70px;
    }

    .OnlineBookingForm {
        padding-left: 15px;
    }

    .top-header-scrum {
        padding-left: 20px;
    }

    .p-top-large {
        padding-top: 30px
    }

    .OnlineBookingCart,
    .OnlineBookingForm,
    .payment-form {
        padding-right: 15px;
        padding-left: 15px;
    }

    .bottom-ribbon .f-size-20 {
        font-size: 18px;
        line-height: 20px;
    }

    /* CON-21960 */

    .btn-lang.styled img {
        width: 40px;
        max-width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .main-menu-bg .btn-cart {
        line-height: 1.2 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        width: 40px;
        padding: 0 15px !important;
        border-radius: 50% !important;
    }

    span.cart-number.badge.d-none {
        top: 0 !important;
        position: initial;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    .main-menu-bg .nav.nav-tabs li a span.menu-name {
        display: none;
    }

    .cart-menu .btn-cart {
        min-width: auto !important;
    }

    .main-menu-bg .nav.nav-tabs i.las.la-angle-down {
        color: var(--color-text);
    }

    .main-menu-bg .nav.nav-tabs li a &gt; i.la-suitcase {
        display: none !important;
    }
}

@media (max-width: 767px) {

    .quick-filters .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        height: auto !important;
    }

    .cart-payments input[placeholder] {
        font-size: 10px;
    }

    .occupancy-container.occupancy-no-room {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .modal-body {
        padding: 0;
    }

    .OnlineBookingCart .f-size-24 {
        font-size: 20px;
    }

    .isFixed .xs-hide-when-fixed {
        display: none;
    }

    .isFixed .xs-no-margin-when-fixed {
        margin: 0;
    }

    .hidden-xs-not-important {
        display: none;
    }

    .container.b-rad-3 {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .container.border-gray-1 {
        border-left: none;
        border-right: none;
    }

    .xs-h-padding-10,
    .global-h-padding,
    .product {
        padding-left: 10px;
        padding-right: 10px;
    }

    .global-p-top {
        padding-top: 10px;
    }

    .xs-p-left-0 {
        padding-left: 0 !important;
    }

    .xs-p-left-15 {
        padding-left: 15px;
    }

    .xs-p-right-0 {
        padding-right: 0 !important;
    }

    .xs-p-0 {
        padding: 0 !important;
    }

    .xs-p-top-0 {
        padding-top: 0 !important;
    }

    .xs-p-right-5 {
        padding-right: 5px;
    }

    .xs-p-top-20 {
        padding-top: 20px;
    }

    .xs-p-bottom-0 {
        padding-bottom: 0;
    }

    .xs-p-bottom-5 {
        padding-bottom: 5px;
    }

    .xs-p-bottom-10 {
        padding-bottom: 10px;
    }

    .xs-m-top-0 {
        margin-top: 0;
    }

    .xs-m-top-5 {
        margin-top: 5px;
    }

    .xs-m-top-10 {
        margin-top: 10px;
    }

    .xs-m-bottom-15 {
        margin-bottom: 15px;
    }

    .xs-m-right-5 {
        margin-right: 5px;
    }

    .xs-mw-none {
        max-width: none;
    }

    .p-top-large {
        padding-top: 0;
    }

    .container .select-type {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .results-wrapper .product {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .div-img-product {
        margin-right: 10px;
    }

    .remove-occupancy-block {
        margin-right: 0;
    }

    .xs-w-80p {
        width: 80%;
    }

    .xs-w-100p {
        width: 100%;
    }

    .btn-resume-search .btn-warning {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-width: 1px 0 0 0;
    }

    .main-resume .btn-resume-search .btn {
        padding-right: 10px;
        padding-left: 10px;
        text-align: right;
    }

    .search-resume .btn-map a {
        max-width: none;
        height: 30px;
        text-align: right;
        padding-top: 5px !important;
        padding-right: 10px;
        text-align: right;
    }

    .offer {
        padding-bottom: 10px;
    }

    .offer-list .offer:last-of-type,
    .option-list .offer:last-of-type,
    .activity-list .offer:last-of-type {
        padding-bottom: 20px;
    }

    .offer-list,
    .option-list,
    .activity-list {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border-right: none;
        border-left: none;
    }

    .occupancy-resume {
        position: relative;
        font-weight: bold;
        text-align: left;
        display: block;
        color: #000;
    }

    .option-occupancy label {
        line-height: 45px;
        margin-bottom: 0;
    }

    .option-occupancy &gt; div {
        margin-bottom: 5px;
    }

    .offer-form {
        margin-left: 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }

    .cart-offer-resume {
        margin-left: 0;
    }

    .btn.add-to-cart, .btn.remove-from-cart {
        padding-left: 0;
        padding-right: 0;
    }

    .show-loader.menu-cart .badge {
        right: -10px;
        top: -25px;
    }

    .div-sorting-field {
        display: none;
    }

    .div-sorting-field {
        bottom: -10px;
    }

        .div-sorting-field .styled, .div-sorting-field select {
            width: 150px;
            height: 40px;
            background-color: #00263b;
        }

    .results-wrapper {
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 15px 0;
    }

    .main-panel-product [class^=col-] {
        padding-right: 5px;
        padding-left: 5px;
    }

    .option-occupancy &gt; div,
    .option-occupancy .age-block &gt; div {
        padding-right: 0;
        padding-left: 0;
    }

    .xs-no-margin {
        margin: 0;
    }

    .xs-no-padding {
        padding: 0;
    }

    .xs-text-left {
        text-align: left;
    }

    .div-form-cart, .div-form-booking {
        padding: 15px;
    }

    .div-head-booking {
        padding: 10px;
    }

    #div-map {
        display: none;
        margin-bottom: 25px;
    }
    /*-- Messages d'avertissement --*/
    .warning-panel &gt; div:first-of-type {
        text-align: center;
    }

    .warning-panel &gt; div:last-of-type {
        padding: 15px 0 0 0 !important;
    }

    .txt-left-warning-panel {
        width: 100%;
    }

    .row-list-map {
        padding: 25px 0 0 5px;
    }

    .img-optional {
        display: none;
    }

    .continue-to-payment {
        bottom: 39px;
    }
    /*-- Flex --*/
    .row-info-flex {
        text-align: center;
        padding-bottom: 10px;
    }
    /*-- Cross-Selling --*/
    #CrossSellingModal .modal-dialog {
        width: auto;
    }

    #CrossSellingModal .modal-header .btn-cgv {
        width: 100%;
        float: none !important;
    }

    #CrossSellingModal .product {
        display: flex;
    }

    .search-resume .cross-selling-info {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
        padding-bottom: 7px;
        padding-top: 10px;
        border-top: 1px solid #90969c;
        border-bottom: 1px solid #90969c;
    }

    .search-resume .cross-selling-around .btn-back-cross-selling {
        border: none;
        text-align: left;
        padding-left: 0;
    }

    .search-resume .cross-selling-info .cross-selling-title {
        text-indent: 10px;
    }

    .search-resume .cross-selling-info .cross-selling-img,
    .search-resume .cross-selling-info .cross-selling-img img {
        width: 80px;
    }
    /*-- Gestion des erreurs --*/
    .div-error-global .div-error-global-item {
        margin: 5px auto;
    }
    /*-- Coupons --*/
    .question-coupon {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    /*-- Offres sans tarifs --*/
    .offers-without-price &gt; div:last-child {
        margin-top: 20px;
    }

    .offers-without-price .xxxs-m-top-40 {
        margin-top: 40px;
    }

    /*-- Groupes --*/
    .group-list .group-header {
        padding: 10px;
    }

    /*-- Chèques cadeaux --*/
    .gift-voucher-list &gt; div:last-child {
        border-left: 1px;
    }

        .gift-voucher-list &gt; div:last-child &gt; div {
            min-height: 0;
        }

    /*-- Cartes cadeaux --*/
    .gift-card {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

        .gift-card .gift-card-title {
            padding-left: 20px;
        }

            .gift-card .gift-card-title .gift-card-price {
                margin-left: 5px;
            }

    /*-- Flex par date --*/
    .flex-date-container {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .flex-date-footer {
        margin-left: 20px;
    }

        .flex-date-footer &gt; div:first-of-type {
            margin-left: 30px;
        }

    .nav.nav-tabs .hidden-xxs {
        display: none !important;
    }

    .div-options-tab-mob {
        padding-left: 0;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
    }

    /*-- Cartes cadeaux --*/
    .gift-card-value {
        width: 80px;
        right: -25px;
    }

        .gift-card-value strong {
            font-size: 18px;
        }

    .search-resume .clearfix {
        padding-right: 0;
        padding-left: 0;
    }

        .search-resume .clearfix .search-resume-info {
            padding-right: 15px;
            padding-left: 15px;
        }

    .div-options-tab {
        padding-right: 0;
        padding-bottom: 10px;
    }

    global-h-padding:not(.xxs-keep-h-padding):not(.xs-no-padding) {
        padding-right: 10px;
        padding-left: 10px;
    }

    .btn-resume-search {
        padding-left: 0;
    }

    .p-right-20 {
        padding-right: 10px;
    }

    .p-left-20 {
        padding-left: 10px;
    }

    .main-panel-product {
        padding: 0 !important;
    }

    .desc-rate-new-private-sale {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .desc-rate-new-details-container h3 {
        line-height: 1.2;
        margin-bottom: 10px;
        font-size: 18px;
        width: 100%;
    }

    .desc-rate-new-details-container span.f-size-16 {
        font-size: 14px;
    }

    .info-offer-list {
        line-height: 1.2;
    }

    .rate-restrictions {
        padding-top: 10px !important;
    }

    .bloc-price-wrap {
        display: flex;
        width: 100%;
    }

        .bloc-price-wrap div.bloc-price-right-private-sale-200:first-child {
            flex: 1 1 auto;
        }

        .bloc-price-wrap div.bloc-price-right-private-sale-200:last-child {
            width: 120px;
        }

    .stock-left {
        font-size: 12px;
        padding-right: 5px;
        text-align: right;
    }

    .date-pax {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        align-items: baseline;
    }
}

@media (max-width: 670px) {

    .div-city {
        display: block;
        width: 100%;
        position: initial;
    }

        .div-city adress, .div-city.map-marker {
            color: #000;
        }

    span.promo.b-rad-3.d-none {
        display: block;
        position: initial;
    }

    .product-price.has-promotion {
        display: block;
        position: initial !important;
        width: 100%;
    }

    .shop-product-list .group-content.product-tab-pane {
        flex-flow: column nowrap;
    }

    .shop-product-list .shop-product.rounded-box {
        width: calc(100% - 20px);
    }

    .height-header {
        height: 75px !important;
    }
}

@media (max-width: 373px) {

    .concierge-panel {
        line-height: 1.2 !important;
    }
}

@media (max-width: 600px) {

    .main-content {
        width: 100% !important;
    }

    input[type="text"], input[type="number"], input[type="date"], textarea, select, .form-control, input::placeholder {
        font-size: 14px;
        font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
        color: #555;
    }

    .quantity-block.quantity-block-activity.pull-right &gt; div {
        display: flex;
        flex-direction: column-reverse;
        align-items: baseline;
        margin: 10px 0;
        align-items: flex-end;
    }

    .f-size-16 {
        font-size: 14px;
    }

}

@media (min-width: 601px) and (max-width: 991px) {
    /*-- Cross-Selling --*/
    .search-resume .cross-selling-around {
        min-width: 130px;
    }

        .search-resume .cross-selling-around &gt; div {
            font-size: 0.9em;
            padding-top: 2px;
        }

    .stock-left {
        text-align: right;
    }
}

@media (min-width: 600px) and (max-width: 767px) {

    .results-wrapper {
        padding-top: 30px;
    }

    .offer-detail .col-xxs-6 {
        width: calc(32% - 0px) !important;
    }
}

@media (min-width: 601px) {
    .info-main-offer,
    .info-offer-list-booked {
        margin-left: 25px;
    }

    .global-form input::-webkit-input-placeholder {
        opacity: 0;
    }

    .global-form input:-moz-placeholder {
        opacity: 0;
    }

    .global-form input::-moz-placeholder {
        opacity: 0;
    }

    .global-form input:-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }
}

@media (max-width: 620px) {
    .new-main-resume-content .line {
        margin-right: 10px;
    }

    .new-main-resume-content .round-icon {
        display: none;
    }
}

@media (max-width: 600px) {

    .offer-detail .col-xxs-6 {
        width: calc(50% - 5px) !important;
    }

    body {
        font-size: 14px;
    }

    .xxs-bg-white {
        background-color: #fff;
    }

    [class^=col-]:not(.xxs-keep-h-padding):not(.xs-no-padding):not(.age-block):not(.age-block &gt; div),
    .global-h-padding:not(.xxs-keep-h-padding):not(.xs-no-padding) {
        padding-right: 5px;
        padding-left: 5px;
    }

    .padding {
        padding: 5px !important;
    }

    .modal-body .padding {
        padding: 0 !important;
    }

    .v-padding {
        padding: 5px 0;
    }

    .xxs-no-padding {
        padding: 0;
    }

    .xxs-no-v-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .xxs-m-top-0 {
        margin-top: 0 !important;
    }

    .xxs-m-top-10 {
        margin-top: 10px !important;
    }

    .xxs-p-left-5 {
        padding-left: 5px !important;
    }

    .xxs-p-right-5 {
        padding-right: 5px !important;
    }

    .xxs-p-right-15 {
        padding-right: 15px !important;
    }

    .xxs-p-top-10 {
        padding-top: 10px !important;
    }

    .xxs-p-bottom-5 {
        padding-bottom: 5px !important;
    }

    .xxs-no-h-padding {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .xxs-h-padding-10 {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .hidden-xxs {
        display: none !important;
    }

    .xxs-no-radius {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .xxs-f-size-13 {
        font-size: 13px;
    }

    .xxs-d-inline {
        display: inline;
    }

    .results-wrapper {
        padding-bottom: 30px;
    }

    .age-block .styled {
        width: 95px;
    }

    .msg-price-for {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .div-img-product,
    .div-map-img {
        height: 260px !important;
        width: auto;
    }

        .div-map-img img {
            background-size: cover;
        }

    .infowindow-img-w,
    .infowindow-img-w img {
        height: 75px;
        width: 100px;
    }

    .price {
        line-height: normal;
    }

    .bg-primary.search-resume .msg-price-for {
        padding-left: 10px;
    }

    .search-resume .clearfix .search-resume-info {
        float: right;
    }

    .btn-resume-search {
        padding-left: 0;
    }

    .offer-form {
        margin-bottom: 10px;
    }

        .offer-form .date-block [class^="col-xs-"] {
            padding-right: 0;
            padding-left: 0;
        }

    .date-block:not(.for-resource-formula) {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

        .date-block:not(.for-resource-formula) .row {
            margin-right: 0;
            margin-left: 0;
        }

    .div-recap-photos {
        margin-left: 5px;
    }

        .div-recap-photos img {
            margin: 1px;
        }

    .infowindow-w {
        width: 225px;
    }

    .infowindow-img-w {
        width: 100px;
        height: 75px;
        margin-right: 5px;
    }

    .infowindow-text-w {
        width: 110px;
    }

    .product-search {
        border-left: 0;
        border-right: 0;
    }

    .main-offer {
        margin: 0 5px 25px 5px;
    }

    .no-interest-option-list {
        margin: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .main-panel-product .row h1 {
        padding-bottom: 12px;
    }

    .offer-detail {
        margin-left: 5px !important;
    }
    /*-- Groupes --*/
    .group-list {
        padding-left: 0 !important;
    }

        .group-list .group-header h2 {
            font-size: 1.2em;
        }

        .group-list .group-header .price {
            font-size: 20px;
        }

        .group-list .group-header a {
            width: auto;
            padding: 5px;
            white-space: normal !important;
        }

        .group-list .group-header .group-description {
            display: none;
        }

    /*-- Cross-Selling --*/
    .row-info-cross-selling {
        text-align: center;
        padding-top: 10px;
    }

    #CrossSellingModal .modal-header {
        padding: 8px 8px 15px 8px;
    }

        #CrossSellingModal .modal-header .modal-title {
            padding: 6px 0;
        }
    /*-- Horaires --*/
    .div-hours-visible {
        padding: 0;
    }

    .hour {
        width: 120px;
    }
    /*-- Gestion des erreurs --*/
    .div-error-global .div-error-global-item {
        width: 285px;
        height: 160px;
        margin: 5px auto;
    }

        .div-error-global .div-error-global-item:first-child {
            padding-left: 10px;
            height: 180px;
            background: #fff;
        }

        .div-error-global .div-error-global-item &gt; p:first-child {
            margin-bottom: 10px;
            margin-top: 5px;
        }
    /*-- Coupons --*/
    div.infos-coupon a.link-remove-coupon {
        position: static;
        display: inline-block;
        right: 0;
        top: 0;
        color: #FFF;
        margin-top: 15px;
    }
    /*-- Cartes cadeaux --*/
    .gift-card &gt; div, .gift-card .gift-card-photo .gift-card-description {
        height: 190px;
    }

    .gift-card .gift-card-title {
        font-size: 1em;
    }

        .gift-card .gift-card-title .gift-card-price {
            margin-top: -5px;
            margin-left: 20px;
        }

        .gift-card .gift-card-title .gift-card-see-details {
            font-size: 1.2em;
        }

    .gift-card .gift-card-photo .gift-card-description .gift-card-description-close {
        top: 0;
        right: -5px;
    }

        .gift-card .gift-card-photo .gift-card-description .gift-card-description-close &gt; img {
            width: 40px;
            height: 40px;
        }

    /*-- Flex par date --*/
    .flex-date-footer-bottom {
        font-size: 0.8em;
    }

    .creditCardForm .payment {
        padding: 15px;
    }
    /*-- Cartes cadeaux --*/
    .gift-card-value {
        width: 70px;
        right: 0;
    }

        .gift-card-value strong {
            font-size: 15px;
        }

    .desc-rate-new.desc-rate-new-activity {
        align-items: flex-start;
    }

    .quantity-block-activity {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
}

@media (max-width: 530px) {

    .div-text-cart.cart-for-auth {
        flex-direction: column;
    }

    .bloc-infos-cart-product.cart-for-auth,
    .bloc-price-cart-product.cart-for-auth {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 15px;
        justify-content: flex-end;
    }

    .cart-for-auth .original-item-price {
        padding: 0 15px;
    }

    .cart-for-auth .offer-amount {
        padding: 0;
    }

    .authentication-global-container .cart-top .right-div span:nth-child(1) {
        font-size: 10px;
    }

    .authentication-global-container .cart-top .right-div span:nth-child(2) {
        font-size: 18px;
    }

    .authentication-global-container .blue-bloc-title-product h1 {
        display: block;
        width: 100%;
    }

    .steps .auth-congrats {
        font-size: 30px;
    }
}

@media (max-width: 505px) {
    #TdrClickAndCollectContainer .tdr-cnc-product-item {
        width: calc(49% - 20px) !important;
    }
}

@media (min-width: 480px) and (max-width: 600px) {
    .offer-photo-w,
    .offer-photo-w .center-image-loader {
        height: 150px;
    }
}

@media (max-width: 600px) {

    .m-bottom-30 {
        margin-bottom: 20px;
    }

    .m-top-30 {
        margin-top: 20px;
    }

    .m-top-40 {
        margin-top: 20px;
    }

    .m-bottom-40 {
        margin-bottom: 20px;
    }

    .btn {
        height: 44px !important;
        line-height: 44px !important;
        border-radius: 22px !important;
        padding: 0 15px !important;
    }

    .m-bottom-large {
        margin-bottom: 20px !important;
    }

    .m-top-large {
        margin-top: 20px !important;
    }

    .offer-list0 h2,
    .option-list h2,
    .activity-list h2 {
        font-size: 18px !important;
        line-height: 20px;
    }

    h3 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .main-menu {
        height: 60px;
    }

    .bloc-logo-noBG {
        padding: 5px 0;
        height: 60px;
    }

    .logo-sans-BG {
        height: 50px;
    }

    .bloc-logo-noBG .centered-block {
        display: none;
    }

    .main-menu-logo {
        max-height: 50px;
        max-width: 150px;
    }

    .clearfix.header-w {
        height: 224px !important;
        margin-bottom: 40px;
    }

    .header-w + .main-menu-bg,
    .header-w + .mw-search,
    .header-w + .mw-search-large,
    .header-w + .map-layout-container {
        margin-top: -169px;
    }

    .main-menu-bg .nav-tabs {
        height: 60px;
        padding: 10px 0;
    }

    .search-form {
        padding-right: 10px;
        padding-left: 10px;
        margin-top: 10px;
    }

        .search-form .form-group .select-type {
            padding: 10px;
        }

    .logo-sans-BG {
        height: 50px;
    }

    .new-main-resume {
        height: 64px;
    }
    /*
        // Masqué le 01/06/2023 avec Bruno
        .new-main-resume.with-pax {
            height: 94px;
        }
        .new-main-resume.with-pax .new-main-resume-content .bloc-right{
        margin-top: 24px;
    }*/


    .new-main-resume-content {
        line-height: 20px;
    }

    .new-main-resume-content .line {
        height: initial;
        margin-right: 10px;
        font-size: 12px;
    }

    .main-menu-bg.main-menu-kiosk .menu-type li {
        padding-right: 5px;
    }

    .main-menu-bg.main-menu-kiosk .nav.nav-tabs.menu-type li a:not(.cart-link) {
        border-radius: 22px !important;
        padding: 0 10px;
        min-width: 44px;
    }

    .main-menu-bg.main-menu-kiosk .menu-type {
        height: 64px;
        line-height: 64px;
    }

    .new-main-resume-content .bloc-left {
        line-height: 40px;
    }

    .OnlineBookingCart .row p {
        display: flex;
        flex-direction: column;
    }

    .promo-and-pay-bloc button {
        font-size: 12px;
    }

    .layout-booking {
        padding-left: 0;
        padding-right: 0;
    }

        .layout-booking .rounded-box.detail-slider,
        .layout-booking .rounded-box.offerx,
        .layout-booking .rounded-box.gift-voucher-list {
            border-radius: 0;
        }

    .info-offer-list,
    .info-option-list {
        padding-left: 10px;
        padding-right: 10px;
    }

    .bloc-title-left {
        width: 100%;
        padding-right: 0;
    }

    .product-description h1 {
        font-size: 24px;
    }

    .f-size-30, .gift-card .gift-card-title .gift-card-name {
        font-size: 22px !important;
    }

    .offer.rounded-box {
        padding: 15px;
        margin: 15px 0;
    }

    .title-top-offer {
        padding-left: 5px;
    }

    .group-formules-price {
        display: flex;
        width: 100%;
    }

    .group-formules-price-amount {
        width: auto;
        margin-left: 10px;
        flex: 1 auto;
        text-align: left;
    }

    .group-formules-price-btn {
        display: inline-block;
        float: right;
    }

    .rate-list, .desc-entire-part {
        padding-top: 15px;
        margin-top: 15px;
    }

    .desc-rate-new {
        width: 100%;
        padding-right: 0;
    }

        .bloc-price-right, .desc-rate-new.desc-rate-new-activity .quantity-block-activity {
            width: 100%;
            padding-top: 15px;
        }

            .bloc-price-right .row.m-right-15 {
                display: flex;
                align-items: center;
            }

            .bloc-price-right .bloc-infoprice {
                float: left !important;
                flex: 1 1 auto;
            }

                .bloc-price-right .bloc-infoprice .price {
                    text-align: left;
                }

            .bloc-price-right .bloc-btn-addcart {
                padding-top: 0;
            }

    .activity-list-header {
        padding: 10px 15px;
        font-size: 16px;
    }

    .div-options-tab-mob {
        height: 40px !important;
        line-height: 40px !important;
    }

    .results-wrapper .product,
    .content-bloc-OI {
        min-height: initial;
    }

    .results-wrapper .content-bloc-OI .product-info {
        width: 100%;
        min-height: initial;
        display: inline-block;
    }

    .main-panel-product .results-wrapper h2 {
        margin-bottom: 0;
    }

    .results-wrapper .content-bloc-OI .product-price {
        width: 100%;
        min-height: initial;
        margin-left: 0;
        padding: 5px;
        display: inline-block;
    }

    .results-wrapper .content-bloc-OI h2 span,
    .results-wrapper .content-bloc-OI h2 span:hover {
        max-width: none;
        white-space: normal;
    }

    .content-bloc-OI .clearfix {
        min-height: 150px;
        display: initial;
    }

    .content-bloc-OI .product-price {
        margin-left: 0;
    }

    .bloc-pagination {
        margin-right: 15px;
    }

    .shop-product-list .shop-product {
        border-bottom: 1px solid #ebecf2;
    }

    .shop-product + .shop-product {
        padding-top: 15px;
    }

    .shop-product-list .shop-product .linetop-shop,
    .shop-product-list .shop-product .linebottom-shop {
        width: 100%;
        margin-left: 0;
    }

    .shop-product-list .shop-product .titre-product-shop {
        width: calc(100% - 65px);
        margin-left: -6px;
    }

    .warning-panel {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
        padding: 15px;
    }

    .search-date {
        height: 62px;
    }

    .search-filters {
        height: 196px;
    }

        .search-date .menu-type-date,
        .search-filters .menu-type-filters {
            border-bottom: none;
            padding-top: 10px;
            padding-bottom: 0;
            height: 62px;
        }

            .search-date .menu-type-date .btn-filter {
                padding-right: 0;
                padding-left: 0;
            }

            .search-filters .menu-type-filters .btn-filter {
                padding-bottom: 10px;
                padding-right: 0;
                padding-left: 0;
            }

    .secure-filters .secure-content .secure-booking-images img {
        height: 10px;
        margin-left: 0px;
    }

    .desc-rate-new-details-container .w-49p {
        width: 100%;
    }

    .border-bottom-gray-1.d-flex {
        display: initial !important;
    }

    .quantity-block-activity {
        padding-top: 5px;
    }

        .quantity-block-activity .quantity-content {
            float: left !important;
            text-align: left;
            margin-left: 0;
            margin-right: 0;
        }

        .quantity-block-activity .stock-left {
            display: none;
        }

        .quantity-block-activity .quantity-rate {
            float: initial !important;
            display: none;
        }

    hr {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .new-activity-or-option-offer-container .grid-rate-list-container {
        float: initial !important;
    }

    .new-activity-or-option-offer-container .hour-list-detail {
        background: #ffffff;
        padding-top: 0;
    }

    .new-activity-or-option-offer-container .desc-rate-new-activity .desc-rate-new-details-container {
        display: none;
    }

    .desc-rate-new.desc-rate-new-activity {
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 0 !important;
        width: 100%;
    }

    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        height: 40px;
    }

    .desc-rate-new.desc-rate-new-activity .desc-rate-new-details-container-mobile {
        display: block;
    }

        .desc-rate-new.desc-rate-new-activity .desc-rate-new-details-container-mobile .more-info-mobile-cta {
            color: #1868cf;
        }

        .desc-rate-new.desc-rate-new-activity .desc-rate-new-details-container-mobile .quantity-rate {
            display: flex;
            font-weight: bold;
        }

            .desc-rate-new.desc-rate-new-activity .desc-rate-new-details-container-mobile .quantity-rate .color-red {
                margin-right: 5px;
            }

    .ancv-bloc, .credit-card-bloc, .creditCardForm .payment.div-method-payment {
        padding: 10px;
    }

    .creditCardForm .payment .form-group {
        margin-bottom: 10px;
    }

    .creditCardForm .CVV {
        width: 70px;
        margin-right: 5px;
    }

    .creditCardForm .payment select {
        width: 40px;
    }

    .creditCardForm .div-method-payment label.info-subdued {
        margin-bottom: 0;
    }

    .price {
        font-size: 22px;
    }

    .quantity-block-activity {
        display: block;
    }

.desc-rate-new.desc-rate-new-activity .quantity-block-activity {
    width: auto;
}

.quantity-block-activity &gt; div:first-child {
    display: flex;
    align-items: center;
}

.quantity-block-activity &gt; div:first-child .mobile-dynamic-price {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    width: 100%;
    text-align: right;
}

.stock-left {
    display: inline-block;
    text-align: left;
    line-height: 16px;
    margin-top: 6px;
    float: none !important;
}

.desc-rate-new.desc-rate-new-activity .quantity-block-activity &gt; div:first-child {
    float: left;
}

.top-header-scrum {
    padding-left: 10px;
    height: 65px;
    position: relative;
    margin-bottom: 44px;
}

.top-header-scrum .breadcrumb-new-BE {
    position: absolute;
    height: 44px;
    left: 0;
    bottom: -44px;
    font-size: 16px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    background-color: #FFF;
    z-index: 2;
}

    .cart-validity-timer {
        position: absolute;
        right: 0;
        height: 65px;
    }

    .p-top-large {
        padding-top: 20px
    }

    .f-size-28 {
        font-size: 22px;
    }

    .OnlineBookingCart .cartItem {
        border-top: 1px solid #ebecf2;
        padding-top: 15px;
        margin-bottom: 15px;
    }

    .BookingOnline-cart-bottom {
        width: 100%;
    }

    .asterisk-text {
        float: initial;
    }

    .OnlineBookingForm .p-20 {
        padding: 10px;
    }

    .payement-buttons-ul .d-flex {
        flex-direction: column;
        align-items: baseline;
    }

    .OnlineBookingForm .giftcard-pay-panel .apply-gift, .OnlineBookingForm .promo-code-panel .apply-coupon {
        font-size: 12px;
    }

    .promo-bloc h2.m-bottom-20 {
        margin-bottom: 10px;
    }

    .promo-and-pay-bloc .f-size-18 {
        font-size: 14px !important;
    }

    .bottom-ribbon .f-size-20 {
        font-size: 14px;
        line-height: 18px;
    }

    .div-submit-form {
        padding-bottom: 10px;
    }

    .bloc-btn-finalize {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cgv-w label {
        font-size: 14px;
    }
    
    .consent-w label {
        font-size: 14px;
        padding: 10px;
    }

    .f-size-24 {
        font-size: 22px;
    }

    .btn-50h {
        height: 44px;
        line-height: 44px;
        border-radius: 22px;
    }

    .payment-form h2 {
        margin-bottom: 10px;
    }

    .payment-form .m-bottom-30 {
        margin-bottom: 15px;
    }

    .payment-form button {
        margin-bottom: 10px;
    }

    .secure-sentence {
        position: initial;
    }

    .body-booking footer {
        bottom: -60px;
    }

    .cart-offer-resume h4 {
        width: 100%;
        line-height: initial;
        height: auto;
        margin-bottom: 10px;
    }

    .cart-offer-resume .div-resas {
        width: 100%;
    }

        .cart-offer-resume .div-resas .lh-40 {
            line-height: initial;
            height: auto;
            padding-left: 0;
            width: calc(100% - 45px);
        }

    .remove-from-cart-link {
        margin-top: -20px;
    }

    .hour-detail .rate {
        flex-wrap: wrap;
    }
}

@media (min-width: 460px) and (max-width: 500px) {
    .list-scale-booking div &gt; div:not([class*=w-20p]) {
        width: 16%;
    }
}

@media (max-width: 459px) {

    .list-scale-booking {
        font-size: 12px;
        padding: 10px 5px;
    }

        .list-scale-booking div &gt; div:not([class*=w-20p]) {
            width: 8%;
        }

        .list-scale-booking div &gt; div.w-20p {
            width: 25%;
        }

    .div-gray-cart .link-remove-coupon {
        position: static;
        left: 0;
        right: 0;
    }

    p.confirm-coupon {
        margin-bottom: 10px;
    }
}

@media (max-width: 400px) {


    .hour-list-detail {
        padding: 0;
        margin-top: 5px;
    }

    sup {
        top: -.5em;
    }

    .continue-to-payment &gt; div {
        text-align: center;
    }

    .grid-offer-img-container {
        padding-left: 0 !important;
    }

    .product {
        padding-right: 5px;
    }

        .product h2 &gt; span {
            display: inline-block;
            /*max-width: 150px;*/
            /*-ms-text-overflow: ellipsis;*/
            /*-o-text-overflow: ellipsis;*/
            /*text-overflow: ellipsis;*/
            overflow: hidden;
            white-space: nowrap;
            line-height: inherit;
        }

        .product address {
            position: relative;
        }

    div-options-tab-mob {
        display: flex;
        justify-content: space-between;
    }

    .div-options-tab-mob &gt; .option-tab {
        width: auto !important;
        display: flex;
        align-items: center;
    }

    .modal-content .filter-list .filter-3col .show-loader span, .modal-content .filter-list .filter-3col .show-loader label {
        font-size: 12px;
    }



    /*-- Coupons --*/
    .enter-coupon input {
        max-width: 165px;
        margin-right: 3px;
    }

    .enter-coupon button {
        max-width: 85px;
        padding: 6px 3px;
    }
}

@media (max-width: 370px) {

    .main-menu-logo {
        max-width: 80px;
    }

    .main-menu-bg .nav-tabs &gt; li {
        padding-left: 5px;
    }
}

@media (max-width: 285px) {

    .main-menu-logo {
        max-width: 65px;
    }
}

.modal {
    background-color: rgba(0,38,59,.85);
}

.modal#SearchModal, .modal#DetailSearchModal {
    z-index: 98
}

.div-img-h-center {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.concierge-panel {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background-color: #fff;
    border-top: 1px solid #00263b;
    margin-bottom: 15px;
    font-weight: 400;
}

.btn-back-line, .btn-back-line:hover {
    height: 40px !important;
    line-height: 36px !important;
    border-radius: 20px !important;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #c5cde2;
    color: #c5cde2;
}

.applepay {
    height: 15px;
    margin-right: 10px;
}

.bloc-left-paymentform {
    width: 50%;
    padding-top: 60px;
    display: inline-block;
    vertical-align: top;
}

.bloc-right-paymentform {
    background-color: #fff !important;
    width: 49%;
    padding-top: 60px;
    display: inline-block;
    height: calc(100vh - 80px);
}

.kr-embedded,
.paymentform-content-left {
    width: 400px !important;
    margin-left: auto;
    margin-right: auto;
}

    .kr-embedded h2,
    .paymentform-content-left h2 {
        font-size: 30px !important;
        font-weight: 400;
    }

    .kr-embedded .rounded-input-paymentform {
        height: 40px !important;
        line-height: 40px !important;
        border-radius: 20px !important;
        padding: 3px 5px 0 15px !important;
        border: none !important;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
        box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    }

        .kr-embedded .rounded-input-paymentform.kr-pan {
            margin-top: 30px !important;
        }

    .kr-embedded .btn {
        font-weight: 400;
        width: 100% !important;
    }

        .kr-embedded .btn span {
            line-height: 40px !important;
            font-weight: 400;
        }

@media (max-width: 768px) {

    .bloc-left-paymentform {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
        display: inline-block;
    }

    .bloc-right-paymentform {
        background-color: #fff !important;
        width: 100%;
        padding-top: 30px;
        display: inline-block;
    }

    .kr-embedded,
    .paymentform-content-left {
        width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

#Prices .slimScrollDiv {
    height: 85px !important;
}

#MapDialog .modal-dialog {
    height: calc(100vh - 40px);
    margin: 20px;
    width: calc(100% - 40px);
}

#MapDialog .modal-header .close {
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 20px;
    background-color: red;
    opacity: 1;
}

    #MapDialog .modal-header .close i {
        height: 40px;
        line-height: 40px;
        color: #fff;
        vertical-align: bottom;
    }

#MapDialog .modal-header h1 {
    font-size: 24px !important;
}

    #MapDialog .modal-header h1 sup {
        top: -0.8em;
        font-size: 12px;
    }

.tb-ancv-id {
    height: 34px;
    background-color: transparent;
}

.btn-switch-txt {
    padding: 2px !important;
    height: 44px !important;
}

    .btn-switch-txt ul {
        padding: 0;
    }

    .btn-switch-txt .action-select-orientation {
        height: 36px;
        line-height: 36px;
        border-radius: 18px;
        background-color: transparent !important;
        color: #34495e !important;
        vertical-align: super;
    }

        .btn-switch-txt .action-select-orientation a {
            color: #34495e !important;
        }

        .btn-switch-txt .action-select-orientation:hover {
            height: 36px;
            line-height: 36px;
            border-radius: 18px;
        }

        .btn-switch-txt .action-select-orientation.active {
            background-color: #00263b !important;
            color: #fff !important;
        }

            .btn-switch-txt .action-select-orientation.active a {
                color: #fff !important;
            }

.btn-MyC-price,
.btn-MyC-price:hover,
.btn-MyC-price:focus {
    border: none;
    color: #34495e !important;
    background-color: #fff !important;
    font-weight: normal !important;
    font-size: 16px;
    line-height: 40px !important;
    text-shadow: none;
    padding: 0 15px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
    box-shadow: 0 0 5px rgba(0,0,0,.1) !important;
}

    .btn-MyC-price:hover {
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
        box-shadow: 0 0 5px rgba(0,0,0,.3) !important;
    }

    .btn-MyC-price.left, .btn-MyC-price.left:hover {
        border-right: 0 !important;
        border-radius: 20px 0 0 20px;
        margin-right: -4px;
        padding: 0 10px;
    }

    .btn-MyC-price.right, .btn-MyC-price.right:hover {
        border-left: 0 !important;
        border-radius: 0 20px 20px 0;
        margin-left: -4px;
        padding: 0 10px;
    }

    .btn-MyC-price.middle,
    .btn-MyC-price.middle:hover {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        text-transform: capitalize;
    }

    .btn-MyC-price.selectize-control,
    .btn-MyC-price.selectize-control:hover {
        padding: 0;
    }

    .btn-MyC-price.selectize-dropdown, .btn-MyC-price.selectize-dropdown:hover {
        background: #fff;
        margin: 0;
        padding: 0;
    }

    .btn-MyC-price.selectized .selectize-input {
        border: none;
        box-shadow: none;
        color: #00263b;
        background: transparent !important;
        padding: 0 20px 0 15px;
    }

        .btn-MyC-price.selectized .selectize-input .item {
            font-size: 14px;
        }

        .btn-MyC-price.selectized .selectize-input:after {
            font-size: 24px !important;
            top: 10px !important;
            right: 26px !important;
        }

.modal-personalized-text.modal .div-global .text-list {
    background-image: none;
}

#modal-description-personalization {
    font-size: 14px;
}

.bloc-infos-cart-product .link-personalize-gift {
    border-right: 1px solid #00263B;
    padding-right: 10px;
    margin-right: 10px;
}

/* Ventes Privées */
.VPcontainer-flex {
    display: flex;
    /*height: calc(100vh - 130px);*/
    align-items: center;
    padding-top: 50px;
}

.VPflex-center {
    justify-content: center;
}

span.private-sale {
    background-color: #fda921 !important;
}

.price-private-sale.color-red &gt; span.promo {
    background-color: #fda921 !important;
}

.VPLeft {
    padding: 20px;
    width: 50%;
    text-align: center;
    height: fit-content;
}

.VPflex-center .VPLeft {
    min-width: 50%;
    max-width: 900px;
}

.VPLeft .VPlabel {
    background-image: linear-gradient( to right, #cb9b51 0, #f6e27a 25%, #f6f2c0 50%, #f6e27a 75%, #cb9b51 100% );
    display: inline-block;
    padding: 5px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
}

.VPLeft .VPText {
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.VPLeft .VPTitle {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
}

.VPLeft .VPTDRAfterTitle {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}

.VPLeft .VPBlocCountdown {
    margin-top: 50px;
    padding: 30px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    background-color: #f7f8fc;
}

    .VPLeft .VPBlocCountdown .VPTextCountdown {
        font-size: 18px;
        margin-bottom: 20px;
        color: #fff;
    }

    .VPLeft .VPBlocCountdown .VPCountdown {
        display: flex;
        justify-items: center;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

.VPLeft .VPBlocCountdown .VPCountdown .VPNumber {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}

.VPLeft .VPBlocCountdown .VPCountdown .VPNumber .big {
    font-size: 50px;
    font-weight: 700;
}

.VPLeft .VPBlocCountdown .VPCountdown .VPPoints .big {
    font-size: 40px;
    font-weight: 700;
    padding: 0 20px;
}

.VPLeft .VPTDRBefore {
    max-height: 400px;
}

.VPRight {
    width: 50%;
    height: fit-content;
    margin: 0 auto;
    text-align: center;
}

.VPRight img {
    max-height: 400px;
    max-width: 100%;
}

.VPRight .VPText {
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.VPRight .VPTitle {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
}

.VPRight .VPTDRBlocCountdown {
    color: white;
    /*        margin-top: 50px;
padding: 30px;
border-radius: 15px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
box-shadow: 0 0 5px rgba(0,0,0,.1);
background-color: #f7f8fc;*/
}

.VPRight .VPTDRBlocCountdown .VPTextCountdown {
    font-size: 18px;
    margin-bottom: 20px;
}

.VPRight .VPTDRBlocCountdown .VPCountdown {
    display: inline-flex;
    justify-items: center;
    align-items: center;
}

.VPRight .VPTDRBlocCountdown .VPCountdown .VPNumber {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}

.VPRight .VPTDRBlocCountdown .VPCountdown .VPNumber .big {
    font-size: 50px;
    font-weight: 700;
}

.VPRight .VPTDRBlocCountdown .VPCountdown .VPPoints .big {
    font-size: 40px;
    font-weight: 700;
    padding: 0 20px;
}


.marble-bloc {
    background-image: url(https://static.elloha.com/elloha/Images/VP-background.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    padding: 20px;
    min-height: 200px;
}

.VPflex-center .marble-bloc {
    padding: 40px;
    width: 100%;
}

.marble-bloc .VPText {
    font-size: 20px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
}

.marble-bloc .VPTitle {
    background-image: linear-gradient( to right, #cb9b51 0, #f6e27a 25%, #f6f2c0 50%, #f6e27a 75%, #cb9b51 100% );
    color: transparent;
    -webkit-background-clip: text;
    text-transform: uppercase;
}

.VPflex-center .marble-bloc .VPTitle {
    text-transform: none;
}

.VPListeTDR .VPRight {
    text-align: center;
}

.marble-bloc .VPBlocCountdown {
    margin-top: 0;
    background-color: transparent;
    color: #fff;
}

.VPDetail .marble-bloc {
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.VPDetail .VPRight {
    text-align: left;
}

.VPDetail .VPRight .VPTilte {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.VPDetail .VPRight .VPTilte .VPName {
    font-weight: bold;
    width: 80%;
}

.bg-gold {
    background-image: linear-gradient( to right, #cb9b51 0, #f6e27a 25%, #f6f2c0 50%, #f6e27a 75%, #cb9b51 100% );
    padding: 10px;
    margin-right: 10px;
    font-weight: bold;
    display: block;
    text-align: center;
}

.VPDetail .VPRight .VPText {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 20px;
}

.VPDetail .VPRight .VPDates {
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.spanbold {
    font-weight: 700;
}

.VPDetail .VPRight .calendar {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 100%;
    background-color: #000;
    text-align: center;
}

    .VPDetail .VPRight .calendar i {
        background-image: linear-gradient( to right, #cb9b51 0, #f6e27a 25%, #f6f2c0 50%, #f6e27a 75%, #cb9b51 100% );
        color: transparent;
        -webkit-background-clip: text;
        font-size: 30px;
        height: 50px;
        line-height: 50px;
    }

.date-text {
    width: calc(100% - 50px);
    padding-left: 10px;
}

@media (max-width: 768px) {

    .VPcontainer-flex {
        flex-direction: column;
        justify-content: center;
    }

    .VPDetail .marble-bloc {
        width: 100%;
    }

    .VPRight,
    .VPLeft {
        width: 100%;
    }

    .VPDetail .VPRight .VPTilte,
    .VPDetail .VPRight .VPText,
    .VPDetail .VPRight .VPDates {
        margin-left: 0;
    }

    .VPDetail .VPRight .VPTilte {
        margin-top: 30px;
    }
}

@media (max-width: 600px) {

    .total-panier {
        display: flex;
        justify-content: flex-end;
    }

    .VPcontainer-flex {
        padding: 15px;
        padding-top: 15px;
    }

    .VPDetail .marble-bloc {
        height: auto;
    }

    .VPLeft .VPTitle,
    .VPLeft .VPBlocCountdown,
    .VPLeft .VPBlocCountdown .VPCountdown .VPNumber .big {
        padding: 15px 10px;
    }

    .VPLeft .VPTitle, .marble-bloc .VPTitle {
        font-size: 30px;
        line-height: 30px;
    }

    .VPLeft .VPBlocCountdown .VPCountdown .VPPoints .big {
        padding: 0 10px;
        font-size: 20px;
    }

    .VPLeft .VPBlocCountdown .VPCountdown .VPNumber {
        font-size: 10px;
    }

    .VPLeft .VPBlocCountdown {
        margin-top: 0;
    }

    .VPLeft .VPText {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}

.openTicket-global-indicator {
    display: flex;
    padding: 5px 5px 5px 0;
    align-items: center;
    width: 100%;
}

.openTicket-indicator {
    background-color: #869f77;
    font-weight: 400;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
}

    .openTicket-indicator.openTicket-indicator-detail {
        padding-bottom: 6px;
        font-size: 14px;
    }

    .openTicket-indicator.openTicket-indicator-InHeader {
        font-size: 10px!important;
        font-weight: 400;
        display: flex;
        align-items: center;
    }

.openTicket-indicator-icon {
    vertical-align: sub;
    font-size: 24px;
}

.openTicket-indicator-text {
    padding-left: 5px;
    font-weight: 600;
    font-size: 14px;
}

.openTicket-indicator-text-InHeader {
    padding-left: 5px;
    font-weight: 600;
    font-size: 14px;
}

.openTicket-choiceDate {
    font-size: 20px;
    vertical-align: middle;
}
/* input date au format boutton permettant de choisir une date sur un calendrier (Utilisé dans les billets Open */
.isButton {
    font-weight: 500 !important;
    color: white;
}

.button-date {
    width: 145px;
}

.input-date.isButton::placeholder {
    color: white;
    font-weight: 500 !important;
}

div.div-no-place {
    height: auto;
    color: #00263b;
    background: #fff;
    text-align: center;
    font-family: "Montserrat";
    font-weight: normal;
}

    div.div-no-place &gt; p {
        width: 450px;
        margin: 0 auto 50px;
        font-size: 24px;
    }

    div.div-no-place.div-no-hours &gt; p {
        width: 530px;
        font-size: 18px;
    }

    div.div-no-place &gt; div.div-or-container {
        border-top: 1px solid #ced6de;
        margin: auto;
        position: relative;
    }

        div.div-no-place &gt; div.div-or-container &gt; div.div-or {
            border-radius: 50%;
            font-size: 20px;
            position: absolute;
            top: -25px;
            left: 50%;
            margin-left: -25px;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #EBECF2;
            text-transform: uppercase;
        }

    div.div-no-place &gt; button.btn {
        margin-top: 60px;
    }

    div.div-no-place.div-no-date.p-top-60 {
        padding: 70px 0;
    }

    div.div-no-place.div-no-date &gt; p {
        margin-bottom: 25px;
    }

    div.div-no-place.div-no-date &gt; div.div-chb-publish-fb {
        color: #5e6a77;
    }

    div.div-no-place.div-no-date &gt; div.div-or-container {
        margin-top: 50px;
    }

    div.div-no-place.div-no-date &gt; div.div-chb-publish-fb &gt; input[type=checkbox] {
        display: inline-block;
        margin: 0 10px 2px 0;
    }

    div.div-no-place.div-no-date &gt; div.div-chb-publish-fb &gt; input[type=checkbox],
    div.div-no-place.div-no-date &gt; div.div-chb-publish-fb &gt; i {
        font-size: 20px;
        vertical-align: middle;
    }

h4#SearchModalLabel, #SearchModal label.hidden-xxs {
    font-weight: 600;
}

#SearchModal .modal-header {
    box-shadow: 0.5px 0.5px 5px rgba(9,9,9,0.2);
}
.vertical-center &gt; .bloc-pax &gt; div#modale-pax {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.wrap-btn.modale-pax-line &gt; .input-quantity {
    display: flex;
    flex-direction: row;
    width: 150px;
    height: 50px;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--Borders,#cccedd);
    background-color: #fff;
}
.bold {
    font-weight: bold;
}
.input-quantity &gt; input.adult-quantity,
.input-quantity &gt; input.child-quantity,
.input-quantity &gt; input.room-quantity{
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 20px !important;
    font-size: 16px;
    pointer-events: none;
    border: 0;
}
button.adult-quantity-minus &gt; img,
button.child-quantity-minus &gt; img,
button.room-quantity-minus &gt; img,
button.adult-quantity-plus &gt; img,
button.child-quantity-plus &gt; img,
button.room-quantity-plus &gt; img {
    vertical-align: middle;
    height: 24px;
    width: 24px;
    max-width: none;
}
.vertical-center &gt; .bloc-pax &gt; div#modale-pax &gt; .wrap-btn.modale-pax-line {
    padding: 10px;
}
button.adult-quantity-minus.p-e-all.btn,
button.adult-quantity-plus.p-e-all.btn,
button.child-quantity-minus.p-e-all.btn,
button.child-quantity-plus.p-e-all.btn,
button.room-quantity-plus.p-e-all.btn,
button.room-quantity-minus.p-e-all.btn{
    background: transparent;
}
    button.adult-quantity-minus.p-e-all.btn.disable,
    button.room-quantity-minus.disable.p-e-all.btn,
    button.child-quantity-minus.p-e-all.btn.disable {
        opacity: .3;
        pointer-events: none;
    }
.block1 {
    display: flex;
}
div#TabsContents {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
@media (max-width: 480px) {
    .main-menu-bg.main-menu-kiosk {
        padding-left: 0 !important;
    }
    .bloc-right-paymentform {
        height: 100vh !important;
    }
    .bloc-right.v-align-middle.pull-right {
        display: flex;
        flex-direction: row;
        width: auto;
        display: block !important;
    }
    .upsell-modal-dialog {
        width: auto !important;
    }
    .btn-back-line, .btn-back-line:hover {
        position: relative !important;
        display: block !important;
    }
    .body-booking {
        width: 93vw;
    }
    .div-cart {
        width: 100%;
    }
    .bottom-0.bottom-ribbon {
        bottom: 0px !important;
    }
    .margin-VW {
        margin-top: 10px !important;
        flex-wrap: wrap !important;
    }
}


.new-main-resume-ellohapp {
    position: inherit !important;
}

.main-menu-content-ellohapp {
    display: flex;
    flex-direction: row-reverse;
}

.continue-to-payment-ellohapp {
    position: absolute !important;
    bottom: 0 !important;
}

/* Sp�cificit�s de la page contenant la carte
------------------------------------*/

.map-layout-container .div-options-tab-mob {
    position: static;
}

.map-layout-container .option-tab {
    width: 50%;
}


/* Gestion des encarts g�ographiques
------------------------------------*/

.div-img-product,
.div-map-img,
.div-map-img img {
    height: 140px;
    width: auto;
}

.div-img-product {
    margin-right: 15px;
    position: relative;
}

    .div-img-product span,
    .div-img-product span:hover {
        width: 40px;
        height: 40px;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        padding: 5px 10px;
        position: absolute;
        right: 0;
        text-shadow: 0 0 5px #000000;
        text-shadow: 0 0 5px rgba(0, 0, 0, .75);
    }

.col-img-nophoto {
    height: 260px;
}

.link-thumbnail i.fa-map-marker-alt, .close-img-map i.fa-times {
    position: absolute;
    bottom: 3px;
    right: 4px;
}

.close-img-map, .close-img-map:hover {
    background-image: url("../Content/BlueScare.png");
}

.link-thumbnail, .link-thumbnail:hover {
    background-image: url("../Content/BlackScare.png");
}

.div-map-img {
    overflow: hidden;
}

.div-mini-map {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 70px;
    overflow: hidden;
}

    .div-mini-map img {
        height: 70px;
    }

.panel-footer-map {
    bottom: -1px;
    position: absolute;
    z-index: 1;
}

.div-product-distance {
    font-size: 14px;
    color: #868ba0;
    margin-left:5px;
    display:inline;
}


/* Google Maps
--------------*/

.gm-style-iw &gt; div, .gm-style-iw &gt; div &gt; div {
    overflow: visible !important;
}


/* Cartographie Liste
--------------------- */

.div-global-list-map {
    border: 1px solid #ccd4d8;
    margin-top: 20px;
}

.row-list-map {
    padding: 20px 0 0 20px;
}

.col-map-filters {
    width: 20%;
}

.col-map {
    width: 80%;
}

.map-filters-w {
    overflow: hidden;
    padding: 10px 0;
}

.map-filters {
    padding: 10px 10px 0 0;
}

.map-container {
    width: 100%;
}
.gm-style .gm-style-iw-c {
    border-radius: 0;
    padding: 0;
    height: 300px;
    width: 315px;
}
.infowindow-w.clearfix.c-pointer {
    max-width: 450px;
}
.infowindow-img-w {
    height: 200px;
    width: 100%;
    overflow:hidden;
    background:#fff;
}
.infowindow-img-w img {
    height:auto;
    width:100%;
}
.infowindow-text-w {
    width: 100%;
    height: 116px;
    background:#fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.infowindow-text-title .text-cut span.promo {
    margin-left: 10px;
}
.infowindow-text-w .infowindow-text-title {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}
.infowindow-text-w .infowindow-text-title h2 {
    font-size: 18px;
    line-height: 1.3em;
}
.infowindow-text-w .infowindow-text-title h2 sup {
    top: -.15em;
    font-size: 60%;
}
.infowindow-text-w .btn-warning {
    height: 100%;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.infowindow-text-w .btn-warning .price {
    font-weight: bold;
    color: #fff !important;
    font-size: 18px;
}
    .infowindow-text-w .btn-warning small {
        color: #fff;
    }
.gm-ui-hover-effect {
    background-color: #fff !important;
    opacity: 1;
    top: 0 !important;
    right: 0 !important;
}
@media (max-width: 480px) {
    .gm-style .gm-style-iw-c {
        height:170px;
        overflow:hidden;
    }
    .infowindow-img-w {
        display: none;
    }
    .infowindow-text-w .infowindow-text-title {
        height: auto;
        width: 100%;
        margin-top: 81px;
    }
    .infowindow-text-w .btn-warning {
        width: 100%;
        height: 81px;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/** CSS ListWithMap.cshtml **/

.row-list-map {
    padding: 0;
}

.row-list-map-flex #div-map {
    display: none !important;
}

.row-list-map .results-wrapper .product h2 {
    width: 100%;
}

.row-list-map .results-wrapper .product .product-info {
    width: 70% !important;
    display: inline-block;
    padding: 10px;
    height: 140px;
}
.row-list-map .results-wrapper .product .product-info .color-gray {
    top: 0;
}
.row-list-map .results-wrapper .product .blue-bg-link-bottom {
    width: 70% !important;
    display: inline-block;
    right: 0;
    border-radius: 0 0 15px 0;
}

@media (max-width: 767px) {
    .row-info-flex,
    .row-info-cross-selling {
        padding: 20px 0 0 0;
    }
    .row-list-map {
        padding: 20px 0 0 0px;
    }
        .row-list-map .results-wrapper {
            padding: 0 !important;
        }
            .row-list-map .results-wrapper .m-right-10 {
                margin-right: 0 !important;
            }
            .row-list-map .results-wrapper .product h2 {
                font-size: 18px !important;
            }
}
    /* Croisi�res
--------------------- */
    #CruiseLoaderDetail {
        background: #fff url(mini-loader.gif) center center no-repeat;
        height: 100px;
    }

.cruise-panel {
    background: #fff;
    -webkit-box-shadow: -4px 0 10px -5px #00263b;
    -moz-box-shadow: -4px 0 10px -5px #00263b;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-4, OffY=0, Color='#00263b', Positive='true');
    zoom: 1;
    box-shadow: -4px 0 10px -5px #00263b;
}

    /* pour IE9 et + ce hack ci-dessous peut �tre fait avec les commentaires conditionnels d'IE :
    [if gte IE 9]*/
    @media only screen{
        .cruise-panel {
            -moz-filter: none;
            -webkit-filter: none;
            filter: none;
        }
    } /* IE9+ */

    .cruise-panel article {
        padding-bottom: 15px;
    }

    .cruise-panel header {
        color: #FFF;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .cruise-panel header &gt; div {
            background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
            padding-left: 7px;
            padding-top: 20px;
            min-height: 70px;
        }

    .cruise-panel .fa {
        float: left;
        font-size: 25px;
        margin-right: 7px;
    }

    .cruise-panel h1, .cruise-panel h2 {
        font-size: 20px;
        text-transform: capitalize;
        font-weight: 700;
    }

        .cruise-panel h1 {
            padding-bottom: 10px;
        }

        .cruise-panel h2 {
            display: inline-block;
            color: #000;
            max-width: 80%;
        }

        .cruise-panel h2 + span {
            font-size: 1.1em;
            padding-left: 5px;
            text-transform: lowercase;
        }

    .cruise-panel aside {
        text-transform: uppercase;
        font-size: 0.7em;
    }

    .cruise-panel section {
        padding-top: 20px;
        padding-left: 7px;
        border-bottom: 1px solid #ededed;
    }

        .cruise-panel section:last-child {
            border-bottom: none;
        }

        .cruise-panel section aside {
            color: #7d7d7d;
        }

    .cruise-panel .no-result {
        padding: 15px;
        font-size: 14px;
        font-weight: 700;
        color: #eb1818;
        text-align: center; 
    }

.list-group-cruise {
    border-bottom: 1px solid #ededed;
}

    .list-group-cruise:last-child {
        border: none;
        padding-bottom: 5px;
    }

    .list-group-cruise a {
        display: table;
        width: 100%;
        padding: 3px 15px 7px 10px;
        color: #0b81c9;
        font-weight: 700;
    }

        .list-group-cruise a:hover {
            text-decoration: none;
            background: #eeeeee;
        }

        .list-group-cruise a &gt; span {
            display: table-cell;
            vertical-align: middle;
        }

            .list-group-cruise a &gt; span:first-child {
                width: 70%;
                padding: 0;
            }

            .list-group-cruise a &gt; span span {
                color: #7d7d7d;
                font-size: 0.7em;
                font-weight: normal;
            }

            .list-group-cruise a &gt; span .price-from {
                display: inline-block;
                margin-top: -5px;
                color: #000;
                font-weight: bold;
                font-size: 1.3em;
                white-space: nowrap;
            }


/* Loader sp�cifique aux croisi�res
--------------------- */

#CruiseLoader {
    display: none;
    position: absolute;
    z-index: 1100;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .80);
}

    #CruiseLoader &gt; div {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #CruiseLoader .sea {
            margin: 40px auto 0 auto;
            overflow: hidden;
        }
    
    #CruiseLoader .circle-wrapper {
	    position: relative;
	    width:150px;
	    height:150px;
	    margin: 10px auto 0 auto;
	    overflow: hidden;
	    z-index: 0;
	    border-radius:50%;
	    padding: 0 50px 0 50px;
	    border:white 4px solid;
	    background: #74e3ec; /* Old Browsers */
	    background: -webkit-linear-gradient(top,#74e3ec,#c7ffe2); /*Safari 5.1-6*/
	    background: -o-linear-gradient(top,#74e3ec,#c7ffe2); /*Opera 11.1-12*/
	    background: -moz-linear-gradient(top,#74e3ec,#c7ffe2); /*Fx 3.6-15*/
	    background: linear-gradient(to bottom, #74e3ec, #c7ffe2); /*Standard*/
    }
   
    #CruiseLoader #sun {
	    position: absolute;
	    border-radius: 100px;
	    left:100px;
	    height: 50px;
	    width: 50px;        
	    margin: 0 auto 0 auto;
	    background: #f1e767; /* Old browsers */
	    background: -moz-linear-gradient(-45deg, #f1e767 0, #feb645 100%); /* FF3.6-15 */
	    background: -webkit-linear-gradient(-45deg, #f1e767 0, #feb645 100%); /* Chrome10-25,Safari5.1-6 */
	    background: linear-gradient(135deg, #f1e767 0, #feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
   
    #CruiseLoader .submarine-wrapper {
        height: 150px;
	    width: 150px;        
	    margin: 0 auto 0 auto;
        -webkit-animation: diving 2s ease-in-out infinite, diving-rotate 2s ease-in-out infinite;
        animation: diving 2s ease-in-out infinite, diving-rotate 2s ease-in-out infinite;
    }

    #CruiseLoader .submarine-body {  
	    position: absolute;
	    margin-top: 42px;
	    left: -35px;   
	    z-index: 40;
    }

    @keyframes diving {
	    0% {margin-top:8px;}
        50% {margin-top:12px;}    
        100% {margin-top:8px;}
    }

    @keyframes diving-rotate {
	    0% {
	        -webkit-transform:rotate(0);
	        transform:rotate(0);
	    }
        50% {
            -webkit-transform:rotate(3deg);
            transform:rotate(3deg);
        }
        75% {
            -webkit-transform:rotate(-2deg);
            transform:rotate(-2deg);
        }
        100% {
            -webkit-transform:rotate(0);
            transform:rotate(0);
        }
    }

    #CruiseLoader #wave {
        height: 22em;
        width: 22em;
        position: absolute;
        border-radius: 10em;
        bottom: -19em;
        left: -5em;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-animation: wave 10s linear infinite;
        animation: wave 10s linear infinite;
    }

    #CruiseLoader .wavecolor {
	    background: #006aed; /* Old browsers */
	    background: -moz-linear-gradient(-45deg, #006aed 0, #2cafe3 100%); /* FF3.6-15 */
	    background: -webkit-linear-gradient(-45deg, #006aed 0, #2cafe3 100%); /* Chrome10-25,Safari5.1-6 */
	    background: linear-gradient(135deg, #006aed 0, #2cafe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aed', endColorstr='#2cafe3', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    #CruiseLoader .wavecolor2{
	    background: #87c8fd; /* Old browsers */
	    background: -moz-linear-gradient(-45deg, #87c8fd 0, #53adf1 40%, #057ee1 100%); /* FF3.6-15 */
	    background: -webkit-linear-gradient(-45deg, #87c8fd 0, #53adf1 40%, #057ee1 100%); /* Chrome10-25,Safari5.1-6 */
	    background: linear-gradient(135deg, #87c8fd 0, #53adf1 40%, #057ee1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c8fd', endColorstr='#057ee1', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    #CruiseLoader #wave2 {
        height: 22em;
	    width: 22em;
	    position: absolute;
	    border-radius: 10em;
	    bottom: -19em;
	    left: -12em;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-animation: wave 12s linear infinite;
        animation: wave 12s linear infinite;
    }

    #CruiseLoader #wave3 {
        height: 22em;
	    width: 22em;
	    position: absolute;
	    border-radius: 10em;
	    bottom: -19em;
	    left: 0;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-animation: wave 10s linear infinite;
        animation: wave 10s linear infinite;
	    z-index:2;
    }

    #CruiseLoader #wave4 {
        height: 22em;
	    width: 22em;
	    position: absolute;
	    border-radius: 10em;
	    bottom: -20em;
	    left: -5em;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -webkit-animation: wave 16s linear infinite;
        animation: wave 16s linear infinite;
	    z-index:6;
    }

    @keyframes wave {
      0% {
          -webkit-transform: rotate(0);
          transform: rotate(0);
      }
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
    }

    #CruiseLoader p {
        color: white;
        text-align: center;
        font-size: 25px;
        margin-top: 15px;
    }


/* Media Queries
---------------- */

/* ~ sm */
@media (max-width: 991px) {
    .col-map {
        width: 100%;
    }
}

/* md ~ lg */
@media (min-width: 992px) and (max-width: 1199px) {
    .col-map-filters {
        width: 27%;
    }

    .col-map {
        width: 73%;
    }
}

/* custom */
@media (max-width: 650px) {
    .map-layout-container .main-menu {
        padding-top: 5px;
    }

        .map-layout-container .main-menu &gt; div, .map-layout-container .main-resume .search-resume-info {
            display: none;
        }

    .map-layout-container .main-resume .btn-warning {
        border-top: none;
    }
}


/* Force class xxs
-------------------*/

.force-xxs .map-filters-w {
    padding: 0;
}

.force-xxs .map-filters {
    padding: 10px 10px 0 0;
    margin-right: 20px;
}

.modal-body .force-xxs .map-filters {
    padding-bottom: 15px;
}

    .modal-body .force-xxs .map-filters &gt; .product.product-selected {
        background-color: #edf1f2;
    }
.container-CDE {
    top: -45px;
    position: relative;
}
.bg-cde {
    background-color: #DA1274;
}
    .bg-cde &gt; img {
        width: 175px;
        padding: 10px !important;
    }
/* Edition des classes Bootstrap existantes
-------------------------------------------*/
a {
    color: rgba(77,124,254,1);
}
    a:hover, a:focus {
        color: #1868cf;
        text-decoration: none;
    }
.badge {
    font-size: 11px;
    font-style: normal;
    padding: 4px 6px;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 10;
    font-family: "Open Sans";
}
.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 1.2em;
    height: 45px;
    padding: 6px 8px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    border-radius:0;
}
.form-control[disabled] {
    background-color: initial;
    color: #646464;
}
.btn {
    font-weight: bold;
    white-space: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
    text-shadow: none;
    font-size: 1.1em;
}
.btn[disabled] {
    cursor: not-allowed;
}
.btn.bg-primary,
.btn.bg-primary:hover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff;
}
.btn-default,
.btn-default:active,
.btn-default:focus {
    background: #fff;
    border-color: #fff;
}
.btn-default:hover {
    background-color: #00263b;
    border-color: #00263b;
    color: #fff;
}
a.bg-primary:hover {
    color:#fff;
}
.btn-success {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0;
}
.btn-success:hover {
    background: #008055;
    border-color: #008055;
}
.btn-success:active,
.btn-success.active {
    background-color: #008055;
    border-color: #008055;
}
.form-group .btn-success {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 45px;
    text-transform: uppercase;
}
.form-group-no-capitalization .btn-success {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 45px;
    text-transform: none;
}
.btn-warning {
    background: rgba(77,124,254,1);
    border: none;
    color: #fff;
    border-radius: 0;
    padding: 7px 12px;
}
.btn-warning:active,
.btn-warning:hover,
.btn-warning:focus {
    background: #1868cf;
}
.warning-panel .btn-warning {
    background: #fad859;
    border-color: #caa535;
    color: #26373a;
}
.warning-panel .btn-warning:active,
.warning-panel .btn-warning:hover,
.warning-panel .btn-warning:focus {
   border-color: #26373a;
}
.btn-danger,
.btn-danger:hover {
    background: #ec1817 !important;
}
.btn-info {
    background: rgba(77,124,254,1) !important;
    border-radius: 0;
    border: 1px solid rgba(77,124,254,1);
}
.btn-info:hover {
    background: #1868cf !important;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
    outline: 0;
    outline-offset: 0;
}
.bg-primary {
    background-color: #00263b !important;
}
.bg-info {
    background-color: #d3dbde;
}
.bg-success {
    background-color: #00a46d;
}
.navbar-nav {
    margin: 0;
}
.navbar-nav.navbar-right:last-child {
    margin-right: -13px;
}
.nav.nav-tabs {
    border: 0;
}
.nav.nav-tabs li {
    margin-bottom: 0;
}
.nav.nav-tabs li:not(:first-child) {
    margin-left: -2px;
}
    .nav.nav-tabs li a:not(.cart-link) {
        background-color: #fff;
        color: #00263b;
        cursor: pointer;
        font-weight: normal;
        margin-right: 3px;
        padding: 10px;
    }
.nav.nav-tabs li a:hover {
    background-color: #00263b;
    border-color: #00263b;
    color: #fff;
    cursor: pointer;
}
.nav.nav-tabs li.active a {
    background-color: #00263b;
    border: 1px solid #00263b;
    color: #fff;
}
ul.nav.navbar-nav li a,
ul.nav.navbar-nav li:hover a {
    background-image: none;
    color: rgba(77,124,254,1);
    text-transform: uppercase;
}
ul.nav.navbar-nav li.active a,
ul.nav.navbar-nav li.active a:focus,
ul.nav.navbar-nav li.active:hover a {
    background: #00263b;
    color: #fff;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.form-control,
.input-group button,
.input-group:not(.input-date) span:not(.tt-dropdown-menu):not(.tt-suggestions) {
    height: 44px;
}
.input-group-addon,
.input-group-btn:not([class*=nb-room]) {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    outline: none;
    font-weight: 700;
    font-size: 1.2em;
    font-family: "Open Sans";
}
.input-group-addon.no-radius {
    border-radius: 0;
}
.input-group-btn {
    font-size: inherit;
}
.input-group-btn button:not([class*=bg-primary]) {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #00263b;
    height: 43px;
    outline: none;
}
.input-group .input-group-btn-left {
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
}
    .input-group .input-group-btn-left + input {
        border-width: 1px 0 1px 0;
        border-color: #ededed;
    }
.form-group label {
    font-size: 16px;
}
.input-group input {
    border-right: 0;
}
.navbar-collapse {
    padding-left: 0;
}
.navbar-collapse .nav.navbar-nav.input-group {
    font-weight: bold;
}
    .navbar-collapse .nav.navbar-nav.input-group span button {
        font-size: 25px;
        width: 45px;
    }
.navbar-collapse .nav.navbar-nav.input-group span,
.navbar-collapse .nav.navbar-nav.input-group span:focus,
.navbar-collapse .nav.navbar-nav.input-group input,
.navbar-collapse .nav.navbar-nav.input-group input:focus,
.navbar-collapse .nav.navbar-nav.input-group span button {
    background: none;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.modal-backdrop {
    z-index: 1038;
    display: none;
}
/* Autocomplete
--------------- */
.twitter-typeahead span {
    height: auto;
}
.panel-default {
    margin-bottom: 0;
}
.tt-dropdown-menu {
    margin-top: 0;
    width: 100%; 
}
.tt-suggestion {
  cursor: pointer;
  font-size: 1.2em;
}
@media (max-width: 400px) {
    .tt-suggestions {
        max-height: 125px;
        overflow-y: auto;
    }
}
@media (min-width: 401px) and (max-width: 768px) {
    .tt-suggestions {
        max-height: 185px;
        overflow-y: auto;
    }
}
/* Gestion des modales
---------------------- */
.modal-content {
    border-radius: 0;
}
.modal-header {
    border-bottom: 1px solid #ccc;
}
.modal-header h4 {
    margin: 0;
}
.modal-title {
    padding: 15px 10px;
    position: fixed;
    top: 0;
    width: 100%;
}
#MapDialog {
    padding: 0 !important;
}
#MapDialog .modal-dialog {
    height: 100%;
    margin: 0;
    width: 100%;
}
#MapDialog .modal-header {
    border: 0;
}
#MapDialog .modal-title {
    padding: 0;
    position: static;
}
#MapDialog .modal-content {
    border: 0; 
    -moz-border-radius: 0; 
    -webkit-border-radius: 0;
    border-radius: 0; 
    height: 100%;
}
/* Grid 
------- */
.visible-xxs,
.visible-xxs-block,
.visible-xxs-inline-block {
    display: none !important;
}
/* Datetime Picker
-------------------------------------------*/
.datetimepicker {
    width: 50%;
    min-width: 250px;
    max-width: 409px;
    z-index: 99!important;
}
    .datetimepicker.datetimepicker-dropdown-bottom-left {
        transform: translate(-242px, 0);
        -webkit-transform: translate(-242px, 0);
        -moz-transform: translate(-242px, 0);
    }
.datetimepicker table {
    width: 100%;
}
.datetimepicker-days table .day {
    color: black;
}
.datetimepicker-days table .day.old,
.datetimepicker-days table .day.new {
    opacity:.3;
    color: black;
}
.datetimepicker-days table .day.is-available,
.datetimepicker-days table .day.no-arrival,
.datetimepicker-days table .day.is-not-available {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: white;
    border: thin !important;
    border: solid !important;
    border-width: thin !important;
    border-color: white !important;
}
.datetimepicker-days table .day.is-available {
    background-color: #00A56D;
}
.datetimepicker-days table .day.no-arrival {
    background-color: #ff9c00;
    /*pointer-events: none;*/
}
.datetimepicker-days table .day.is-not-available {
    background-color: rgba(242,41,24,1);
    /*pointer-events: none;*/
}
.datetimepicker-days table .day.disabled{
    pointer-events: none;
}
.datetimepicker-days table .day.active{
    color: #FFF;
    font-weight: bold;
    background-color: #00263B !important;
}
.datetimepicker table tr td.day:hover {
	color: #FFF;
}
    
/* Media queries
----------------*/
/* ~ xs */
@media (max-width: 767px) {
    .xs-no-margin {
        margin: 0;
    }
    .panel-body {
        padding: 5px;
    }
    .tt-suggestion {
      font-size: 1.1em;
    }
    .xs-no-pull {
        float: none !important; /* important car les classes pull-* dans Bootstrap sont aussi en important */
    }
    .datetimepicker td, .datetimepicker th {
        padding: 2px 5px !important;
    }
}
/* xxs */
@media (max-width: 600px) {
    nav.navbar.navbar-default {
        padding-left: 0;
    }
    ul.nav.navbar-nav {
        margin-right: 0;
        margin-left: 0;
    }
    ul.nav.navbar-nav li.active a {
        padding: 10px 6px;
    }
    .tt-suggestion {
      font-size: 1em;
    }
    .modal-open .modal {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .modal-dialog {
        margin: 0;
    }
    .modal-content {
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-10 {
         width: 83.33333333%;
    }
    .col-xxs-8 {
        width: 75%;
    }
    .col-xxs-7 {
        width: 58.33333333%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-5 {
        width: 41.66666667%;
    }
    .col-xxs-4 {
        width: 33.33333333%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .hidden-xxs {
        display: none !important;
    }
    .visible-xxs {
        display: inline !important;
    }
    .visible-xxs-block {
        display: block !important;
    }
    .visible-xxs-inline-block {
        display: inline-block !important;
    }
}
/* xxxs */
@media (max-width: 400px) {
    .hidden-xxxs {
        display: none !important;
    }
    .visible-xxxs {
        display: inline !important;
    }
    .col-xxxs-12 {
        width: 100%;
    }
    .col-xxxs-8 {
        width: 75%;
    }
    .col-xxxs-7 {
        width: 58.33333333%;
    }
    .col-xxxs-6 {
        width: 50%;
    }
    .col-xxxs-5 {
        width: 41.66666667%;
    }
    .col-xxxs-4 {
        width: 33.33333333%;
    }
    .col-xxxs-3 {
        width: 25%;
    }
}
.bx-slider {
    background: #fff;
    height: 450px;
    list-style: none;
    overflow: hidden;
}
.bx-slider li {
    height: 450px;
}
.bx-slider img {
    visibility: hidden;
    position: relative;
}
.bx-wrapper {
    margin: 0;
}
.bx-wrapper .center-image-loader {
    margin: 0 auto;
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-caption {
    background: rgba(0, 0, 0, .6);
    font-weight: 300;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-size: 16px;
    font-family:"Montserrat";
}
.bx-wrapper .bx-viewport {
    border: 0;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    height: 450px !important;
	left: auto;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-controls-direction a {
    background: #fff;
    color: #00263b;
    font-size: 16px;
    text-align:center;
    height: 50px;
    width:50px;
    line-height:55px;
    border-radius:25px;
    padding: 0;
    text-decoration: none;
	text-indent: 0;
	z-index: 1;
}
    .bx-wrapper .bx-controls-direction a.bx-prev {
        margin-left:15px;
    }
    .bx-wrapper .bx-controls-direction a.bx-next {
        margin-right: 15px;
    }
.bx-wrapper .bx-controls-direction a:hover {
    background: #00263b;
    color: #fff;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper .bx-pager {
    bottom: auto;
    padding: 0;
    top: 15px;
    display: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    -moz-box-shadow: 1px 1px 2px #cfd6dd;
    -webkit-box-shadow: 1px 1px 2px #cfd6dd;
    box-shadow: 1px 1px 2px #cfd6dd;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f1c232;
}
.bx-wrapper .bx-prev {
	left: 0;
    padding-right: 21px;
    padding-left: 19px;
}
.bx-wrapper .bx-next {
    padding-right: 19px;
    padding-left: 21px;
	right: 0;
}

/* ~ xs */
@media (max-width: 767px) {
    .bx-wrapper .bx-viewport {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }
}

/* ~ sm */
@media (max-width: 991px) {
    .bx-slider {
        height: 440px;
    }
        .bx-slider li {
            height: 440px;
        }
}

/* xs */
@media (max-width: 767px) {
    .bx-wrapper .bx-viewport { 
        margin-bottom: 25px;
    }

    .desc-rate-new.m-bottom-10 {
        width: 100%;
    }
}

/* xxs */
@media (max-width: 600px) {
    .bx-slider {
        height: 240px;
        margin-bottom: 0;
    }
        .bx-slider li {
            height: 240px;
        }
    .bx-wrapper .bx-viewport {
        height: 210px !important; 
        margin-bottom: 0;
    }
    .bx-wrapper .bx-caption {
        display: none;
    }

    .bx-wrapper .bx-controls-direction a {
        height: 44px;
        width: 44px;
        line-height: 44px;
        border-radius: 22px;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .bx-wrapper .bx-viewport {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }
}
/* Modale de la liste des coupons, commune au BE classique, au Kiosk et aux Widgets
----------------------------------------------------------------------------------*/

.co-widget-list-coupon-global {
    margin: auto;
    font-family: "Open Sans";
}

.co-widget-list-coupon-global p {
    margin: 0;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc {
    background-color: #fff;
    position: relative;
    padding: 0 60px 20px 60px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-desc-oi {
    text-align: center;
    color: #000000;
    margin-bottom: 25px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-desc-oi &gt; p.co-widget-oi-type {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-desc-oi &gt; p.co-widget-oi-name {
    font-weight: bold;
    font-size: 22px;
    position: relative;
    top: -2px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-desc-oi &gt; p.co-widget-oi-coord {
    font-size: 14px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list {
    padding: 0;
    width: 100%;
    border: 1px solid #ededed;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item {
    display: table;
    width: 100%;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div {
    padding: 15px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-left {
    display: table-cell;
    vertical-align: middle;
    background-color: #00a46d;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    font-family: sans-serif;
    width: 30%;
    text-align: right;
    padding: 0 15px 0 0;
    white-space: nowrap;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-left &gt; input.co-widget-coupon-rb {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-right {
    display: table-cell;
    vertical-align: middle;
    color: #000000;
    font-size: 12px;
    text-align: left;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-right &gt; p:first-child {
    font-weight: bold;
    font-size: 16px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-right &gt; p:last-of-type {
    margin-top: 5px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-right &gt; a {
    color: #0072ff;
    cursor: pointer;
    margin-bottom: 5px;
    display: inline-block;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item + div.co-widget-coupon-item &gt; div.co-widget-coupon-item-right {
    border-top: 1px solid #ededed;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item + div.co-widget-coupon-item &gt; div.co-widget-coupon-item-left {
    border-top: 1px solid #fff;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-form {
    margin: 30px 0;
    /*overflow: hidden;*/
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-form &gt; label {
    margin-left: 25%;
    font-size: 11px;
    font-weight: normal;
    color: #848484;
    font-style: italic;
    width: 100%;
    text-align: left;
    float: left;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-form &gt; div.co-widget-coupon-form-item {
    display: table;
    width: 100%;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-form &gt; div.co-widget-coupon-form-item:not(:first-child) {
    margin-top: 10px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-form &gt; div.co-widget-coupon-form-item &gt; label {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #383838;
    width: 25%;
    text-transform: capitalize;
    text-align: left;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-form &gt; div.co-widget-coupon-form-item input {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    height: 45px;
    border: 1px solid #ededed;
    width: 100%;
    padding-left: 5px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-form &gt; div.co-widget-coupon-form-item input.tel-number {
    padding-left: 44px;
}

.co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-form &gt; div.co-widget-coupon-form-item &gt; div.intl-tel-input{
    width: 100%;
}

.co-widget-list-coupon-global .co-widget-list-coupon-action {
    width: 100%;
    background-color: #00263b;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    padding: 25px 0;
    cursor: pointer;
}

.co-widget-list-coupon-global .co-widget-list-coupon-action &gt; i.co-widget-arrow-right {
    font-size: 18px !important;
    margin-left: 5px;
    top: -1px;
    position: relative;
}

.co-widget-list-coupon-global .co-widget-list-coupon-action &gt; i.co-widget-envelope {
    font-size: 22px !important;
    margin-right: 5px;
    top: -1px;
    position: relative;
}

.co-widget-icon.co-widget-envelope:before {
    content: "\f0e0";
}

.co-widget-icon.co-widget-arrow-right:before {
    content: "\f061";
}


/* Media Queries
---------------- */

@media (max-width: 600px) {
    .co-widget-list-coupon-global .co-widget-list-coupon-desc {
        padding: 10px;
    }
}

@media (max-width: 500px) {
    .co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-left {
        width: 35%;
    }

    .co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div {
        padding: 10px;
    }
}

@media (max-width: 400px) {
    .co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-left {
        font-size: 20px;
        padding: 0 5px 0 0;
    }

        .co-widget-list-coupon-global .co-widget-list-coupon-desc &gt; div.co-widget-coupon-list &gt; div.co-widget-coupon-item &gt; div.co-widget-coupon-item-left &gt; input.co-widget-coupon-rb {
            margin-left: 10px;
            margin-top: 10px;
        }

    .co-widget-list-coupon-global .co-widget-list-coupon-action {
        font-size: 20px;
    }
}

</pre></body></html>