.icon {
    line-height: 0
}

.icon,
.icon>svg {
    display: inline-block
}

.icon>svg {
    height: 48px;
    height: 3rem;
    width: 48px;
    width: 3rem
}

.icon-hidden {
    display: none
}

.icon:hover .icon-tooltip {
    display: block
}

.icon-tooltip {
    display: none;
    background: #f75b6c;
    border: .4rem solid #f75b6c;
    border-radius: .4rem;
    -webkit-box-shadow: rgba(0, 0, 0, .1) .1rem .1rem .2rem 0;
    box-shadow: .1rem .1rem .2rem 0 rgba(0, 0, 0, .1);
    padding: 1.5rem 1.5rem 0;
    position: relative;
    top: 16px;
    top: 1rem;
    right: 40%;
    text-align: center;
    text-shadow: rgba(0, 0, 0, .1) 1.6px 1.6px 1.6px;
    text-shadow: rgba(0, 0, 0, .1) .1rem .1rem .1rem;
    z-index: 2000
}

.icon-tooltip div {
    color: #fff;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    margin: 0 0 1.5rem;
    text-align: left
}

.icon-tooltip:before {
    content: "";
    border: 1rem solid transparent;
    border-bottom-color: #f75b6c;
    top: -36.8px;
    top: -2.3rem;
    left: 43%;
    position: absolute;
    width: 0;
    height: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html.translated-ltr .goog-te-banner-frame.skiptranslate {
    display: none !important
}

html.translated-ltr body {
    top: 0 !important
}

::selection {
    background: rgba(255, 207, 212, .6);
    color: inherit;
    text-shadow: inherit
}

::-moz-selection {
    background: rgba(255, 207, 212, .6);
    color: inherit;
    text-shadow: inherit
}

img::selection {
    background: transparent
}

img::-moz-selection {
    background: transparent
}

body {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff
}

body,
html {
    height: 100%
}

body.is-lock-scroll,
body.lock-scroll,
body.lock-scroll-event {
    bottom: 0;
    left: 0;
    position: fixed;
    overflow-x: inherit;
    overflow-y: scroll;
    right: 0;
    top: 0
}

body.is-lock-scroll,
body.lock-scroll {
    pointer-events: none
}

a,
a:hover {
    outline: 0;
    text-decoration: none
}

.title-profil {
    color: #474655;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 36px;
    line-height: 3.6rem;
    margin: 0
}

.hidden {
    display: none
}

.no-scrolling {
    overflow: hidden
}

.index-messages .error-message,
.index-messages .info-message {
    border-radius: .4rem;
    padding: 1.5rem
}

.index-messages .error-message {
    border: .1rem solid #dd3240;
    color: #dd3240
}

.index-messages .info-message {
    border: .1rem solid #37d999;
    color: #37d999
}

html {
    font-size: 62.5%
}

body {
    font-family: Metropolis, sans-serif;
    font-size: 1.6em;
    font-weight: 400
}

@font-face {
    font-family: bebas;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(/assets.woom.fr/packs/base/fonts/bebas-72ca8bf437aeacfc8fef403b6cb97804.woff2) format("woff2"), url(/assets.woom.fr/packs/base/fonts/bebas-df7716d2407758d5145132736c213840.woff) format("woff")
}

@font-face {
    font-family: Metropolis;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url(/assets.woom.fr/packs/base/fonts/Metropolis-Bold-6a80125e795aa81c6f251aa83e44062b.woff2) format("woff2"), url(/assets.woom.fr/packs/base/fonts/Metropolis-Bold-1b5b51bac870e5c2645497a16b769bec.woff) format("woff")
}

@font-face {
    font-family: Metropolis;
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: url(/assets.woom.fr/packs/base/fonts/Metropolis-Medium-97c97a09cc7525474bf9179511f0976e.woff2) format("woff2"), url(/assets.woom.fr/packs/base/fonts/Metropolis-Medium-cce692f84337013497c8c0c9e90f6517.woff) format("woff")
}

@font-face {
    font-family: Metropolis;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(/assets.woom.fr/packs/base/fonts/Metropolis-Regular-4a405762789758475f736592772ebfd1.woff2) format("woff2"), url(/assets.woom.fr/packs/base/fonts/Metropolis-Regular-663b4fcc5530ccf49d6b31a9450b02a0.woff) format("woff")
}

input::-ms-clear {
    display: none
}

input:focus,
textarea:focus {
    background-color: #fff;
    outline: 0
}

.layout-stack {
    background-color: #fff;
    overflow: hidden;
    min-height: 100%;
    position: relative;
    width: 100%
}

.layout-stack.no-overflow-hidden {
    overflow: visible;
    overflow: initial
}

.layout-stack.layout-book-block {
    min-height: calc(100vh - 8rem)
}

.layout-stack.section-gray {
    background-color: #f2eded
}

.layout-stack .layout-container {
    margin: 0 auto;
    max-width: 1280px;
    max-width: 128rem;
    padding: 0 2rem
}

.layout-stack .layout-container.is-experience {
    margin: 4.5rem auto 0;
    max-width: 1280px;
    max-width: 128rem
}

.layout-stack .layout-container.is-article {
    background-color: #fff;
    max-width: 1200px;
    max-width: 120rem;
    padding: 0 4rem
}

.layout-stack .layout-container.is-basket {
    max-width: 1000px;
    max-width: 100rem;
    padding: 0
}

.layout-stack .layout-container.is-basket .layout-container-columns {
    margin-bottom: 8rem
}

.layout-stack .layout-container.is-event {
    background-color: #fff;
    max-width: 1200px;
    max-width: 120rem
}

.layout-stack .layout-container.is-reservation {
    max-width: 1100px;
    max-width: 110rem
}

.layout-stack .layout-container.is-reservation.is-small {
    margin-bottom: 12rem;
    max-width: 700px;
    max-width: 70rem
}

.layout-stack .layout-container.is-reservation .layout-container-columns {
    margin-bottom: 12rem
}

.layout-stack .layout-container.is-reservation .layout-container-columns>.layout-content {
    margin: 1rem 0 0;
    padding: 0
}

.layout-stack .layout-container.is-reservation .layout-container-columns>.layout-content>div,
.layout-stack .layout-container.is-reservation>.layout-content>div {
    margin-top: 2rem
}

.layout-stack .layout-container.is-standard {
    background-color: #fff;
    max-width: 820px;
    max-width: 82rem;
    padding: 0 6rem
}

.layout-stack .layout-container-columns {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.layout-stack .layout-container-columns.has-left-column .layout-column {
    margin: 0 2rem 2rem 0;
    padding: 0 2rem 0 0
}

.layout-stack .layout-container-columns.has-left-column .layout-column.is-search-filter {
    margin: 0 1.5rem 2rem 0;
    width: 300px;
    width: 30rem
}

.layout-stack .layout-container-columns.has-left-column .layout-content {
    padding: 0
}

.layout-stack .layout-container .layout-content {
    background-color: transparent;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 2rem -1rem;
    padding: 0 2rem;
    position: relative
}

.layout-stack .layout-container .layout-content.is-basket-content {
    margin: 2rem 0 0 1rem;
    width: 400px;
    width: 40rem;
    padding: 0
}

.layout-stack .layout-container .layout-content-mobile {
    display: none
}

.layout-stack .layout-container .layout-content-no-mobile {
    display: block
}

.layout-stack .layout-container .layout-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin: 2rem -1rem 2rem 4rem;
    padding: 0 0 0 2rem;
    width: 350px;
    width: 35rem
}

.layout-stack .layout-container .layout-column.is-basket-details {
    margin: 2rem 1rem 0;
    padding: 0;
    width: 330px;
    width: 33rem
}

.layout-stack .layout-container .layout-column.is-profil {
    width: 320px;
    width: 32rem
}

.layout-stack .layout-container .layout-column.is-event {
    width: 370px;
    width: 37rem
}

.layout-stack .layout-container .layout-column.is-column-event {
    margin: 2rem 2rem 2rem 4rem;
    width: 370px;
    width: 37rem
}

.layout-stack .layout-container .layout-column.is-reservation {
    margin: -14rem 0 4rem 6rem;
    padding: 0;
    width: 330px;
    width: 33rem
}

@media (max-width:1023.9px) {
    .layout-stack .layout-container {
        margin: 0 auto;
        max-width: 66rem;
        padding: 0 2rem
    }

    .layout-stack .layout-container.is-basket {
        max-width: 66rem
    }

    .layout-stack .layout-container.is-basket .layout-container-columns {
        margin-bottom: 3rem
    }

    .layout-stack .layout-container-columns.has-left-column .layout-column.is-search-filter {
        width: 100%;
        margin: 0
    }

    .layout-stack .layout-container.is-reservation {
        padding: 0 2rem
    }

    .layout-stack .layout-container.is-reservation.is-small {
        margin-bottom: 8rem
    }

    .layout-stack .layout-container.is-reservation .layout-content {
        margin: 0;
        padding: 0
    }

    .layout-stack .layout-container.is-reservation .layout-container-columns {
        margin-bottom: 8rem
    }

    .layout-stack .layout-container.is-reservation .layout-container-columns>.layout-content {
        margin: 0
    }

    .layout-stack .layout-container.is-reservation .layout-container-columns>.layout-column {
        margin: 3rem 0;
        width: 100%
    }

    .layout-stack .layout-container.is-reservation .layout-container-columns>.layout-content>div,
    .layout-stack .layout-container.is-reservation>.layout-content>div {
        margin-top: 2rem
    }

    .layout-stack .layout-container.is-standard {
        padding: 0 5rem
    }

    .layout-stack .layout-container-columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .layout-stack .layout-container-columns .layout-content {
        padding: 0;
        margin-left: 0
    }

    .layout-stack .layout-container-columns .layout-content.is-basket-content {
        margin: 1rem 0 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    .layout-stack .layout-container-columns .layout-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .layout-stack .layout-container-columns .layout-column.is-basket-content {
        margin: 1rem 0 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    .layout-stack .layout-container-columns .layout-column.is-basket-details {
        margin: 1rem 0 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .layout-stack .layout-container-columns .layout-column.is-basket-content.is-payment {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .layout-stack .layout-container-columns .layout-column.is-basket-details.is-payment {
        margin-top: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .layout-stack .layout-container-columns .layout-column.is-profil {
        margin: 0 0 4rem;
        padding: 0;
        width: 100%
    }
}

@media (max-width:764.9px) {
    .layout-stack#search {
        background-color: #f5f5f5
    }

    .layout-stack.layout-book-block {
        min-height: auto
    }

    .layout-stack .layout-container {
        margin: 0 auto;
        max-width: 80%;
        padding: 0 2rem
    }

    .layout-stack .layout-container.is-article {
        padding: 0 2rem
    }

    .layout-stack .layout-container.is-experience,
    .layout-stack .layout-container.is-search {
        padding: 0
    }

    .layout-stack .layout-container-columns.has-left-column .layout-column.is-search-filter {
        margin: 0
    }

    .layout-stack .layout-container.is-basket {
        max-width: 100%
    }

    .layout-stack .layout-container.is-basket .layout-container-columns {
        margin-bottom: 0
    }

    .layout-stack .layout-container.is-standard {
        padding: 0 2rem
    }

    .layout-stack .layout-container-columns.has-left-column .layout-column {
        padding-right: 0
    }

    .layout-stack .layout-container-columns .layout-column.is-basket-details,
    .layout-stack .layout-container-columns .layout-content.is-basket-content {
        margin: 0
    }
}

@media (max-width:474.9px) {
    .layout-stack .layout-container {
        max-width: 93%;
        padding: 0 1.5rem
    }

    .layout-stack .layout-container.no-padding-mobile {
        padding: 0
    }

    .layout-stack .layout-container.is-experience {
        margin-top: 0
    }
}

@media (max-width:369.9px) {
    .layout-stack .layout-container {
        max-width: 93%;
        padding: 0
    }

    .layout-stack .layout-container.is-reservation {
        padding: 0 1.5rem
    }

    .layout-stack .layout-container.is-reservation.is-small,
    .layout-stack .layout-container.is-reservation .layout-container-columns {
        margin-bottom: 6rem
    }
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.add-favorite {
    position: absolute;
    right: 24px;
    right: 1.5rem;
    top: 24px;
    top: 1.5rem;
    z-index: 100
}

.add-favorite.is-static {
    position: relative;
    top: 0;
    right: 0;
    z-index: 0
}

.add-favorite-content.is-liked .add-favorite-icon {
    color: #fff;
    outline: 0
}

.add-favorite-content.is-liked .add-favorite-icon:before {
    -webkit-animation: effect_liked .8s ease-out;
    animation: effect_liked .8s ease-out
}

.add-favorite-content.is-liked .add-favorite-icon .icon>svg path {
    fill: #37d999
}

.add-favorite-button.button.outline-red {
    background-color: #fff;
    color: #f75b6c;
    cursor: pointer;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 1;
    margin: 0 0 2.5rem;
    padding: 1.5rem 2rem 1.2rem;
    text-align: center
}

.add-favorite-icon {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    height: 2.5rem;
    outline: none;
    width: 40px;
    width: 2.5rem
}

.add-favorite-icon:before {
    content: "";
    background-color: #e1f9f0;
    border-radius: 50%;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(.001);
    transform: scale(.001)
}

.add-favorite-icon .icon>svg {
    position: relative;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
    z-index: 101
}

.add-favorite-icon .icon>svg path {
    fill: hsla(0, 0%, 100%, .5);
    -webkit-transition: fill .2s ease-out;
    transition: fill .2s ease-out
}

.add-favorite-icon.is-liked {
    color: #fff;
    outline: 0
}

.add-favorite-icon.is-liked:before {
    -webkit-animation: effect_liked .8s ease-out;
    animation: effect_liked .8s ease-out
}

.add-favorite-icon.is-liked .icon>svg path {
    fill: #37d999
}

.add-favorite.is-wii-smile .button {
    color: #3cb4a0;
    border-color: #3cb4a0
}

.add-favorite.is-wii-smile .button:hover {
    border-color: #2f8e7e
}

.article-card {
    display: block;
    min-height: 480px;
    min-height: 30rem;
    position: relative
}

.article-card:focus .article-card-categories:before,
.article-card:hover .article-card-categories:before {
    width: 48px;
    width: 3rem
}

.article-card.is-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
    min-height: 784px;
    min-height: 49rem;
    position: relative;
    width: 100%
}

.article-card.is-large:before {
    display: none
}

.article-card.is-large:after {
    content: "";
    display: block;
    background-image: url(/assets.woom.fr/packs/base/patterns/memphis-pink-blue-4ef9871ab8df6b373693ec53702b1a0e.svg);
    background-position: 66.5% 30.7%;
    background-repeat: repeat;
    background-size: 15%;
    height: 100%;
    position: absolute;
    right: 0;
    width: 34%;
    z-index: 1
}

.article-card.is-large .article-card-image {
    -webkit-filter: grayscale(20%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.84252 0.14303999999999994 0.014439999999999995 0 0 0.04252 0.94304 0.014439999999999995 0 0 0.04252 0.14303999999999994 0.81444 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(20%);
    height: auto;
    margin: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 66%;
    z-index: 2
}

.article-card.is-large .article-card-image:before {
    display: none
}

.article-card.is-large .article-card-container {
    position: absolute;
    right: 80px;
    right: 5rem;
    top: 80px;
    top: 5rem;
    width: 800px;
    width: 50rem
}

.article-card.is-large .article-card-tag {
    background-color: #f7cd5b;
    color: #251a80;
    display: block;
    font-family: bebas, sans-serif;
    font-size: 28.8px;
    font-size: 1.8rem;
    left: 56px;
    left: 3.5rem;
    letter-spacing: 3.2px;
    letter-spacing: .2rem;
    line-height: 32px;
    line-height: 2rem;
    padding: .3rem 1.5rem .7rem;
    position: absolute;
    top: -25.6px;
    top: -1.6rem;
    z-index: 3
}

.article-card.is-large .article-card-content {
    background-color: #251a80;
    border-radius: .8rem;
    -webkit-box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 4rem 3.2rem 3.2rem;
    position: relative;
    z-index: 2
}

.article-card.is-large .article-card-title {
    color: #ffcfd4;
    line-height: 83.2px;
    line-height: 5.2rem;
    font-size: 60.8px;
    font-size: 3.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    z-index: 2
}

.article-card.is-large .article-card-infos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article-card.is-large .article-card-categories {
    color: #f75b6c;
    font-weight: 400;
    margin: 0
}

.article-card.is-large .article-card-categories:before {
    display: none
}

.article-card.is-large .article-card-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article-card.is-large .article-card-more>span {
    color: #fff;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .2;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.article-card.is-large .article-card-more .icon>svg {
    height: 32px;
    height: 2rem;
    margin-left: 1rem;
    position: relative;
    right: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 32px;
    width: 2rem
}

.article-card.is-large .article-card-more .icon>svg path {
    fill: #fff
}

.article-card.is-large:focus .article-card-image,
.article-card.is-large:hover .article-card-image {
    -webkit-filter: grayscale(0);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(0)
}

.article-card.is-large:focus .article-card-more .icon>svg,
.article-card.is-large:hover .article-card-more .icon>svg {
    margin-left: 1.5rem;
    right: -8px;
    right: -.5rem
}

.article-card:before {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/patterns/triangles-d633b1534222dd05a21fa8db9c9d344e.png);
    background-repeat: repeat;
    background-size: 70%;
    bottom: -24px;
    bottom: -1.5rem;
    left: 32px;
    left: 2rem;
    right: -32px;
    right: -2rem;
    top: 24px;
    top: 1.5rem;
    position: absolute;
    z-index: 0
}

.article-card-image,
.article-card:before {
    background-position: 50%;
    width: calc(100% - 2rem);
    height: 296px;
    height: 18.5rem
}

.article-card-image {
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0 0 3.5rem;
    position: relative;
    z-index: auto
}

.article-card-more,
.article-card-tag {
    display: none
}

.article-card-categories {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(37, 26, 128, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .1;
    line-height: 1;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.article-card-categories:before {
    content: "";
    display: block;
    background-color: rgba(37, 26, 128, .8);
    height: 3.2px;
    height: .2rem;
    margin-right: 1rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 32px;
    width: 2rem
}

.article-card-title {
    margin: 0 0 1rem;
    color: #1c1a2c;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    font-weight: 700
}

@media (max-width:1023.9px) {
    .article-card.is-large {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        min-height: 49rem;
        padding: 0;
        position: relative;
        width: 100%
    }

    .article-card.is-large:after {
        display: none
    }

    .article-card.is-large .article-card-image {
        height: auto;
        margin: 0;
        min-height: 42rem;
        width: 100%
    }

    .article-card.is-large .article-card-container {
        margin: -5rem auto 0;
        padding: 0 4rem 5rem;
        position: static;
        right: inherit;
        top: 0;
        width: 100%
    }

    .article-card.is-large .article-card-container:after {
        content: "";
        background-image: url(/assets.woom.fr/packs/base/patterns/memphis-pink-blue-4ef9871ab8df6b373693ec53702b1a0e.svg);
        background-position: 50%;
        background-repeat: repeat;
        background-size: 7%;
        bottom: 0;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .article-card.is-large .article-card-content {
        padding: 3rem 3.2rem 3.2rem
    }

    .article-card.is-large .article-card-title {
        line-height: 4.2rem
    }
}

@media (max-width:764.9px) {
    .article-card.is-large {
        margin-bottom: 2rem;
        min-height: 44rem
    }

    .article-card.is-large .article-card-image {
        min-height: 32rem
    }

    .article-card.is-large .article-card-container:after {
        background-size: 9%
    }
}

@media (max-width:474.9px) {
    .article-card.is-large {
        min-height: 40rem
    }

    .article-card.is-large .article-card-image {
        min-height: 24rem
    }

    .article-card.is-large .article-card-container {
        margin: 0 0 3rem;
        padding: 0
    }

    .article-card.is-large .article-card-container:after {
        background-size: 14%
    }

    .article-card.is-large .article-card-content {
        border-radius: 0;
        padding: 2rem 3.2rem 3.2rem
    }

    .article-card.is-large .article-card-title {
        font-size: 2.4rem;
        line-height: 3.4rem
    }
}

.article-heading {
    max-width: 1760px;
    max-width: 110rem;
    margin: 0 auto;
    padding: 5rem 0 4rem
}

.article-heading p {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.article-heading.interview .article-heading-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.article-heading.interview .article-heading-content p {
    text-align: left;
    padding: 0 12rem 0 5rem
}

.article-heading.interview .article-heading-content-infos {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 256px;
    flex: 0 0 256px;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    position: relative
}

.article-heading.interview .article-heading-content-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    height: 256px;
    height: 16rem;
    max-width: 256px;
    max-width: 16rem;
    width: 100%;
    -webkit-box-shadow: -7rem 5.5rem 0 -6rem #ffcfd4, 5.7rem 5.7rem 0 -5rem #f75b6c, -2.2rem -3rem 0 -1.6rem #f7cd5b;
    box-shadow: -7rem 5.5rem 0 -6rem #ffcfd4, 5.7rem 5.7rem 0 -5rem #f75b6c, -2.2rem -3rem 0 -1.6rem #f7cd5b
}

.article-heading.interview .article-heading-content-img>img {
    height: 100%;
    width: auto
}

.article-heading.interview .article-heading-content .image-credit {
    bottom: 112px;
    bottom: 7rem;
    color: #333;
    left: 0;
    right: 0;
    text-align: center
}

.article-heading.interview .article-heading-content-details,
.article-heading.interview .article-heading-content-name {
    text-align: center
}

.article-heading.interview .article-heading-content-name {
    color: #251a80;
    line-height: 1;
    margin: 2.5rem 0 .5rem
}

.article-heading.interview .article-heading-content-details {
    color: #999;
    line-height: 32px;
    line-height: 2rem
}

.article-heading h1 {
    color: #1c1a2c;
    font-size: 60.8px;
    font-size: 3.8rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 70.4px;
    line-height: 4.4rem;
    margin: 0 auto 2rem;
    max-width: 960px;
    max-width: 60rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.article-heading-date {
    color: #251a80;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    text-align: center
}

.article-heading-content {
    margin: 4.5rem auto 0;
    max-width: 1760px;
    max-width: 110rem;
    position: relative;
    width: 100%
}

.article-heading-content p {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 57.6px;
    line-height: 3.6rem;
    margin: 0;
    padding: 0 12.5rem 1rem;
    text-align: center
}

.article-heading-content-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 640px;
    max-height: 40rem;
    overflow: hidden;
    max-width: 1760px;
    max-width: 110rem;
    width: 100%
}

.article-heading-content-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media (max-width:1023.9px) {
    .article-heading-content p {
        padding: 0 6rem 1rem
    }

    .article-heading.interview .article-heading-content p {
        padding: 0 3.5rem
    }
}

@media (max-width:764.9px) {
    .article-heading-content p {
        font-size: 1.8rem;
        line-height: 3.4rem;
        padding: 0 2rem 1rem
    }

    .article-heading-content-img {
        height: 30rem
    }

    .article-heading.interview .article-heading-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .article-heading.interview .article-heading-content-infos {
        margin: 2rem 0 4rem
    }

    .article-heading.interview .article-heading-content-img {
        margin: 0 auto
    }
}

@media (max-width:474.9px) {
    .article-heading-content p {
        line-height: 3.2rem;
        padding: 0 0 1rem;
        text-align: left
    }

    .article-heading-content-img {
        height: 20rem
    }

    .article-heading.interview .article-heading-content p {
        padding: 0
    }
}

.article-link a {
    color: #251a80;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.article-link a:focus,
.article-link a:hover {
    color: #f75b6c
}

.author {
    margin: 0 auto;
    max-width: 1120px;
    max-width: 70rem
}

.author-heading {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.author-heading-title {
    color: #666;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0;
    margin-right: 3rem;
    margin-bottom: 0;
    text-transform: uppercase
}

.author-heading-border {
    -ms-flex-item-align: center;
    align-self: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd));
    background-image: linear-gradient(180deg, #ddd, #ddd);
    color: #ccc;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.6px;
    height: .1rem;
    width: 100%
}

.author-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: .1rem solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem 0 5rem
}

.author-avatar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    height: 144px;
    height: 9rem;
    margin-right: 3rem;
    width: 144px;
    width: 9rem;
    -webkit-box-shadow: 28px 28px 0 -21px #f75b6c, -22px -10px 0 -7px #f7cd5b;
    box-shadow: 28px 28px 0 -21px #f75b6c, -22px -10px 0 -7px #f7cd5b
}

.author-infos {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.author-infos-author {
    color: #222;
    font-weight: 400;
    font-size: 38.4px;
    font-size: 2.4rem;
    line-height: 48px;
    line-height: 3rem;
    margin: 0 0 1rem
}

.author-infos-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.author-infos-link {
    color: #474655;
    text-decoration: underline
}

.author-infos-link:focus,
.author-infos-link:hover {
    color: #f75b6c;
    text-decoration: underline
}

@media (max-width:474.9px) {
    .author-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .author-avatar {
        margin: 0 0 3rem
    }
}

.billboard {
    background: 50% no-repeat;
    background-size: cover;
    min-height: 880px;
    min-height: 55rem;
    padding: 1rem 3rem 4rem;
    position: relative
}

.billboard:after {
    content: "";
    background-color: rgba(0, 0, 0, .25);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.billboard-wrapper {
    margin: 5rem auto 0;
    max-width: 1536px;
    max-width: 96rem;
    width: 100%
}

.billboard-content {
    width: 100%
}

.billboard-text,
.billboard-title {
    color: #fff;
    position: relative;
    text-align: left;
    z-index: 2
}

.billboard-title {
    color: #fff;
    font-family: bebas;
    font-size: 89.6px;
    font-size: 5.6rem;
    font-weight: 400;
    letter-spacing: 3.2px;
    letter-spacing: .2rem;
    line-height: 80px;
    line-height: 5rem;
    margin: 0 0 1rem;
    text-shadow: -1.6px 1.6px 12.8px rgba(0, 0, 0, .15);
    text-shadow: -.1rem .1rem .8rem rgba(0, 0, 0, .15);
    text-transform: none
}

.billboard-text {
    font-family: bebas;
    font-size: 41.6px;
    font-size: 2.6rem;
    line-height: 54.4px;
    line-height: 3.4rem;
    letter-spacing: 4px;
    letter-spacing: .25rem;
    padding: 2rem 0 5rem;
    text-shadow: -1.6px 1.6px 12.8px rgba(0, 0, 0, .3);
    text-shadow: -.1rem .1rem .8rem rgba(0, 0, 0, .3);
    width: 100%
}

.billboard-text>p {
    margin: 0
}

.billboard-search {
    bottom: 64px;
    bottom: 4rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

@media (max-width:1023.9px) {
    .billboard {
        min-height: 50rem
    }

    .billboard-sticky {
        display: none
    }

    .billboard-search .menu-search {
        display: block
    }

    .billboard-title {
        font-size: 5.4rem;
        line-height: 5rem
    }

    .billboard-text p {
        font-size: 2.4rem;
        line-height: 2.8rem
    }
}

@media (max-width:764.9px) {
    .billboard {
        height: auto;
        min-height: 48rem;
        padding: .5rem 1.5rem 27rem
    }

    .billboard .layout-container {
        max-width: 90%;
        padding: 0
    }

    .billboard-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 2rem
    }

    .billboard-search {
        bottom: 1.5rem;
        margin: 1rem 0 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 1.5rem
    }

    .billboard-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
        max-width: 60rem
    }

    .billboard-title {
        display: none
    }

    .billboard-text {
        padding: 0 .5rem 2rem;
        text-align: left
    }

    .billboard-text p {
        font-size: 2rem;
        line-height: 2.8rem
    }
}

@media (max-width:369.9px) {
    .billboard-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 2rem
    }

    .billboard-text {
        padding: 0 .5rem 2rem
    }

    .billboard-text p {
        font-size: 1.7rem;
        line-height: 2.3rem
    }
}

.billboard.is-veepee {
    min-height: 736px;
    min-height: 46rem
}

.billboard.is-veepee .billboard-search {
    bottom: 0;
    position: relative
}

@media (max-width:1023.9px) {
    .billboard.is-veepee .billboard-search {
        padding: 0
    }
}

@media (max-width:764.9px) {
    .billboard.is-veepee {
        min-height: auto;
        padding: 1rem 1.5rem 6rem
    }

    .billboard.is-veepee .billboard-search {
        padding: 0
    }

    .billboard.is-veepee .billboard-text {
        padding: 0 0 2rem
    }

    .billboard.is-veepee .billboard-text p {
        font-size: 2.2rem
    }
}

@media (max-width:369.9px) {
    .billboard.is-veepee {
        min-height: auto;
        padding: 2rem 1.5rem 4rem
    }

    .billboard.is-veepee .billboard-wrapper {
        margin-top: 0
    }

    .billboard.is-veepee .billboard-text {
        padding: 0 0 1rem
    }

    .billboard.is-veepee .billboard-text p {
        font-size: 2rem
    }
}

.blocks.is-article {
    margin: 0 auto 4.5rem;
    max-width: 1120px;
    max-width: 70rem
}

.book-block {
    margin: 1rem 2rem 8rem
}

.book-block-user-message {
    margin: 1rem auto 0;
    max-width: 1216px;
    max-width: 76rem;
    width: 100%
}

.book-block-user-message .user-message {
    margin: 0
}

.book-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1rem auto 3rem;
    max-width: 1216px;
    max-width: 76rem;
    position: relative
}

.book-block-aside,
.book-block-content {
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    padding: 1.5rem
}

.book-block-infos {
    display: none
}

.book-block-content {
    display: block;
    margin-right: 1rem;
    max-width: 656px;
    max-width: 41rem;
    width: 100%
}

.book-block-content.no-visible {
    display: none
}

.book-block-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 544px;
    max-width: 34rem;
    width: 100%
}

.book-block-aside.is-visible {
    opacity: 1;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out
}

.book-block-action {
    margin-top: 1rem
}

.book-block-button.button {
    padding: 1.1rem 3rem;
    text-align: center;
    width: 100%
}

.book-block-button.button.is-disabled {
    background-color: rgba(247, 91, 108, .3);
    color: #fff;
    cursor: pointer
}

.book-block-button-mobile.button {
    display: none;
    cursor: pointer;
    padding: 1.1rem 3rem;
    text-align: center;
    width: 100%
}

.book-block-button-mobile.button.is-disabled {
    background-color: #ddd;
    color: #bbb;
    pointer-events: none
}

.book-block-trustpilot {
    margin: 0 auto 12rem;
    max-width: 1344px;
    max-width: 84rem;
    padding-right: 2rem
}

@media (max-width:764.9px) {
    .book-block {
        background-color: #fff;
        margin: 0;
        padding: 1.5rem 2rem 2rem
    }

    .book-block-user-message {
        padding: 0 1.5rem
    }

    .book-block-user-message .user-message {
        padding: 1.5rem
    }

    .book-block-wrapper {
        background-color: #fff;
        margin: 1rem 0 0;
        padding: 0 1.5rem 1rem
    }

    .book-block-aside,
    .book-block-content {
        background-color: transparent;
        border: transparent;
        border-radius: 0;
        padding: 0
    }

    .book-block-aside {
        opacity: 0;
        position: absolute;
        -webkit-transform: translateX(45rem);
        transform: translateX(45rem)
    }

    .book-block-aside,
    .book-block-content {
        margin: 0;
        max-width: 100%
    }

    .book-block-infos {
        display: block;
        margin-top: 1rem
    }

    .book-block-infos span {
        color: #474655;
        display: block;
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-top: .5rem
    }

    .book-block-infos-cancellation {
        background-color: rgba(55, 217, 153, .1);
        border: .1rem solid #37d999;
        border-radius: .4rem;
        padding: 1rem
    }

    .book-block-button.button {
        display: none
    }

    .book-block-button-mobile.button {
        display: block;
        margin: .5rem 0 0
    }

    .book-block-trustpilot {
        display: none
    }
}

@media (max-width:474.9px) {
    .book-block {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .book-block-wrapper {
        border: transparent;
        border-radius: 0;
        margin: 0;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width:369.9px) {
    .book-block-user-message {
        padding: 0 1rem
    }

    .book-block-user-message .user-message {
        padding: 1rem
    }

    .book-block-wrapper {
        padding: 0 1rem 1rem
    }
}

.book-calendar-text {
    color: #251a80;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin-bottom: 1rem
}

.book-calendar-text span {
    font-weight: 700
}

.book-calendar-content {
    background-color: #fff
}

.book-calendar-content.run-animation {
    position: relative
}

.book-calendar-content.run-animation .book-calendar-hour {
    -webkit-animation: offers-animation .8s ease;
    animation: offers-animation .8s ease;
    position: relative
}

.book-calendar-datepicker {
    margin: 0
}

.book-calendar-datepicker .datepicker {
    border: .1rem solid #ddd;
    border-radius: 0;
    border-top-left-radius: 6.4px;
    border-top-left-radius: .4rem;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.book-calendar-datepicker .datepicker-days>table {
    height: 464px;
    height: 29rem;
    width: 100%;
    background-color: #fff;
    border-collapse: collapse
}

.book-calendar-datepicker .datepicker-days>table thead {
    background-color: #f3f3f3;
    border-bottom: 1rem solid transparent;
    margin: 0
}

.book-calendar-datepicker .datepicker-days>table thead>tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) {
    border-bottom: 1rem solid transparent;
    border-top: .75rem solid transparent;
    margin: 0 2rem
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) th {
    border-radius: 0;
    color: #1c1a2c;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .next,
.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
    font-size: 40px;
    font-size: 2.5rem;
    width: 100%
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .next:focus,
.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .next:hover,
.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .prev:focus,
.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .prev:hover {
    background-color: transparent
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .next:after,
.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .next:before,
.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .prev:after,
.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .prev:before {
    content: "";
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .prev {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .prev:before {
    background-image: url(/assets.woom.fr/packs/base/icons/arrow-back-92d45606d9385aad61ef866b50136272.svg)
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .next {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.book-calendar-datepicker .datepicker-days>table thead>tr:nth-child(2) .next:after {
    background-image: url(/assets.woom.fr/packs/base/icons/arrow-next-a04aceb8aeaea13dcd67fe50cfcd1fb7.svg)
}

.book-calendar-datepicker .datepicker-days>table thead>tr:last-child {
    margin-left: 1.25rem
}

.book-calendar-datepicker .datepicker-days>table thead>tr:last-child th {
    border-radius: 0;
    color: #474655;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    margin: 0 .5rem .5rem;
    width: 64px;
    width: 4rem
}

.book-calendar-datepicker .datepicker-days>table tbody {
    background-color: #fff;
    height: 360px;
    height: 22.5rem;
    padding: 0 1rem
}

.book-calendar-datepicker .datepicker-days>table tbody>tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1.25rem
}

.book-calendar-datepicker .datepicker-days>table tbody>tr td {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .5rem .25rem;
    height: 64px;
    height: 4rem;
    width: 64px;
    width: 4rem
}

.book-calendar-datepicker .datepicker-days>table tbody .day {
    border-radius: 5rem;
    color: #474655;
    font-weight: 500;
    padding: .9rem .5rem
}

.book-calendar-datepicker .datepicker-days>table tbody .day:focus,
.book-calendar-datepicker .datepicker-days>table tbody .day:hover {
    background-color: rgba(55, 217, 153, .2);
    border-radius: 5rem
}

.book-calendar-datepicker .datepicker-days>table tbody .day.is-open-day {
    background-color: rgba(55, 217, 153, .2)
}

.book-calendar-datepicker .datepicker-days>table tbody .day.is-open-day:focus,
.book-calendar-datepicker .datepicker-days>table tbody .day.is-open-day:hover {
    background-color: rgba(55, 217, 153, .4)
}

.book-calendar-datepicker .datepicker-days>table tbody .day.disabled,
.book-calendar-datepicker .datepicker-days>table tbody .day.disabled.is-open-day {
    background-color: #fff;
    color: #ddd;
    font-weight: 400
}

.book-calendar-datepicker .datepicker-days>table tbody .day.new,
.book-calendar-datepicker .datepicker-days>table tbody .day.old {
    background-color: #fff;
    color: #bbb
}

.book-calendar-datepicker .datepicker-days>table tbody .day.active {
    border-radius: 5rem;
    background-color: #37d999;
    background-image: none;
    color: #fff;
    font-weight: 500;
    text-shadow: none
}

.book-calendar-datepicker .datepicker-days>table tbody .day.active:focus,
.book-calendar-datepicker .datepicker-days>table tbody .day.active:hover {
    background-color: #37d999
}

.book-calendar-datepicker .datepicker-months>table {
    background-color: #f3f3f3;
    width: 100%
}

.book-calendar-datepicker .datepicker-months>table thead {
    border-bottom: 1rem solid transparent;
    margin: 0
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) {
    border-bottom: 1rem solid transparent;
    border-top: 1.5rem solid transparent
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) th {
    border-radius: 0;
    color: #1c1a2c;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .next,
.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px;
    font-size: 2.5rem;
    width: 100%
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .next:focus,
.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .next:hover,
.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .prev:focus,
.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .prev:hover {
    background-color: transparent
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .next:after,
.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .prev:after {
    content: "";
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .prev {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .prev:after {
    background-image: url(/assets.woom.fr/packs/base/icons/arrow-back-92d45606d9385aad61ef866b50136272.svg)
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .next {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.book-calendar-datepicker .datepicker-months>table thead>tr:nth-child(2) .next:after {
    background-image: url(/assets.woom.fr/packs/base/icons/arrow-next-a04aceb8aeaea13dcd67fe50cfcd1fb7.svg)
}

.book-calendar-datepicker .datepicker-months>table>tbody {
    background-color: #fff
}

.book-calendar-datepicker .datepicker-months>table>tbody td {
    border-radius: 0
}

.book-calendar-datepicker .datepicker-months>table tbody .month:focus,
.book-calendar-datepicker .datepicker-months>table tbody .month:hover {
    background-color: rgba(55, 217, 153, .2);
    border-radius: .4rem
}

.book-calendar-datepicker .datepicker-months>table tbody .month.focused {
    background-color: #37d999;
    color: #fff
}

.book-calendar-message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 512px;
    height: 32rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem
}

.book-calendar-message p {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    text-align: center
}

.book-calendar-message p span {
    font-weight: 700
}

.book-calendar-timeslots {
    border: .1rem solid #d9d9d9;
    border-top: transparent;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". ."". ."". .";
    grid-gap: 0;
    padding: 0
}

.book-calendar-item[data-visible=false],
.book-calendar-timeslots-item input[type=checkbox] {
    display: none
}

.book-calendar-timeslots-item label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    height: 5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .75rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.book-calendar-timeslots-item label>span {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 28.8px;
    line-height: 1.8rem
}

.book-calendar-timeslots-item label:focus,
.book-calendar-timeslots-item label:hover {
    background-color: #e1f9f0
}

.book-calendar-timeslots-item input[type=checkbox]:checked+label {
    background-color: #37d999;
    border: transparent
}

.book-calendar-timeslots-item input[type=checkbox]:checked+label>span {
    color: #fff
}

.book-calendar-timeslots-item input[type=checkbox]:disabled+label {
    pointer-events: none
}

.book-calendar-timeslots-item input[type=checkbox]:disabled+label:focus,
.book-calendar-timeslots-item input[type=checkbox]:disabled+label:hover {
    background-color: #f7f7f7
}

.book-calendar-timeslots-item input[type=checkbox]:disabled+label>span {
    color: #ddd
}

.book-calendar-hours {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    margin-left: -1rem;
    margin-top: -1rem;
    padding: 1rem 0 0
}

.book-calendar-hour,
.book-calendar-hours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.book-calendar-hour {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: .1rem solid #37d999;
    border-radius: .4rem;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 1rem);
    flex: 0 0 calc(25% - 1rem);
    -ms-flex-pack: center;
    margin-left: 1rem;
    margin-top: 1rem;
    padding: 1.3rem 1rem 1.2rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10
}

.book-calendar-hour.is-disabled {
    background-color: #fafafa;
    border: transparent;
    color: #ddd;
    pointer-events: none;
    text-decoration: line-through
}

.book-calendar-hour.is-disabled .book-calendar-hour-number {
    color: #ddd
}

.book-calendar-hour.is-activated {
    background-color: #37d999
}

.book-calendar-hour.is-activated .book-calendar-hour-number {
    color: #fff
}

.book-calendar-hour.is-activated:focus,
.book-calendar-hour.is-activated:hover {
    background-color: #37d999
}

.book-calendar-hour:focus,
.book-calendar-hour:hover {
    background-color: #e1f9f0
}

.book-calendar-hour-number {
    color: #333;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 16px;
    line-height: 1rem;
    letter-spacing: .8px;
    letter-spacing: .05rem
}

.book-calendar-reassurance {
    color: #474655;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-style: italic;
    line-height: 25.6px;
    line-height: 1.6rem;
    margin-top: 1rem;
    overflow: hidden;
    padding: 0 .5rem
}

.book-calendar-reassurance p {
    margin: 0
}

.book-calendar.is-wii-smile .book-calendar-text {
    color: #4d4d4d
}

.book-calendar.is-wii-smile .book-calendar-timeslots-item input[type=checkbox]:checked+label,
.book-calendar.is-wii-smile .book-calendar-timeslots-item input[type=checkbox]:checked+label:hover {
    background-color: #3cb4a0
}

.book-calendar.is-wii-smile .book-calendar-timeslots-item input[type=checkbox]:not(checked)+label:hover {
    background-color: rgba(60, 180, 160, .4)
}

.book-calendar.is-wii-smile .book-calendar-datepicker .datepicker-days>table tbody .day.is-open-day:not(.new):not(.disabled):not(.old) {
    background-color: rgba(60, 180, 160, .2)
}

.book-calendar.is-wii-smile .book-calendar-datepicker .datepicker-days>table tbody .day.is-open-day:focus,
.book-calendar.is-wii-smile .book-calendar-datepicker .datepicker-days>table tbody .day.is-open-day:hover,
.book-calendar.is-wii-smile .book-calendar-datepicker .datepicker-days>table tbody .day.is-open-day:not(.new):not(.disabled):not(.old):focus,
.book-calendar.is-wii-smile .book-calendar-datepicker .datepicker-days>table tbody .day.is-open-day:not(.new):not(.disabled):not(.old):hover {
    background-color: rgba(60, 180, 160, .4)
}

.book-calendar.is-wii-smile .book-calendar-datepicker .datepicker-days>table tbody .active {
    background-color: #3cb4a0
}

.book-calendar.is-wii-smile .book-calendar-hour {
    border-color: #3cb4a0
}

.book-calendar.is-wii-smile .book-calendar-hour:hover {
    background-color: rgba(60, 180, 160, .2)
}

.book-calendar.is-wii-smile .book-calendar-hour.is-activated,
.book-calendar.is-wii-smile .book-calendar-hour.is-activated:focus {
    background-color: #3cb4a0
}

@media (-ms-high-contrast:none) {
    .book-calendar-timeslots {
        display: -ms-grid;
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr 1fr
    }
}

@media (max-width:764.9px) {
    .book-calendar-datepicker .datepicker-days>table thead>tr:last-child {
        margin-left: 1.25rem
    }

    .book-calendar-datepicker .datepicker-days>table thead>tr:last-child th {
        margin: 0 .25rem .5rem;
        width: 12.3%
    }

    .book-calendar-datepicker .datepicker-days>table tbody>tr {
        margin-left: 1rem;
        width: 100%
    }

    .book-calendar-datepicker .datepicker-days>table tbody>tr td {
        margin: 0 .25rem .25rem;
        width: 12%
    }

    .book-calendar-hours {
        padding: 1rem 0 0
    }

    .book-calendar-text {
        font-size: 1.4rem;
        line-height: 2rem;
        padding-top: 0;
        margin-bottom: .5rem
    }
}

@media (max-width:369.9px) {
    .book-calendar-text {
        font-size: 1.2rem;
        line-height: 1.8rem;
        margin-bottom: 0
    }

    .book-calendar-content {
        border-top: transparent;
        padding-top: .5rem
    }

    .book-calendar-datepicker .datepicker-days>table {
        height: 26rem
    }

    .book-calendar-datepicker .datepicker-days>table tbody>tr,
    .book-calendar-datepicker .datepicker-days>table thead>tr:last-child {
        margin-left: .75rem
    }

    .book-calendar-datepicker .datepicker-days>table tbody>tr td {
        height: 3.5rem
    }

    .book-calendar-datepicker .datepicker-days>table .day {
        font-size: 1.4rem
    }

    .book-calendar-timeslots-item label {
        height: 4.5rem;
        padding: .5rem
    }

    .book-calendar-timeslots-item label>span {
        font-size: 1.3rem;
        line-height: 1.5rem
    }

    .book-calendar-hour {
        padding: 1.1rem 1rem .9rem
    }
}

@-webkit-keyframes offers-animation {
    0% {
        opacity: 0;
        bottom: -2rem
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@keyframes offers-animation {
    0% {
        opacity: 0;
        bottom: -2rem
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.book-footer {
    background-color: #1c1a2c;
    bottom: 0;
    left: 0;
    padding: 2rem;
    position: fixed;
    right: 0;
    top: auto;
    z-index: 10
}

.book-footer.no-fixed {
    position: relative
}

.book-footer-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1536px;
    max-width: 96rem
}

.book-footer-text {
    color: #ddd;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    text-align: center
}

.book-footer-trustpilot {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media (max-height:790px) {
    .book-footer {
        position: relative
    }
}

@media (max-width:764.9px) {
    .book-footer {
        position: relative
    }

    .book-footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .book-footer-text:last-child {
        margin: 1rem 0 0
    }
}

@media (max-width:369.9px) {
    .book-footer-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .book-footer-text {
        text-align: left
    }
}

.book-kitty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 .6rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0
}

.book-kitty.is-kitty-mobile {
    border-bottom: .1rem solid #ddd;
    border-top: .1rem solid #ddd;
    display: none;
    margin: 1rem 0;
    padding: 1rem 0
}

.book-kitty.is-kitty-mobile .book-kitty-sorry {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    padding-top: 0
}

.book-kitty.is-kitty-mobile .book-kitty-wrapper {
    border-bottom: transparent;
    padding-bottom: 0;
    padding-right: 0
}

.book-kitty.is-kitty-mobile .book-kitty-price,
.book-kitty.is-kitty-mobile .book-kitty-text {
    font-size: 25.6px;
    font-size: 1.6rem
}

.book-kitty-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid #37d999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .5rem;
    padding-right: 3rem;
    width: 100%
}

.book-kitty-price,
.book-kitty-text {
    color: #37d999;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1
}

.book-kitty-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.book-kitty-price {
    font-weight: 700
}

.book-kitty-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-kitty-sorry {
    color: #ee7752;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding-top: .5rem
}

@media (max-width:764.9px) {
    .book-kitty.is-kitty-mobile {
        display: block
    }
}

@media (max-width:369.9px) {
    .book-kitty.is-kitty-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .book-kitty.is-kitty-mobile .book-kitty-sorry {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.book-promo {
    margin-top: 1.5rem;
    position: relative
}

.book-promo.is-promo-mobile {
    display: none;
    margin: 1.5rem 0 0
}

.book-promo>input[type=checkbox] {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 32px;
    height: 2rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 336px;
    width: 21rem;
    z-index: 1
}

.book-promo>input[type=checkbox]:checked+.book-promo-checkmark {
    background-color: #fff;
    border: .2rem solid #f75b6c
}

.book-promo>input[type=checkbox]:checked+.book-promo-checkmark:after {
    opacity: 1
}

.book-promo>input[type=checkbox]:checked~.book-promo-content {
    display: block
}

.book-promo-checkmark {
    background-color: #eee;
    border: .1rem solid #bbb;
    border-radius: .4rem;
    height: 32px;
    height: 2rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
    width: 2rem
}

.book-promo-checkmark:after {
    content: "";
    border-color: #f75b6c;
    border-style: solid;
    border-width: 0 .2rem .2rem 0;
    opacity: 0;
    height: 16px;
    height: 1rem;
    left: 8.8px;
    left: .55rem;
    position: absolute;
    top: 3.2px;
    top: .2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    width: .5rem
}

.book-promo>label {
    display: inline-block;
    margin: .3rem 0 0 3rem;
    vertical-align: super
}

.book-promo-checkmark-code {
    color: #37d999;
    display: none;
    font-weight: 500
}

.book-promo-content {
    display: none;
    padding: 0;
    margin-top: 1rem
}

.book-promo-content .user-message {
    line-height: 28.8px;
    line-height: 1.8rem;
    padding: 1rem
}

.book-promo-add>p,
.book-promo-add>span {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.book-promo-add>p {
    color: #f75b6c;
    cursor: pointer;
    display: inline;
    padding-right: .5rem;
    margin: 0
}

.book-promo-add>p:focus,
.book-promo-add>p:hover {
    text-decoration: underline
}

.book-promo-add>span {
    color: #474655
}

.book-promo-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-promo-code>input[type=text] {
    color: #333;
    background-color: #f8f8f8;
    border: .1rem solid #ccc;
    border-radius: .5rem;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    padding: .9rem 1.2rem;
    width: 100%
}

.book-promo-code>button {
    background-color: transparent;
    border: .1rem solid #6286f6;
    border-radius: .4rem;
    color: #6286f6;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 500;
    margin-left: 1rem;
    padding: .5rem 1rem;
    outline: 0;
    text-transform: uppercase
}

.book-promo-code>button:focus,
.book-promo-code>button:hover {
    border-color: #4566ae;
    color: #4566ae
}

.book-promo-alert {
    background-color: rgba(247, 205, 91, .21);
    border: .1rem solid #e79f17;
    border-radius: .5rem;
    margin-top: 1rem;
    padding: 2rem
}

.book-promo-alert>p,
.book-promo-alert>span {
    color: #1c1a2c;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.book-promo-alert>p {
    cursor: pointer;
    display: inline;
    padding-left: .5rem;
    margin: 0;
    text-decoration: underline
}

.book-promo-alert>p:focus,
.book-promo-alert>p:hover {
    color: #666
}

@media (max-width:764.9px) {
    .book-promo {
        display: none
    }

    .book-promo.is-promo-mobile {
        display: block
    }

    .book-promo-checkmark-code {
        display: inline
    }
}

@media (max-width:474.9px) {
    .book-promo-checkmark-text {
        font-size: 1.4rem
    }

    .book-promo-code>button {
        margin-left: .5rem;
        padding: .5rem 3rem
    }

    .book-promo-alert {
        padding: 1rem
    }
}

@media (max-width:369.9px) {
    .book-promo-code {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .book-promo-code>button {
        margin: 1rem 0 0;
        padding: 1rem
    }
}

.book-reassurance {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1504px;
    max-width: 94rem;
    padding: 0
}

.book-reassurance,
.book-reassurance-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-reassurance-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .5rem
}

.book-reassurance-item:first-child {
    margin: 0 .5rem 0 0
}

.book-reassurance-item:last-child {
    margin: 0 0 0 .5rem
}

.book-reassurance-item .icon {
    margin-right: .5rem
}

.book-reassurance-item .icon path {
    fill: #251a80
}

.book-reassurance-item>span {
    color: #474655;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 25.6px;
    line-height: 1.6rem
}

@media (max-width:1023.9px) {
    .book-reassurance {
        max-width: 62rem;
        padding: 0
    }

    .book-reassurance-item {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin: 0 1.5rem
    }

    .book-reassurance-item .icon {
        margin-right: 1rem
    }

    .book-reassurance-item:nth-child(5) {
        margin: 0 0 0 1.5rem
    }

    .book-reassurance-item:nth-child(3n),
    .book-reassurance-item:nth-child(4n) {
        display: none
    }
}

@media (max-width:764.9px) {
    .book-reassurance {
        max-width: 100%;
        padding: 0 2rem
    }
}

@media (max-width:474.9px) {
    .book-reassurance {
        background-color: #fff;
        border-bottom: .1rem solid #ddd;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 1rem 2rem 4rem
    }

    .book-reassurance-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 1rem
    }

    .book-reassurance-item .icon {
        margin: 0 0 1rem
    }

    .book-reassurance-item>span {
        font-size: 1.2rem;
        line-height: 1.5rem;
        text-align: center
    }

    .book-reassurance-item:first-child {
        margin: 0 1rem 0 0
    }

    .book-reassurance-item:nth-child(5) {
        margin: 0 0 0 1rem
    }
}

@media (max-width:369.9px) {
    .book-reassurance {
        padding: 1rem 1rem 4rem
    }

    .book-reassurance-item {
        margin: 0 .5rem
    }

    .book-reassurance-item:first-child {
        margin: 0 .5rem 0 0
    }

    .book-reassurance-item:nth-child(5) {
        margin: 0 0 0 .5rem
    }
}

.book-summary {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.book-summary .user-message {
    margin: 0 auto 1rem
}

.book-summary-heading {
    color: #999;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 .5rem;
    text-transform: uppercase
}

.book-summary-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 192px;
    height: 12rem;
    margin-bottom: 1rem;
    width: 100%
}

.book-summary-title {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem;
    margin: 0 0 1rem
}

.book-summary-infos {
    display: none;
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    border-bottom: .1rem solid #ddd
}

.book-summary-infos span {
    color: #251a80;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500
}

.book-summary-activity {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.book-summary-activity-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.book-summary-activity-old,
.book-summary-activity-price,
.book-summary-activity-title {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem
}

.book-summary-activity-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 4rem 0 0;
    text-align: left
}

.book-summary-activity-price {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.book-summary-activity-old {
    color: #999;
    margin-right: 1rem;
    text-decoration: line-through
}

.book-summary-activity-icon {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 0 1.5rem
}

.book-summary-activity-icon .icon>svg {
    height: 28px;
    height: 1.75rem;
    width: 24px;
    width: 1.5rem
}

.book-summary-add {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.book-summary-add>span {
    color: #f75b6c;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500
}

.book-summary-add:focus span,
.book-summary-add:hover span {
    color: #dd3240
}

.book-summary-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem
}

.book-summary-credit,
.book-summary-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-summary-credit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 .6rem
}

.book-summary-credit-price,
.book-summary-credit-text {
    color: #37d999;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1
}

.book-summary-credit-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.book-summary-credit-price {
    font-weight: 700
}

.book-summary-credit-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-summary-credit {
    border-bottom: .1rem solid #37d999;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-bottom: .3rem
}

.book-summary-credit-icon {
    cursor: pointer;
    margin-left: 1rem
}

.book-summary-credit-icon .icon>svg {
    height: 28px;
    height: 1.75rem;
    width: 24px;
    width: 1.5rem
}

.book-summary-credit-icon .icon>svg path:first-child {
    fill: #37d999
}

.book-summary-total {
    color: #1c1a2c;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1;
    margin: 1.5rem 0 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: right
}

.book-summary-total.is-wii-smile {
    color: #3cb4a0;
    line-height: 32px;
    line-height: 2rem;
    font-size: 25.6px;
    font-size: 1.6rem
}

.book-summary-total.is-wii-smile>span {
    font-weight: 700;
    font-size: 28.8px;
    font-size: 1.8rem
}

.book-summary-alert {
    border-top: .1rem solid #ddd;
    margin-top: 1rem;
    padding-top: 1rem
}

.book-summary-alert span {
    color: #474655;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 28.8px;
    line-height: 1.8rem
}

.book-summary-alert-cancellation {
    background-color: rgba(55, 217, 153, .1);
    border: .1rem solid #37d999;
    border-radius: .4rem;
    margin-top: .7rem;
    padding: 1rem
}

.book-summary .button {
    display: none
}

@media (max-width:764.9px) {
    .book-summary {
        width: 100%
    }

    .book-summary-infos {
        display: block
    }

    .book-summary .button {
        display: block;
        margin-top: 1rem;
        padding: 1.1rem 3rem;
        text-align: center;
        width: 100%
    }
}

@media (max-width:474.9px) {
    .book-summary-activity-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .book-summary-activity-ref {
        margin: 1rem 0 0
    }

    .book-summary-activity-title {
        font-size: 1.3rem
    }

    .book-summary-activity-price {
        font-size: 1.8rem;
        margin: 1rem 0 0
    }

    .book-summary-activity-icon .icon>svg {
        height: 2rem;
        width: 2rem
    }
}

.book-summary.is-wii-smile .book-summary-credit {
    border-color: #3cb4a0
}

.book-summary.is-wii-smile .book-summary-credit-price,
.book-summary.is-wii-smile .book-summary-credit-text {
    color: #3cb4a0
}

.book-summary.is-wii-smile .book-summary-credit-icon .icon>svg path:first-child {
    fill: #3cb4a0
}

.book-summary.is-wii-smile .book-summary-alert-cancellation {
    background-color: rgba(60, 180, 160, .1);
    border-color: #3cb4a0
}

.book-form {
    display: block;
    width: 100%
}

.book-form-head p {
    border-bottom: .1rem solid #ccc;
    color: #251a80;
    margin: 0;
    padding-bottom: 1rem
}

.book-form-error span,
.book-form-head p {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.book-form-error span {
    border: .1rem solid #dd3240;
    border-radius: .4rem;
    color: #dd3240;
    display: block;
    margin-top: 1rem;
    padding: 1rem 2rem
}

.book-form-content {
    margin: 2rem 0
}

.book-form-checkbox {
    margin-top: 1rem
}

.book-form-checkbox-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.5rem;
    position: relative
}

.book-form-checkbox-item:last-child {
    border: transparent;
    margin: 0;
    padding: 0
}

.book-form-checkbox-item input[type=radio] {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 32px;
    height: 2rem;
    margin: 0;
    opacity: 0;
    position: relative;
    width: 32px;
    width: 2rem;
    z-index: 1
}

.book-form-checkbox-item input[type=radio]:checked+.book-form-checkbox-checkmark {
    background-color: #fff;
    border: .2rem solid #f75b6c
}

.book-form-checkbox-item input[type=radio]:checked+.book-form-checkbox-checkmark:after {
    opacity: 1
}

.book-form-checkbox-checkmark {
    background-color: #eee;
    border: .1rem solid #bbb;
    border-radius: .4rem;
    height: 32px;
    height: 2rem;
    left: 0;
    position: absolute;
    width: 32px;
    width: 2rem
}

.book-form-checkbox-checkmark:after {
    content: "";
    border-color: #f75b6c;
    border-style: solid;
    border-width: 0 .2rem .2rem 0;
    opacity: 0;
    height: 16px;
    height: 1rem;
    left: 8.8px;
    left: .55rem;
    position: absolute;
    top: 3.2px;
    top: .2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    width: .5rem
}

.book-form-checkbox-text {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-left: 1.5rem
}

.book-form-block {
    margin-top: 2rem
}

.book-form-block input,
.book-form-block textarea {
    color: #333;
    background-color: #f5f5f5;
    border: .1rem solid #ccc;
    border-radius: .5rem;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 1rem;
    padding: .9rem 1.2rem;
    width: 100%
}

.book-form-block input:focus,
.book-form-block textarea:focus {
    border-color: #f75b6c
}

.book-form-block label {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.book-form-block textarea {
    height: 120px;
    height: 7.5rem
}

.book-form-block .button {
    display: none;
    padding: 1.1rem 3rem;
    text-align: center;
    width: 100%
}

@media (max-width:764.9px) {
    .book-form .button {
        display: block
    }
}

@media (max-width:474.9px) {
    .book-form-head p {
        padding: 1rem 0
    }

    .book-form .button {
        display: block
    }
}

.breadcrumbs {
    font-size: 0;
    padding: 3rem 0 1rem 1rem
}

.breadcrumbs.is-mobile {
    background-color: #f3f3f3;
    display: none;
    padding: 1.5rem 2rem;
    max-width: 992px;
    max-width: 62rem;
    margin: 0 auto;
    width: 100%
}

.breadcrumbs.is-mobile .breadcrumbs-item+.breadcrumbs-item:before {
    width: 32px;
    width: 2rem
}

.breadcrumbs-item {
    display: inline;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 40px;
    line-height: 2.5rem
}

.breadcrumbs-item>a {
    color: rgba(71, 70, 85, .6);
    display: inline;
    text-decoration: none
}

.breadcrumbs-item>a:focus,
.breadcrumbs-item>a:hover {
    text-decoration: underline
}

.breadcrumbs-item:first-child>* {
    padding-left: 0
}

.breadcrumbs-item:last-child {
    margin-right: 0
}

.breadcrumbs-item:last-child>a {
    color: #1c1a2c
}

.breadcrumbs-item+.breadcrumbs-item:before {
    content: ">";
    color: #ccc;
    display: inline-block;
    font-size: 24px;
    font-size: 1.5rem;
    speak: none;
    text-align: center;
    width: 36px;
    width: 2.25rem
}

.breadcrumbs-infos {
    color: #474655;
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 1rem 0 0
}

.breadcrumbs-item-responsive-design-text:after {
    content: attr(data-desktop-text)
}

@media (max-width:764.9px) {
    .breadcrumbs-item-responsive-design-text:after {
        content: attr(data-mobile-text)
    }
}

@media (max-width:1023.9px) {
    .breadcrumbs.is-mobile {
        display: block
    }
}

@media (max-width:474.9px) {
    .breadcrumbs.is-mobile {
        padding: 1rem 1.3rem .5rem
    }
}

.button {
    background-color: #f75b6c;
    border: transparent;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Metropolis, sans-serif;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .8px;
    letter-spacing: .05rem;
    line-height: 32px;
    line-height: 2rem;
    outline: 0;
    padding: 1.5rem 3rem;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.button:focus,
.button:hover {
    background-color: #dd3240
}

.button:disabled {
    background-color: #f9af9f;
    cursor: default
}

.button.large {
    padding: 1.5rem 7rem
}

.button.small {
    padding: .8rem 2rem
}

.button.small span {
    text-transform: lowercase
}

.button.small span:first-letter {
    text-transform: uppercase
}

.button.block {
    display: block;
    text-align: center
}

.button.block.hidden {
    display: none
}

.button.white {
    background-color: #fff;
    color: #f75b6c
}

.button.white:focus,
.button.white:hover {
    background-color: #f75b6c;
    color: #fff
}

.button.outline {
    background-color: transparent;
    border: .1rem solid #f75b6c;
    padding: 1.4rem 3rem
}

.button.outline span {
    color: #f75b6c
}

.button.outline:focus,
.button.outline:hover {
    background-color: #f2eded
}

.button.small-padding {
    padding: 1.7rem 2rem !important
}

.button.without-break-lines>span {
    white-space: pre
}

@media (max-width:764.9px) {
    .button.without-break-lines>span {
        white-space: normal
    }
}

.button.bg-red {
    background-color: #f2eded;
    border: .1rem solid #f75b6c
}

.button.bg-red span {
    color: #f75b6c
}

.button.bg-red:focus,
.button.bg-red:hover {
    background-color: #ffcfd4
}

.button.blue {
    background-color: transparent;
    border: .1rem solid #251a80
}

.button.blue span {
    color: #251a80
}

.button.blue:focus,
.button.blue:hover {
    background-color: #f2f1ff
}

.button.outline-red {
    background-color: rgba(255, 207, 212, .2);
    border: .1rem solid #f75b6c;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    padding: 1.5rem 3rem 1.4rem
}

.button.outline-red span {
    color: #f75b6c
}

.button.outline-red:focus,
.button.outline-red:hover {
    border-color: #d33b78
}

.button.outline-red:focus span,
.button.outline-red:hover span {
    color: #d33b78
}

.button.with-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.button.with-icon .icon>svg {
    height: 40px;
    height: 2.5rem;
    margin-right: 1rem;
    width: 40px;
    width: 2.5rem
}

.button.full-width {
    width: 100%;
    text-align: center
}

.button.less-high {
    line-height: 16px;
    line-height: 1rem
}

.button.is-link {
    background-color: transparent;
    border: transparent;
    color: #474655;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    padding: .5rem 0
}

.button.is-link:focus,
.button.is-link:hover {
    background-color: #f2f1ff
}

.button.is-link.red {
    color: #f75b6c
}

.button.is-link.red:focus,
.button.is-link.red:hover {
    background-color: rgba(247, 91, 108, .1)
}

.button.is-wii-smile {
    background-color: #df3b60
}

.button.is-wii-smile:focus,
.button.is-wii-smile:hover {
    background-color: #db254e
}

.button.is-wii-smile[disabled] {
    background-color: #ed93a7
}

.button.is-wii-smile-green {
    background-color: #3cb4a0
}

.button.is-wii-smile-green:focus,
.button.is-wii-smile-green:hover {
    background-color: #36a18f
}

.button.is-wii-smile-green-inverted {
    background-color: #fff;
    border: .1rem solid #3cb4a0;
    color: #3cb4a0
}

.button.is-wii-smile-green-inverted .icon>svg path {
    fill: #3cb4a0
}

.button.is-wii-smile-green-inverted:focus,
.button.is-wii-smile-green-inverted:hover {
    border-color: #36a18f;
    color: #36a18f
}

.button.outline-white {
    border: .1rem solid #fff
}

.button.outline-white .icon>svg path {
    fill: #fff
}

.call-to-action {
    padding: 6rem 2rem;
    background-image: url(/assets.woom.fr/packs/base/patterns/memphis-bg-mozaic-03ffde787c303cff3c57d80151dc94b9.jpg);
    background-position: 0;
    background-size: auto;
    background-repeat: repeat;
    height: auto;
    width: 100%
}

.call-to-action-wrapper {
    margin: 0 auto;
    max-width: 1984px;
    max-width: 124rem;
    width: 100%
}

.call-to-action-title {
    color: #fff;
    display: block;
    font-family: bebas;
    font-size: 76.8px;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 86.4px;
    line-height: 5.4rem;
    margin: 0 0 4.5rem;
    text-align: center;
    width: 100%
}

.call-to-action-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.call-to-action-button {
    margin: 0 1.5rem;
    max-width: 480px;
    max-width: 30rem;
    width: 100%
}

.call-to-action-button .icon>svg path {
    fill: #fff
}

.call-to-action-trustpilot {
    margin: 3rem 0 0
}

@media (max-width:764.9px) {
    .call-to-action-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .call-to-action-button {
        margin: 0 0 1.5rem;
        max-width: 36rem
    }
}

@media (max-width:369.9px) {
    .call-to-action-button .button {
        padding: 1.5rem 2rem
    }
}

.card-favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 1rem 2rem;
    max-width: 45%;
    min-height: 416px;
    min-height: 26rem;
    position: relative;
    width: 100%
}

.card-favorite,
.card-favorite-button,
.card-favorite-category,
.card-favorite-image,
.card-favorite-price,
.card-favorite-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-favorite-image {
    background-color: rgba(0, 0, 0, .6);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 320px;
    height: 20rem;
    position: relative
}

.card-favorite-image:after {
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    pointer-events: none;
    left: 0;
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .6)));
    background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .6));
    top: 0;
    height: 128px;
    height: 8rem
}

.card-favorite-deleted {
    position: absolute;
    right: 24px;
    right: 1.5rem;
    top: 24px;
    top: 1.5rem;
    z-index: 100
}

.card-favorite-deleted .icon {
    cursor: pointer;
    outline: none
}

.card-favorite-deleted .icon>svg {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.card-favorite-deleted .icon>svg path {
    fill: #37d999
}

.card-favorite-cost {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 1.5rem .8rem;
    position: absolute;
    right: 0;
    width: auto
}

.card-favorite-cost.is-promo {
    background-color: #37d999;
    background-image: none
}

.card-favorite-price {
    color: #fff;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin: 0
}

.card-favorite-new {
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500
}

.card-favorite-old {
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    padding-right: .5rem;
    text-decoration: line-through
}

.card-favorite-content {
    background-color: #fff;
    border: .1rem solid #d6d6d6;
    border-top: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 248px;
    min-height: 15.5rem;
    padding: 1.5rem
}

.card-favorite-title {
    color: #1c1a2c;
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    height: 92.8px;
    height: 5.8rem;
    line-height: 32px;
    line-height: 2rem;
    overflow: hidden
}

.card-favorite-category,
.card-favorite-title {
    font-weight: 700;
    margin: 0 0 .5rem
}

.card-favorite-category {
    color: #f75b6c;
    font-size: 17.6px;
    font-size: 1.1rem;
    letter-spacing: .8px;
    letter-spacing: .05rem;
    line-height: 22.4px;
    line-height: 1.4rem;
    text-transform: uppercase
}

.card-favorite-button {
    border: .1rem solid #f75b6c;
    border-radius: .4rem;
    color: #f75b6c;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 1;
    outline: 0;
    padding: 1.3rem 2rem 1rem;
    text-transform: uppercase;
    text-align: center
}

@media (min-width:765px) and (max-width:1023.9px) {
    .card-favorite {
        max-width: 46%
    }
}

@media (max-width:764.9px) {
    .card-favorite {
        float: none;
        margin: 0 0 2rem;
        max-width: 100%
    }

    .card-favorite-image {
        height: 24rem
    }
}

.card-profil-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
    text-align: center
}

.card-profil-image {
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    height: 240px;
    height: 15rem;
    width: 240px;
    width: 15rem
}

.card-profil-name {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin-top: 1.5rem
}

.card-profil-change {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-top: .5rem;
    text-decoration: none
}

.card-profil-change:focus,
.card-profil-change:hover {
    color: #f75b6c;
    text-decoration: underline
}

.card-profil-link {
    color: #251a80;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 32px;
    line-height: 2rem;
    margin-top: 2rem;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase
}

.card-profil-link:focus,
.card-profil-link:hover {
    text-decoration: underline
}

.card-reservation {
    display: block;
    float: left;
    max-width: 41%;
    margin: 2rem 2rem 0 0;
    width: 100%
}

.card-reservation-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 6.4px;
    border-top-left-radius: .4rem;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    height: 320px;
    height: 20rem;
    position: relative;
    width: 100%
}

.card-reservation-waiting {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7cd5b;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding: 1rem 2rem;
    position: absolute;
    right: 0
}

.card-reservation-waiting .icon>svg {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.card-reservation-waiting .icon>svg path {
    fill: #251a80
}

.card-reservation-waiting>span {
    color: #1c1a2c;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 22.4px;
    line-height: 1.4rem;
    font-weight: 500;
    padding-left: 1rem
}

.card-reservation-content {
    background-color: #fff;
    border: .1rem solid #ddd;
    border-top: transparent;
    border-bottom-left-radius: 6.4px;
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    min-height: 448px;
    min-height: 28rem;
    padding: 1.5rem 2rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-reservation-content-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .5rem
}

.card-reservation-old-price,
.card-reservation-price,
.card-reservation-title {
    display: inline;
    line-height: 35.2px;
    line-height: 2.2rem
}

.card-reservation-price {
    color: #251a80;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700
}

.card-reservation-old-price,
.card-reservation-price {
    font-size: 25.6px;
    font-size: 1.6rem;
    margin-right: 1rem
}

.card-reservation-old-price {
    color: #999;
    font-weight: 500;
    text-decoration: line-through
}

.card-reservation-title {
    color: #474655;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 400;
    height: 72px;
    height: 4.5rem;
    margin: 0;
    overflow: hidden
}

.card-reservation-credit {
    color: #37d999;
    font-size: 20.8px;
    font-size: 1.3rem;
    padding: .5rem 0
}

.card-reservation-status {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem;
    padding: 1rem 0 0;
    text-transform: uppercase
}

.card-reservation-chat {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid #ddd;
    border-top: .1rem solid #ddd;
    color: #474655;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 400;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 1rem 0
}

.card-reservation-chat .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.card-reservation-chat:focus,
.card-reservation-chat:hover {
    color: #f75b6c;
    text-decoration: underline
}

.card-reservation-chat:focus .icon>svg path,
.card-reservation-chat:hover .icon>svg path {
    fill: #f75b6c
}

.card-reservation .button {
    font-size: 20.8px;
    font-size: 1.3rem;
    margin-top: 1rem;
    padding: 1.2rem 2rem .8rem;
    width: 100%
}

.card-reservation-empty {
    margin-left: 10rem;
    max-width: 784px;
    max-width: 49rem;
    text-align: center;
    width: 100%
}

.card-reservation-empty-image {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 480px;
    height: 30rem;
    margin: 1rem 0 3rem;
    width: 100%
}

.card-reservation-empty-title {
    color: #1c1a2c;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem
}

.card-reservation-empty-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-bottom: 2rem
}

@media screen and (max-width:1150px) {
    .card-reservation {
        max-width: 46%
    }
}

@media (max-width:1023.9px) {
    .card-reservation {
        float: none;
        max-width: 100%
    }

    .card-reservation-empty {
        margin: 0 auto
    }
}

@media (max-width:764.9px) {
    .card-reservation-empty-image {
        height: 20rem
    }

    .card-reservation-waiting {
        padding: 1rem 1.5rem
    }

    .card-reservation-content {
        min-height: auto;
        padding: 1.5rem 1.5rem 2rem
    }

    .card-reservation-title {
        height: auto;
        margin: 0;
        overflow: auto
    }

    .card-reservation-credit {
        padding-bottom: 1rem
    }
}

.category-block {
    margin: 0 auto;
    max-width: 1536px;
    max-width: 96rem;
    padding: 4rem 0;
    width: 100%
}

.category-block-button {
    padding: 2rem
}

.category-block-button .button {
    background-color: #f75b6c;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.category-block-button .button:focus,
.category-block-button .button:hover {
    background-color: #dd3240
}

.category-block-title {
    color: #222;
    display: block;
    font-family: bebas;
    font-size: 57.6px;
    font-size: 3.6rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 64px;
    line-height: 4rem;
    margin: 0;
    width: 100%
}

.category-block-subtitle {
    color: #222;
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 1.5rem 0 0
}

.category-block-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 18rem;
    gap: 32px;
    gap: 2rem;
    margin-top: 3rem
}

.category-block-item {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    height: 100%;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.category-block-item:focus,
.category-block-item:hover {
    -webkit-box-shadow: rgba(38, 35, 77, .3) 0 0 1rem 0;
    box-shadow: 0 0 1rem 0 rgba(38, 35, 77, .3)
}

.category-block-item:focus .category-block-item-title,
.category-block-item:hover .category-block-item-title {
    left: 16px;
    left: 1rem
}

.category-block-item:before {
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .6)));
    background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .6));
    display: block;
    top: 0;
    height: 80px;
    height: 5rem;
    position: absolute;
    pointer-events: none;
    left: 0;
    width: 100%
}

.category-block-item-title {
    color: #fff;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    font-size: 27.2px;
    font-size: 1.7rem;
    font-weight: 700;
    left: 0;
    margin: 0;
    padding: 2rem;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width:1023.9px) {
    .category-block {
        padding: 3rem 2rem
    }
}

@media (max-width:764.9px) {
    .category-block {
        padding: 3rem 1.5rem
    }

    .category-block-title {
        font-size: 2.8rem;
        line-height: 3.4rem
    }

    .category-block-subtitle {
        margin: 1rem 0 0
    }

    .category-block-list {
        grid-template-columns: 1fr;
        margin-top: 2rem
    }
}

.category-block.is-veepee .category-block-button .button {
    background-color: #ec008c
}

.category-block.is-veepee .category-block-button .button:focus,
.category-block.is-veepee .category-block-button .button:hover {
    background-color: #d3007d
}

.cities-list {
    position: relative;
    top: -120px;
    top: -7.5rem;
    margin-bottom: 8rem
}

.cities-list .layout-container {
    max-width: 2080px;
    max-width: 130rem
}

.cities-list-items {
    list-style-type: none;
    margin: 0 auto;
    max-width: 2016px;
    max-width: 126rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.cities-list-item {
    float: left;
    display: block;
    margin: 2rem 0;
    max-width: 33%;
    padding: 0 2rem;
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    width: 100%
}

.cities-list-item:hover {
    -webkit-transform: translateY(-1.5rem) rotate(0);
    transform: translateY(-1.5rem) rotate(0)
}

.cities-list-item:first-child:hover {
    -webkit-transform: translateY(-1.5rem) rotate(-2deg);
    transform: translateY(-1.5rem) rotate(-2deg)
}

.cities-list-item:nth-child(3):hover {
    -webkit-transform: translateY(-1.5rem) rotate(2deg);
    transform: translateY(-1.5rem) rotate(2deg)
}

.cities-list-name {
    background-color: #251a80;
    color: #f75b6c;
    font-family: bebas, sans-serif;
    font-size: 48px;
    font-size: 3rem;
    letter-spacing: 3.52px;
    letter-spacing: .22rem;
    margin-bottom: 0;
    padding: .5rem 2rem 1rem
}

.cities-list-name.color-blue {
    background-color: #251a80;
    color: #f7cd5b
}

.cities-list-name.color-green {
    background-color: #479a38;
    color: #f7cd5b
}

.cities-list-name.color-turquoise {
    background-color: #37d999;
    color: #251a80
}

.cities-list-name.color-pink {
    background-color: #ffcfd4;
    color: #1c1a2c
}

.cities-list-name.color-purple {
    background-color: #7b4aa1;
    color: #ffcfd4
}

.cities-list-name.color-red {
    background-color: #f75b6c;
    color: #251a80
}

.cities-list-name.color-yellow {
    background-color: #f7cd5b;
    color: #1c1a2c
}

.cities-list-item-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: bottom no-repeat;
    background-color: #fff;
    background-size: cover;
    border-radius: .8rem;
    -webkit-box-shadow: 0 .6rem 2rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .6rem 2rem 0 rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 384px;
    height: 24rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    width: 100%
}

.cities-list-content {
    border: .2rem solid #ffcfd4;
    border-radius: .8rem;
    background-color: #ffeeef;
    background-image: url(/assets.woom.fr/packs/components/cities_list/bg-add-city-efe451a4e4c7ff7040c646c254fd1cba.png);
    background-position: 0 0;
    background-size: 20rem;
    background-repeat: repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    margin: 2rem 0 0 2rem;
    max-width: 30%;
    padding: 4rem;
    text-align: center;
    width: 100%
}

.cities-list-content-title {
    color: #251a80;
    font-family: bebas, sans-serif;
    letter-spacing: 3.2px;
    letter-spacing: .2rem;
    font-weight: 700;
    font-size: 44.8px;
    font-size: 2.8rem;
    line-height: 51.2px;
    line-height: 3.2rem
}

.cities-list-content-button {
    background-color: rgba(255, 207, 212, .2);
    font-family: Metropolis, sans-serif;
    margin-top: 2rem
}

.cities-list-more {
    margin: 2rem 0
}

.cities-list-more-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 368px;
    max-width: 23rem;
    padding: 2rem;
    position: relative
}

.cities-list-more-title select {
    background-color: transparent;
    pointer-events: none;
    border: transparent;
    color: #251a80;
    font-family: bebas, sans-serif;
    font-size: 27.2px;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    margin: 0;
    text-indent: 1.6px;
    text-indent: .1rem;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cities-list-more-title .icon {
    margin-left: 1rem
}

.cities-list-more-title .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.cities-list-more-title .icon>svg path {
    fill: #251a80
}

.cities-list-more-title:hover .cities-list-more-content {
    display: block
}

.cities-list-more-content {
    background-color: #fff;
    background-image: url(/assets.woom.fr/packs/base/patterns/multi-cloud-pattern-1f88f6af70b746e59f50655a68f806b7.png);
    background-position: 100% 100%;
    background-size: 20rem;
    background-repeat: no-repeat;
    border-radius: .4rem;
    -webkit-box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, .15);
    -webkit-columns: 3;
    -moz-columns: 3;
    column-count: 3;
    display: none;
    left: -273.6px;
    left: -17.1rem;
    margin-top: 0;
    padding: 4rem 4rem 6rem;
    position: absolute;
    right: -276.8px;
    right: -17.3rem;
    top: 96px;
    top: 6rem;
    z-index: 3000
}

.cities-list-more-items {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.cities-list-more-item {
    padding: 0 2rem 0 0;
    width: 256px;
    width: 16rem
}

.cities-list-more-item:nth-child(3n+1) {
    clear: left
}

.cities-list-more-item a {
    color: #474655;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 41.6px;
    line-height: 2.6rem
}

.cities-list-more-item a:focus,
.cities-list-more-item a:hover {
    text-decoration: underline
}

@media (max-width:1300px) {
    .cities-list-content {
        max-width: 29.5%
    }
}

@media (max-width:1023.9px) {

    .cities-list-item:first-child:hover,
    .cities-list-item:hover,
    .cities-list-item:nth-child(3):hover {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    .cities-list-name {
        font-size: 2.1rem
    }

    .cities-list-content {
        height: auto;
        margin: 2rem .5rem 0;
        max-width: 63rem;
        padding: 2rem
    }

    .cities-list-content-title {
        font-size: 2rem;
        margin-top: 1rem
    }

    .cities-list-more-title select {
        pointer-events: visible
    }

    .cities-list-more-title:hover .cities-list-more-content {
        display: none
    }
}

@media (min-width:765px) and (max-width:1023.9px) {
    .cities-list-items {
        max-width: 64rem
    }

    .cities-list-item {
        margin: 1rem 0;
        max-width: 32rem;
        padding: 0 .5rem
    }
}

@media (max-width:764.9px) {
    .cities-list-items {
        max-width: 80%;
        padding: 0 2rem
    }

    .cities-list-item {
        margin: 2rem 0 0;
        max-width: 100%;
        padding: 0 .5rem
    }

    .cities-list-item-link {
        height: 25rem
    }

    .cities-list-content {
        height: auto;
        padding: 4rem 2rem
    }
}

@media (max-width:474.9px) {
    .cities-list-items {
        max-width: 90%;
        padding: 0 1.5rem
    }
}

.comments-items {
    border-bottom: .1rem solid #ddd;
    list-style-type: none;
    margin: 0 0 3rem;
    padding: 0 0 4rem
}

.comments-item {
    border-top: .1rem solid #ddd;
    margin-top: 3rem;
    padding-top: 3rem
}

.comments-item:first-child {
    border: transparent;
    margin-top: 0;
    padding-top: 0
}

.comments-item p {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: 0
}

.comments-head {
    margin-bottom: 1.5rem
}

.comments-avatar,
.comments-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comments-avatar {
    background-color: #251a80;
    background-position: 50%;
    background-size: cover;
    border-radius: 5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 89.6px;
    height: 5.6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.5rem;
    width: 89.6px;
    width: 5.6rem
}

.comments-avatar span {
    color: #f7cd5b;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700
}

.comments-name {
    color: #1c1a2c;
    font-weight: 500;
    line-height: 25.6px;
    line-height: 1.6rem;
    margin-bottom: .3rem
}

.comments-name:first-letter {
    text-transform: uppercase
}

.comments-infos .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.comments-ranking {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comments-verified {
    background-color: #37d999;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    font-size: 19.2px;
    font-size: 1.2rem;
    margin-left: 1.5rem;
    padding: .6rem .8rem;
    position: relative
}

.comments-verified:hover .comments-tooltip {
    display: block
}

.comments-tooltip {
    background: #eee;
    -webkit-box-shadow: rgba(0, 0, 0, .1) .1rem .1rem .2rem 0;
    box-shadow: .1rem .1rem .2rem 0 rgba(0, 0, 0, .1);
    border-radius: .5rem;
    color: #474655;
    display: none;
    height: auto;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    padding: 1rem;
    position: absolute;
    text-align: left;
    text-shadow: rgba(0, 0, 0, .1) 1.6px 1.6px 1.6px;
    text-shadow: rgba(0, 0, 0, .1) .1rem .1rem .1rem;
    top: -120px;
    top: -7.5rem;
    left: 0;
    width: 480px;
    width: 30rem
}

.comments-tooltip:first-letter {
    text-transform: uppercase
}

.comments-tooltip:after {
    content: "";
    border: 1rem solid transparent;
    border-top-color: #eee;
    bottom: -32px;
    bottom: -2rem;
    height: 0;
    left: 32px;
    left: 2rem;
    position: absolute;
    width: 0
}

.comments-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: 0;
    color: #251a80;
    cursor: pointer;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    margin-top: 4.5rem;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase
}

.comments-more,
.comments-more span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comments-more span:after {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/icons/small-arrow-bottom-blue-f86194cfae4b869865dfa85f4307e461.svg);
    background-position: 66.5% 30.7%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 24px;
    height: 1.5rem;
    width: 40px;
    width: 2.5rem
}

.comments-more:focus,
.comments-more:hover {
    color: #f75b6c
}

.comments-more:focus span:after,
.comments-more:hover span:after {
    background-image: url(/assets.woom.fr/packs/base/icons/small-arrow-bottom-47a4ad4af3e8dd0a76d4e02ee70000e4.svg)
}

.comments-more-items {
    display: none
}

.comments-add {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.comments-add,
.comments-add-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comments-add-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #474655;
    cursor: pointer;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 41.6px;
    line-height: 2.6rem;
    padding: 1rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.comments-add-title:after {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/icons/small-arrow-bottom-blue-f86194cfae4b869865dfa85f4307e461.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 48px;
    height: 3rem;
    margin-left: 1rem;
    pointer-events: none;
    width: 48px;
    width: 3rem
}

.comments-add-title.is-active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.comments-add-content {
    display: none
}

.comments-add-content.is-open {
    display: block
}

.comments-add .button {
    margin-top: 3rem
}

.comments-add .layout-content {
    padding: 0;
    margin: 0
}

.comments-add-messages {
    padding-bottom: 1rem
}

.comments-add .error-message,
.comments-add .info-message {
    border-radius: .4rem;
    padding: 1.5rem
}

.comments-add .error-message {
    border: .1rem solid #dd3240;
    color: #dd3240
}

.comments-add .info-message {
    border: .1rem solid #37d999;
    color: #37d999
}

.comments-form {
    width: 100%
}

.comments-form .star {
    margin: 2rem 0 4rem
}

.comments-form textarea {
    border: .1rem solid #ddd;
    border-radius: .4rem;
    color: #474655;
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    padding: 3rem 2rem;
    width: 100%
}

.connexion {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: static;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.connexion,
.connexion-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.connexion-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    position: relative
}

@media (max-width:1023.9px) {
    .connexion-container {
        overflow-x: hidden
    }
}

.connexion-image {
    background-image: url(/assets.woom.fr/packs/components/connexion/background-connexion-woom-bfe8652421e05b2ee277581f85181d33.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-left: 0;
    width: 100%
}

.connexion-content {
    margin-left: 8rem;
    max-width: 640px;
    max-width: 40rem;
    width: 100%
}

.connexion-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 4.5rem
}

.connexion-nav,
.connexion-nav-item:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.connexion-nav-item:first-child:after {
    content: "";
    background-color: #ddd;
    display: block;
    height: 48px;
    height: 3rem;
    margin-left: 3rem;
    width: 1.6px;
    width: .1rem
}

.connexion-nav-item:last-child {
    margin-left: 3rem
}

.connexion-nav-link {
    color: #999;
    display: inline-block;
    font-size: 28.8px;
    font-size: 1.8rem;
    letter-spacing: 3.2px;
    letter-spacing: .2rem;
    padding: 1.5rem 0;
    text-align: center;
    -webkit-transition: solid 3.2px ease-out;
    transition: solid 3.2px ease-out;
    -webkit-transition: solid .2rem ease-out;
    transition: solid .2rem ease-out
}

.connexion-nav-link:focus,
.connexion-nav-link:hover {
    color: #474655
}

.connexion-nav-link.is-active {
    border-bottom: .1rem solid #333;
    color: #474655;
    font-weight: 500
}

.connexion-social {
    background-color: #3b5998;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 1.2rem 3rem 1rem;
    -webkit-transition: solid 3.2px ease-out;
    transition: solid 3.2px ease-out;
    -webkit-transition: solid .2rem ease-out;
    transition: solid .2rem ease-out
}

.connexion-social:focus,
.connexion-social:hover {
    background-color: #251a80
}

.connexion-divider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem
}

.connexion-divider span {
    padding: 0 3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #999;
    font-size: 25.6px;
    font-size: 1.6rem
}

.connexion-divider:after,
.connexion-divider:before {
    content: "";
    background-color: #ddd;
    height: 1.6px;
    height: .1rem;
    width: 100%
}

.connexion-form-password label,
.connexion-form label {
    color: #474655;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 2rem 0 1rem
}

.connexion-form-password input,
.connexion-form input {
    background-color: #fcfcfc;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    display: block;
    padding: 1.2rem;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 1;
    width: 100%
}

.connexion-form-mdp,
.connexion-form-password-mdp {
    color: #999;
    float: right;
    font-size: 22.4px;
    font-size: 1.4rem;
    padding-top: 1rem;
    text-decoration: underline
}

.connexion-form-mdp:focus,
.connexion-form-mdp:hover,
.connexion-form-password-mdp:focus,
.connexion-form-password-mdp:hover {
    color: #474655
}

.connexion-form-password input[type=submit],
.connexion-form input[type=submit] {
    background-color: #f75b6c;
    border-color: transparent;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    margin-top: 5rem;
    padding: 1.4rem 3rem 1.2rem;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.connexion-form-password input[type=submit]:focus,
.connexion-form-password input[type=submit]:hover,
.connexion-form input[type=submit]:focus,
.connexion-form input[type=submit]:hover {
    background-color: #dd3240
}

.connexion .error-message {
    background-color: #fff;
    border: .1rem solid #d33b78;
    border-radius: .4rem;
    color: #d33b78;
    padding: 1.5rem
}

@media (max-width:1023.9px) {
    .connexion-content {
        margin: 0 3rem
    }

    .connexion-image {
        display: none
    }
}

@media (max-width:474.9px) {
    .connexion-content {
        margin: 0 2rem
    }

    .connexion-items {
        max-width: 90%;
        padding: 0 1.5rem
    }
}

.connexion .for-robot {
    height: 0;
    position: absolute;
    left: 1600px;
    left: 100rem;
    z-index: -100
}

.connexion .sign-in-form {
    position: relative
}

.connexion-back {
    left: 32px;
    left: 2rem;
    position: absolute;
    top: 32px;
    top: 2rem
}

.connexion-title {
    color: #251a80;
    font-size: 41.6px;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 51.2px;
    line-height: 3.2rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    text-align: center;
    margin: 0 auto;
    max-width: 560px;
    max-width: 35rem;
    padding: 1.5rem 0;
    width: 100%
}

.connexion-text {
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-top: 1rem;
    text-align: center;
    width: 100%
}

.connexion-form-password {
    margin-top: 2rem
}

.connexion-form-password input[type=submit] {
    margin-top: 1rem
}

.contact {
    max-width: 960px;
    max-width: 60rem
}

.contact-title {
    color: #474655;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 57.6px;
    line-height: 3.6rem;
    margin: 0
}

.contact-text {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    font-weight: 500;
    margin-top: 1.5rem
}

.contact-content form {
    margin: 2rem 0
}

.contact-content form input,
.contact-content form select,
.contact-content form textarea {
    border: .1rem solid #ddd;
    border-radius: .5rem;
    background-color: #fff;
    color: #474655;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 1rem;
    padding: 0 1.5rem;
    vertical-align: middle;
    width: 100%
}

.contact-content form input:focus,
.contact-content form select:focus,
.contact-content form textarea:focus {
    border-color: #f75b6c
}

.contact-content form input {
    padding: 1.5rem
}

.contact-content form select {
    height: 80px;
    height: 5rem
}

.contact-content form textarea {
    padding-top: 1rem
}

.contact-button {
    text-align: right
}

.content-list {
    margin: 4rem 0 6rem
}

.content-list.like-more {
    margin: 8rem 0 5rem
}

.content-list.like-more .content-list-heading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content-list.like-more.is-experience {
    margin: 0 0 6rem
}

.content-list.like-more.is-experience .layout-container {
    padding: 0
}

.content-list.like-more.is-experience h3 {
    color: #1c1a2c;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin: 0 0 1rem
}

.content-list.is-wii-smile .experience-card-category {
    color: #3cb4a0
}

.content-list.vertical {
    margin: 0
}

.content-list.vertical .layout-container {
    padding: 0
}

.content-list.vertical .content-list-heading {
    margin: 3rem 0 2rem
}

.content-list.vertical .content-list-title {
    font-size: 22.4px;
    font-size: 1.4rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 1;
    margin: 0 0 0 7rem;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.content-list.vertical .content-list-title:before {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/patterns/diagonal-567a338465921ee309b285eecf7ea144.png);
    background-position: 50%;
    background-repeat: repeat;
    background-size: 230%;
    height: 16px;
    height: 1rem;
    position: absolute;
    left: -112px;
    left: -7rem;
    width: 96px;
    width: 6rem;
    z-index: -1
}

.content-list.vertical .content-list-link {
    display: none
}

.content-list.vertical .content-list-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-list.vertical .content-list-item {
    margin: 0 0 3rem
}

.content-list.vertical .content-list-item .article-card {
    min-height: 400px;
    min-height: 25rem
}

.content-list-heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: inline-block;
    margin: 0 0 3rem
}

.content-list-link {
    display: inline-block;
    float: right;
    padding-top: 1rem
}

.content-list-link a {
    color: #251a80;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.content-list-link a:focus,
.content-list-link a:hover {
    color: #f75b6c
}

.content-list-link .icon>svg {
    height: 17.6px;
    height: 1.1rem;
    margin-left: 1rem;
    width: 16px;
    width: 1rem
}

.content-list-title {
    color: #474655;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 57.6px;
    line-height: 3.6rem;
    margin: 0
}

.content-list-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.content-list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1rem
}

.content-list-item:first-child {
    margin-left: 0
}

.content-list-item:last-child {
    margin-right: 0
}

@media (max-width:1023.9px) {
    .content-list.like-more.is-experience {
        margin: 0 0 5rem;
        width: 100%
    }

    .content-list.like-more.is-experience .content-list-heading {
        margin: 0
    }

    .content-list-heading {
        margin: 6rem auto 0;
        max-width: 72rem;
        padding: 0
    }

    .content-list-link {
        display: block;
        float: none;
        padding-top: 0
    }

    .content-list-title {
        margin-bottom: 1rem
    }

    .content-list-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .content-list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31rem;
        flex: 0 0 31rem;
        margin: 4rem 1rem 0
    }
}

@media (max-width:764.9px) {
    .content-list-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .content-list-heading {
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .content-list-title {
        font-size: 2.4rem
    }

    .content-list-items {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        overflow-y: auto;
        padding-bottom: 3rem
    }

    .content-list-link {
        border: .1rem solid #251a80;
        margin-top: 1rem;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 1.5rem
    }

    .content-list-link>a {
        line-height: 1.8rem;
        padding-right: 1rem
    }

    .content-list-link .icon svg {
        margin: 1rem 0 0
    }

    .content-list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 27rem;
        flex: 0 0 27rem;
        margin-top: 1.5rem
    }

    .content-list .experience-card-image {
        height: 22rem
    }
}

@media (max-width:474.9px) {
    .content-list.like-more.is-experience .layout-container {
        margin: 0;
        max-width: 100%
    }
}

@media (max-width:369.9px) {
    .content-list-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 22rem;
        flex: 0 0 22rem
    }

    .content-list .experience-card-image {
        height: 20rem
    }

    .content-list .experience-card-title {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .content-list-link>a {
        font-size: 1.3rem;
        line-height: 1.6rem
    }
}

.credit {
    margin: 0 0 9rem;
    max-width: 960px;
    max-width: 60rem;
    width: 100%
}

.credit-title {
    color: #474655;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 57.6px;
    line-height: 3.6rem;
    margin-bottom: 4rem
}

.credit-counter {
    margin-bottom: 3rem
}

.credit-counter span {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 28.8px;
    line-height: 1.8rem;
    font-weight: 500
}

.credit-number {
    color: #f75b6c;
    display: inline;
    font-size: 76.8px;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 49.6px;
    line-height: 3.1rem;
    margin-right: 2rem
}

.credit-infos {
    margin-bottom: 4rem;
    max-width: 960px;
    max-width: 60rem
}

.credit-infos p,
.credit-text {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-bottom: 1rem;
    width: 100%
}

.credit-input {
    border-top: .1rem solid #ddd;
    padding: 3rem 0
}

.credit-input-title {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700
}

.credit-input>input {
    border: .1rem solid #ddd;
    border-radius: .4rem;
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    height: 70.4px;
    height: 4.4rem;
    margin: 1.5rem 0;
    padding: 0 2rem;
    width: 100%
}

.credit-input>input:focus {
    border-color: #f75b6c
}

.credit-input .button {
    display: block;
    padding: 1rem 2.5rem
}

.credit-sponsorship {
    border-top: .1rem solid #ddd;
    padding: 3rem 0
}

.credit-sponsorship-title {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 2rem
}

.credit-sponsorship-text p {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 2rem;
    max-width: 960px;
    max-width: 60rem;
    width: 100%
}

.credit-sponsorship-code p {
    color: #333;
    display: inline;
    padding-right: 2rem
}

.credit-sponsorship-code span {
    color: #f75b6c;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase
}

.credit-links {
    border-top: .1rem solid #ddd;
    padding: 2rem 0
}

.credit-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #474655;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5rem 0;
    text-decoration: none
}

.credit-link span {
    font-size: 25.6px;
    font-size: 1.6rem
}

.credit-link .icon>svg {
    fill: #474655;
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem
}

.credit-link:focus,
.credit-link:hover {
    text-decoration: underline
}

.distributor-veepee-header {
    position: relative
}

.distributor-veepee-header-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 2rem;
    position: relative;
    width: 100%
}

.distributor-veepee-header-left,
.distributor-veepee-header-right {
    position: absolute
}

.distributor-veepee-header-left {
    left: 32px;
    left: 2rem;
    top: 32px;
    top: 2rem
}

.distributor-veepee-header-left .button {
    border: .1rem solid #ec008c
}

.distributor-veepee-header-left .button:focus,
.distributor-veepee-header-left .button:hover {
    background-color: transparent
}

.distributor-veepee-header-left .button>span {
    color: #ec008c
}

.distributor-veepee-header-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.distributor-veepee-header-center-divider {
    padding: 2rem 2rem 0 3rem
}

.distributor-veepee-header-center-divider>span {
    color: #888;
    display: block;
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 2rem
}

.distributor-veepee-header-logo-woom.icon>svg {
    height: 80px;
    height: 5rem;
    padding-top: .5rem;
    width: 176px;
    width: 11rem
}

.distributor-veepee-header-logo-distributor.icon>svg {
    height: 80px;
    height: 5rem;
    width: 288px;
    width: 18rem
}

.distributor-veepee-header-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    top: 48px;
    top: 3rem;
    right: 32px;
    right: 2rem
}

.distributor-veepee-header-title {
    color: #222;
    display: block;
    font-size: 35.2px;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 48px;
    line-height: 3rem;
    margin: 0;
    text-align: center
}

.distributor-veepee-header-subheader {
    background-color: #fff;
    height: 104px;
    height: 6.5rem;
    padding: 0 calc(50% - 480px)
}

.distributor-veepee-header-subheader.is-wide {
    padding: 0 calc(50% - 595px)
}

.distributor-veepee-header-subheader-container {
    padding: 0 1.5rem;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.distributor-veepee-header-subheader-left,
.distributor-veepee-header-subheader-right {
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%
}

.distributor-veepee-header-subheader-right {
    right: 0
}

.distributor-veepee-header-subheader-left {
    left: 0
}

@media (max-width:1023.9px) {
    .distributor-veepee-header-right {
        display: none
    }

    .distributor-veepee-header-subheader {
        padding: 0 2rem !important
    }

    .distributor-veepee-header-subheader #home-icon {
        display: none
    }
}

@media (max-width:764.9px) {
    .distributor-veepee-header-container {
        padding: 1rem 2rem
    }

    .distributor-veepee-header-left,
    .distributor-veepee-header-title {
        display: none
    }

    .distributor-veepee-header-center-divider {
        padding: 1rem 2rem 0
    }

    .distributor-veepee-header-logo-woom.icon>svg {
        height: 4rem;
        padding-top: 0;
        width: 9rem
    }

    .distributor-veepee-header-logo-distributor.icon>svg {
        height: 4rem;
        width: 13rem
    }
}

@media (max-width:369.9px) {
    .distributor-veepee-header-center-divider {
        padding: .5rem 1rem 0 1.5rem
    }

    .distributor-veepee-header-logo-woom.icon>svg {
        height: 3rem;
        width: 8rem
    }

    .distributor-veepee-header-logo-distributor.icon>svg {
        height: 3rem;
        width: 10.5rem
    }
}

.credit-card {
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 2px 0 hsla(330, 1%, 65%, .5);
    box-shadow: 0 1px 2px 0 hsla(330, 1%, 65%, .5);
    height: 100%;
    padding: 2rem;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%
}

.credit-card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.credit-card-container>div {
    padding: 0 1rem
}

.credit-card-container>.credit-card-container-img>img {
    height: 40px
}

.credit-card-container-text-container {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.credit-card-container-amount {
    font-size: 35.2px;
    font-size: 2.2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:765px) {
    .credit-card {
        padding: 1.5rem 1rem
    }
}

.credit-input {
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 2px 0 hsla(330, 1%, 65%, .5);
    box-shadow: 0 1px 2px 0 hsla(330, 1%, 65%, .5);
    padding: 2rem;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    font-family: Metropolis, "sans-serif"
}

.credit-input-title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.credit-input-title-text {
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    margin-left: 1rem
}

.credit-input img {
    height: 30px
}

.credit-input-info {
    margin-top: 1rem;
    font-size: 24px;
    font-size: 1.5rem
}

.credit-input-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.credit-input-line>* {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 1rem;
    line-height: 36.8px;
    line-height: 2.3rem;
    padding: .5rem 1rem;
    border-radius: 10px
}

.credit-input-amount {
    border: 1px solid #eee;
    background-color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #000;
    width: 144px;
    width: 9rem;
    -webkit-appearance: textfield;
    -moz-appearance: textfield
}

.credit-input-amount:focus {
    border-color: #404040;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .25);
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .25)
}

.credit-input-currency {
    border: 1px solid #eee;
    color: #4d4d4d;
    background-color: #eee;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.credit-input-button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 1rem;
    background-color: transparent;
    border: .2rem solid #fff;
    font-weight: 700;
    border-radius: 2rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
    color: #fff
}

.credit-input-button:disabled {
    background-color: hsla(0, 0%, 100%, .4)
}

.credit-input-button:hover {
    background-color: #fff;
    color: #000
}

@media (max-width:764.9px) {
    .credit-input .credit-input-amount {
        width: 12rem
    }

    .credit-input .credit-input-button {
        margin-left: 3rem;
        margin-right: 1rem
    }
}

.credits-wrapper {
    padding: 2rem 0
}

.credits-wrapper.is-light-gray-background {
    background-color: #f8f8f8
}

.credits-wrapper .credits-container {
    max-width: 1600px;
    max-width: 100rem;
    margin: 0 auto;
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:765px) {
    .credits-wrapper .credits-container>div:last-child {
        margin-left: 3rem
    }
}

@media (max-width:765px) {
    .credits-wrapper .credits-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 1rem
    }

    .credits-wrapper .credits-container>div:last-child {
        margin-top: 2rem
    }
}

.distributor-wii-smile-experience-header-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 45%;
    width: 100%;
    height: 144px;
    height: 9rem
}

.distributor-wii-smile-experience-header-price-container {
    padding: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.distributor-wii-smile-experience-header-price-container.is-price {
    background-color: #fff
}

.distributor-wii-smile-experience-header-price-container.is-price>div:first-child {
    font-size: 30.4px;
    font-size: 1.9rem
}

.distributor-wii-smile-experience-header-price-container.is-company-participation {
    background-color: #3cb4a0;
    color: #fff
}

.distributor-wii-smile-experience-header-price-container.is-company-participation>div:first-child {
    font-size: 22.4px;
    font-size: 1.4rem
}

.distributor-wii-smile-experience-header-price-old {
    color: #aaa;
    font-size: 20.8px;
    font-size: 1.3rem;
    text-decoration: line-through
}

.distributor-wii-smile-experience-header-price-price-content>span {
    font-weight: 500;
    font-size: 48px;
    font-size: 3rem
}

@media (min-width:765px) and (max-width:1023.9px) {
    .distributor-wii-smile-experience-header-price {
        max-width: 58%
    }
}

@media (max-width:764.9px) {
    .distributor-wii-smile-experience-header-price {
        height: 7rem;
        width: unset;
        max-width: 70%
    }

    .distributor-wii-smile-experience-header-price-container {
        padding: .7rem
    }

    .distributor-wii-smile-experience-header-price-container.is-price {
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .9)), to(hsla(0, 0%, 100%, .9)));
        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9));
        background-color: unset
    }

    .distributor-wii-smile-experience-header-price-container.is-price>div:first-child {
        font-size: 1.4rem
    }

    .distributor-wii-smile-experience-header-price-container.is-company-participation {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 180, 160, .8)), to(rgba(60, 180, 160, .8)));
        background-image: linear-gradient(180deg, rgba(60, 180, 160, .8), rgba(60, 180, 160, .8));
        background-color: unset
    }

    .distributor-wii-smile-experience-header-price-container.is-company-participation>div:first-child {
        font-size: 1.2rem
    }

    .distributor-wii-smile-experience-header-price-old,
    .distributor-wii-smile-experience-header-price-price-content {
        font-size: 1.1rem
    }

    .distributor-wii-smile-experience-header-price-price-content>span {
        font-size: 1.8rem
    }
}

.wii-smile-subheader {
    background-color: #fecb00;
    height: 104px;
    height: 6.5rem
}

.wii-smile-subheader-container {
    padding: 0 1.5rem;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.wii-smile-subheader-container:before {
    position: absolute;
    top: 0;
    content: "";
    height: 1px;
    background-color: #fff;
    width: 100%
}

@media (max-width:1023.9px) {
    .wii-smile-subheader-container:before {
        width: calc(100% - 3rem)
    }
}

.wii-smile-subheader-left,
.wii-smile-subheader-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%
}

.wii-smile-subheader-left {
    margin-left: 1rem
}

.wii-smile-subheader-left:hover>a>.icon svg {
    fill: #7b4aa1
}

@media (max-width:1023.9px) {
    .wii-smile-subheader {
        height: 6rem
    }

    .wii-smile-subheader #home-icon {
        display: none
    }
}

@media (max-width:764.9px) {
    .wii-smile-subheader {
        height: 5rem
    }

    .wii-smile-subheader-left {
        margin-left: 2rem
    }
}

.distributor-wii-smile-reassurance {
    background-color: #fecb00;
    padding: 4rem 0
}

.distributor-wii-smile-reassurance-wrapper {
    margin: 0 auto;
    max-width: 1984px;
    max-width: 124rem;
    padding: 0 1rem;
    width: 100%
}

.distributor-wii-smile-reassurance-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.distributor-wii-smile-reassurance-item,
.distributor-wii-smile-reassurance-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.distributor-wii-smile-reassurance-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1rem;
    min-width: 288px;
    min-width: 18rem
}

.distributor-wii-smile-reassurance-item .icon>svg {
    height: 112px;
    height: 7rem;
    margin-bottom: .8rem;
    width: 112px;
    width: 7rem
}

.distributor-wii-smile-reassurance-item-text {
    color: #1c1a2c;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 35.2px;
    line-height: 2.2rem;
    text-align: center;
    max-width: 288px;
    max-width: 18rem
}

.distributor-wii-smile-reassurance-item-text a {
    text-decoration: none;
    color: #4d4d4d
}

.distributor-wii-smile-reassurance-divider {
    height: 192px;
    height: 12rem;
    width: 1px;
    border: 1px solid #000
}

@media (max-width:1023.9px) {
    .distributor-wii-smile-reassurance {
        display: none
    }
}

.download-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .1rem solid #ddd;
    border-bottom: .1rem solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2rem 0;
    padding: 2rem 0
}

.download-link-content {
    padding-right: 3rem
}

.download-link-content span {
    color: #474655;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem
}

.download-link-size {
    padding-left: .5rem
}

.download-link-size:before {
    content: "-";
    padding-right: .5rem
}

@media (max-width:764.9px) {
    .download-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .download-link .download-link-content {
        margin-bottom: 2rem;
        padding: 0;
        text-align: center
    }
}

.error-page {
    background-color: #f2eded;
    padding: 4.5rem 0 12rem
}

.error-page-wrapper {
    margin: 0 auto;
    max-width: 100%;
    width: 1120px;
    width: 70rem
}

.error-page-image {
    background: url(/assets.woom.fr/packs/components/error_page/woom-error-404-f7feb35cbaa006e9f6952e1980219cf1.png) 48px 0 no-repeat;
    background: url(/assets.woom.fr/packs/components/error_page/woom-error-404-f7feb35cbaa006e9f6952e1980219cf1.png) 3rem 0 no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 568px;
    height: 35.5rem;
    max-width: 768px;
    max-width: 48rem;
    margin: 0 auto;
    width: 100%
}

.error-page-title {
    color: #251a80;
    font-size: 54.4px;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 70.4px;
    line-height: 4.4rem;
    margin: 4rem 0 1rem;
    text-align: center
}

.error-page-text {
    color: #474655;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 57.6px;
    line-height: 3.6rem;
    margin: 1rem 0;
    text-align: center
}

.error-page-button {
    display: block;
    max-width: 600px;
    max-width: 37.5rem;
    margin: 3rem auto 0;
    padding: 1.3rem 3rem;
    text-align: center;
    width: 100%
}

@media (max-width:1023.9px) {
    .error-page {
        padding: 4.5rem 1.5rem 12rem
    }

    .error-page-image {
        background-size: contain
    }
}

@media (max-width:764.9px) {
    .error-page {
        padding: 4.5rem 1.5rem 6rem
    }

    .error-page-image {
        height: 25rem
    }
}

@media (max-width:474.9px) {
    .error-page-image {
        height: 20rem
    }

    .error-page-text {
        font-size: 2rem;
        line-height: 3rem
    }
}

@media (max-width:369.9px) {
    .error-page-image {
        height: 15rem
    }
}

.experience-block {
    width: 100%
}

.experience-block-container {
    margin: 4.5rem auto 0;
    max-width: 1856px;
    max-width: 116rem
}

.experience-block-container.is-bg-color {
    background-color: #26234d;
    padding: 4.5rem 0 0;
    margin: 0 auto;
    max-width: 1747.2px;
    max-width: 109.2rem;
    width: 100%
}

.experience-block-container.is-bg-color .experience-block-wrapper {
    margin: 0 2rem
}

.experience-block-container.is-bg-color h3 {
    color: #fff
}

.experience-block-container.is-full {
    background-color: #26234d;
    left: 50%;
    margin: 0 -50vw;
    padding: 5.5rem 0 0;
    max-width: none;
    right: 50%;
    position: relative;
    width: 100vw
}

.experience-block-container.is-full .experience-block-wrapper {
    margin: 0 auto;
    max-width: 1766.4px;
    max-width: 110.4rem;
    padding: 0 2rem 4.5rem;
    width: 100%
}

.experience-block-container.is-full h3 {
    color: #fff
}

.experience-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 4.8rem;
    padding-bottom: 4.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.experience-block-wrapper.no-flex {
    display: block
}

.experience-block-wrapper.no-flex>h3 {
    padding-left: 1.6rem
}

.experience-block-wrapper.is-border {
    border-bottom: .1rem solid #ddd
}

.experience-block-wrapper.no-padding .experience-block-content {
    padding: 0
}

.experience-block-aside {
    padding: 0 1.6rem;
    max-width: 33%;
    width: 100%
}

.experience-block-content {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0 1.6rem 0 2.4rem;
    max-width: 66.6666%;
    width: 100%
}

.experience-block h3 {
    color: #474655;
    font-size: 41.6px;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 57.6px;
    line-height: 3.6rem;
    margin: 0 0 2rem;
    padding: 0
}

@media (max-width:1023.9px) {
    .experience-block-wrapper {
        margin: 0 3rem
    }

    .experience-block-aside,
    .experience-block-wrapper.no-flex>h3 {
        padding-left: 0
    }

    .experience-block h3 {
        font-size: 2.4rem;
        line-height: 3.4rem
    }
}

@media (max-width:764.9px) {
    .experience-block-container {
        margin-top: 3rem
    }

    .experience-block-container.is-bg-color {
        background-color: #f3f7fc;
        padding: 3rem 0 0
    }

    .experience-block-container.is-bg-color h3 {
        color: #251a80;
        margin-bottom: 0
    }

    .experience-block-container.is-bg-color .experience-block-wrapper {
        padding: 0 0 3.5rem
    }

    .experience-block-wrapper {
        padding-bottom: 3rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .experience-block-wrapper.is-offers {
        padding: 0 0 3rem;
        margin: 0
    }

    .experience-block-aside {
        max-width: 100%
    }

    .experience-block h3 {
        font-size: 2.6rem;
        margin-bottom: 3rem
    }

    .experience-block h3.mgb-20 {
        margin-bottom: 2rem
    }

    .experience-block h3.mgl-20 {
        margin-left: 2rem
    }

    .experience-block-content {
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding: 0;
        max-width: 100%
    }
}

@media (max-width:474.9px) {
    .experience-block-wrapper {
        margin: 0 2rem;
        padding-bottom: 3rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:369.9px) {
    .experience-block-container {
        margin-top: 2rem
    }

    .experience-block-container.is-bg-color .experience-block-wrapper {
        margin: 0 1rem
    }

    .experience-block h3 {
        margin-bottom: 2rem
    }
}

.experience-block .experience-block-content.is-wii-smile .experience-details * .icon>svg path {
    fill: #3cb4a0
}

.experience-block .experience-block-container.is-bg-color.is-wii-smile {
    background-color: #3cb4a0
}

.experience-block .experience-block-container.is-bg-color.is-wii-smile h3 {
    color: #fff
}

.experience-bottom-bar {
    background-color: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 .1rem .5rem 0 rgba(0, 0, 0, .2), 0 -.1rem .3rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 .1rem .5rem 0 rgba(0, 0, 0, .2), 0 -.1rem .3rem 0 rgba(0, 0, 0, .2);
    left: 0;
    padding: 0 5%;
    position: fixed;
    right: 0;
    -webkit-transform: translateY(11.5rem);
    transform: translateY(11.5rem);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    z-index: 5000
}

.experience-bottom-bar.is-visible {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.experience-bottom-bar-wrapper {
    height: 96px;
    height: 6rem;
    -ms-flex-pack: justify;
    margin: 0 auto;
    max-width: 2016px;
    max-width: 126rem;
    padding-left: 2rem;
    width: 100%
}

.experience-bottom-bar-infos,
.experience-bottom-bar-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.experience-bottom-bar-infos {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: justify;
    padding-right: 5rem
}

.experience-bottom-bar-user {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.experience-bottom-bar-pro {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 76.8px;
    height: 4.8rem;
    width: 76.8px;
    width: 4.8rem
}

.experience-bottom-bar-title {
    color: #1c1a2c;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin-left: 1rem;
    max-width: 640px;
    max-width: 40rem
}

.experience-bottom-bar-action {
    background-color: #fff;
    border: .2rem solid #251a80;
    -webkit-box-shadow: .4rem 0 2rem 0 rgba(0, 0, 0, .15), .6rem .8rem 0 0 #f7cd5b;
    box-shadow: .4rem 0 2rem 0 rgba(0, 0, 0, .15), .6rem .8rem 0 0 #f7cd5b;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin-top: -2.1rem;
    max-width: 528px;
    max-width: 33rem;
    padding: 2rem;
    position: relative;
    width: 100%;
    z-index: auto
}

.experience-bottom-bar-action:after {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/patterns/cube-750d08a12f3b77496e20bf2da863092c.svg), url(/assets.woom.fr/packs/base/patterns/multi-cloud-pattern-1f88f6af70b746e59f50655a68f806b7.png);
    background-position: 0 0, 0 0;
    background-size: 10.1rem, 20rem;
    height: 100%;
    left: -64px;
    left: -4rem;
    position: absolute;
    top: 32px;
    top: 2rem;
    width: 100%;
    z-index: -1
}

@media (min-width:765px) and (max-width:1023.9px) {
    .experience-bottom-bar {
        padding: 0 4%
    }

    .experience-bottom-bar-title {
        font-size: 1.5rem;
        line-height: 1.8rem;
        width: 100%
    }

    .experience-bottom-bar-action {
        margin-top: -2.1rem;
        padding: 2rem 1.5rem;
        position: relative
    }

    .experience-bottom-bar-action:after {
        left: -2rem
    }
}

@media (max-width:764.9px) {
    .experience-bottom-bar {
        padding: 0 4%
    }

    .experience-bottom-bar-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0
    }

    .experience-bottom-bar-infos {
        display: none
    }

    .experience-bottom-bar-action {
        background-color: transparent;
        border: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .experience-bottom-bar-action:after {
        display: none
    }

    .experience-bottom-bar-action .button {
        font-size: 1.3rem
    }
}

.experience-bottom-bar-selected {
    background-color: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 .1rem .5rem 0 rgba(0, 0, 0, .2), 0 -.1rem .3rem 0 rgba(0, 0, 0, .3);
    box-shadow: 0 .1rem .5rem 0 rgba(0, 0, 0, .2), 0 -.1rem .3rem 0 rgba(0, 0, 0, .3);
    display: none;
    left: 0;
    padding: 0 5%;
    position: fixed;
    right: 0;
    -webkit-transform: translateY(11.5rem);
    transform: translateY(11.5rem);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    z-index: 5000
}

.experience-bottom-bar-selected.is-visible {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.experience-bottom-bar-selected-wrapper {
    height: 104px;
    height: 6.5rem;
    -ms-flex-pack: justify;
    margin: 0 auto;
    max-width: 1704px;
    max-width: 106.5rem;
    padding-left: 2rem;
    width: 100%
}

.experience-bottom-bar-selected-infos,
.experience-bottom-bar-selected-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.experience-bottom-bar-selected-infos {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: justify;
    padding-right: 5rem
}

.experience-bottom-bar-selected-qte {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    line-height: 41.6px;
    line-height: 2.6rem
}

.experience-bottom-bar-selected-qte>span {
    font-weight: 700
}

.experience-bottom-bar-selected-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: auto
}

.experience-bottom-bar-selected-action .button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 1.2rem 4rem 1rem
}

.experience-bottom-bar-selected-action .button>span {
    line-height: 1
}

.experience-bottom-bar-selected-gift.outline-red {
    border-top: transparent;
    border-bottom: transparent;
    margin: 0
}

@media (min-width:765px) and (max-width:1023.9px) {
    .experience-bottom-bar-selected {
        padding: 0 4%
    }
}

@media (max-width:764.9px) {
    .experience-bottom-bar-selected {
        display: block;
        padding: 0
    }

    .experience-bottom-bar-selected-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        height: auto
    }

    .experience-bottom-bar-selected-infos {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1rem 1.5rem;
        width: 100%
    }

    .experience-bottom-bar-selected-qte {
        font-size: 1.8rem;
        line-height: 1
    }

    .experience-bottom-bar-selected-action {
        background-color: transparent;
        border: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        height: 5rem;
        padding: 0;
        width: 100%
    }

    .experience-bottom-bar-selected-action .button {
        border: transparent;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 1.3rem;
        padding: 0;
        text-align: center
    }
}

.experience-card {
    display: block;
    min-height: 504px;
    min-height: 31.5rem
}

.experience-card-tag {
    color: #fff;
    display: block;
    background-color: #f75b6c;
    font-family: bebas, sans-serif;
    font-size: 28.8px;
    font-size: 1.8rem;
    left: 24px;
    left: 1.5rem;
    letter-spacing: 3.2px;
    letter-spacing: .2rem;
    padding: .5rem 1rem;
    position: absolute;
    top: -24px;
    top: -1.5rem;
    text-transform: uppercase;
    z-index: 0
}

.experience-card-tag.is-veepee {
    background-color: #3fae3e
}

.experience-card.is-search .experience-card-container {
    min-height: 208px;
    min-height: 13rem
}

.experience-card.is-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
    min-height: 784px;
    min-height: 49rem;
    position: relative;
    width: 100%
}

.experience-card.is-large:before {
    display: none
}

.experience-card.is-large:after {
    content: "";
    display: block;
    background-image: url(/assets.woom.fr/packs/base/patterns/memphis-pink-blue-4ef9871ab8df6b373693ec53702b1a0e.svg);
    background-position: 66.5% 30.7%;
    background-repeat: repeat;
    background-size: 15%;
    height: 100%;
    position: absolute;
    right: 0;
    width: 34%;
    z-index: 1
}

.experience-card.is-large .experience-card-image {
    height: auto;
    margin: 0;
    z-index: 2;
    width: 66%
}

.experience-card.is-large .experience-card-image:before {
    display: none
}

.experience-card.is-large .experience-card-container {
    position: absolute;
    right: 80px;
    right: 5rem;
    top: 80px;
    top: 5rem;
    width: 800px;
    width: 50rem
}

.experience-card.is-large .experience-card-tag {
    background-color: #f7cd5b;
    color: #251a80;
    display: block;
    font-family: bebas, sans-serif;
    font-size: 28.8px;
    font-size: 1.8rem;
    left: 56px;
    left: 3.5rem;
    letter-spacing: 3.2px;
    letter-spacing: .2rem;
    line-height: 32px;
    line-height: 2rem;
    padding: .3rem 1.5rem .7rem;
    position: absolute;
    top: -25.6px;
    top: -1.6rem;
    z-index: 3
}

.experience-card.is-large .experience-card-content {
    background-color: #251a80;
    border-radius: .8rem;
    -webkit-box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4rem 3.2rem 3.2rem;
    position: relative;
    z-index: 2
}

.experience-card.is-large .experience-card-title {
    color: #ffcfd4;
    line-height: 83.2px;
    line-height: 5.2rem;
    font-size: 60.8px;
    font-size: 3.8rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    z-index: 2
}

.experience-card.is-large .experience-card-categories {
    color: #f75b6c;
    font-weight: 400;
    margin: 0
}

.experience-card.is-large .experience-card-categories:before {
    display: none
}

.experience-card.is-large .experience-card-place {
    bottom: 32px;
    bottom: 2rem;
    left: 32px;
    left: 2rem
}

.experience-card.is-large .experience-card-place .icon>svg {
    height: 32px;
    height: 2rem;
    width: 28.8px;
    width: 1.8rem
}

.experience-card.is-large .experience-card-place>span {
    font-size: 27.2px;
    font-size: 1.7rem
}

.experience-card.is-large .experience-card-date,
.experience-card.is-large .experience-card-likes,
.experience-card.is-large .experience-card-price {
    color: #f5f5f5;
    font-size: 25.6px;
    font-size: 1.6rem
}

.experience-card.is-large .experience-card-date .icon>svg,
.experience-card.is-large .experience-card-likes .icon>svg,
.experience-card.is-large .experience-card-price .icon>svg {
    fill: #f5f5f5
}

.experience-card.is-large:focus .experience-card-place,
.experience-card.is-large:hover .experience-card-place {
    left: 64px;
    left: 4rem;
    -webkit-transition: left .2s ease-out;
    transition: left .2s ease-out
}

.experience-card:focus .experience-card-place,
.experience-card:hover .experience-card-place {
    left: 40px;
    left: 2.5rem;
    -webkit-transition: left .2s ease-out;
    transition: left .2s ease-out
}

.experience-card-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 320px;
    height: 20rem;
    margin-bottom: 2rem;
    position: relative
}

.experience-card-image:after {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 128px;
    height: 8rem;
    width: 100%
}

.experience-card-place {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 19.2px;
    bottom: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 16px;
    left: 1rem;
    position: absolute;
    -webkit-transition: left .2s ease-out;
    transition: left .2s ease-out;
    z-index: 5
}

.experience-card-place .icon>svg {
    height: 24px;
    height: 1.5rem;
    width: 16px;
    width: 1rem
}

.experience-card-place>h4,
.experience-card-place>span {
    color: #fff;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 0 .6rem
}

.experience-card-place-distance {
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 400
}

.experience-card-place-distance-city {
    font-weight: 700
}

.experience-card-title {
    color: #1c1a2c;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin: 0 0 1rem
}

.experience-card-category {
    color: #f75b6c;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 1;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.experience-card-category.blue {
    color: #251a80
}

.experience-card-category.green {
    color: #479a38
}

.experience-card-category.purple {
    color: #7b4aa1
}

.experience-card-category.yellow {
    color: #e79f17
}

.experience-card-date,
.experience-card-old-price,
.experience-card-price {
    color: #474655;
    display: inline-block;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.experience-card-date {
    margin: 0 0 1rem
}

.experience-card-old-price {
    text-decoration: line-through;
    margin-right: 1rem
}

.experience-card-pro {
    color: #474655;
    display: inline-block;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    margin-left: 1rem
}

.experience-card-pro-profile {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    margin-left: 5rem;
    height: 62.4px;
    height: 3.9rem;
    width: 62.4px;
    width: 3.9rem;
    display: inline-block
}

.experience-card-likes {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 19.2px;
    font-size: 1.2rem
}

.experience-card-likes .icon>svg {
    height: 22.4px;
    height: 1.4rem;
    margin-right: .6rem;
    width: 22.4px;
    width: 1.4rem
}

.experience-card-price {
    margin: 0 0 1rem
}

@media (max-width:1023.9px) {
    .experience-card.is-large {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        min-height: 49rem;
        position: relative;
        width: 100%
    }

    .experience-card.is-large:after {
        display: none
    }

    .experience-card.is-large .experience-card-image {
        height: auto;
        margin: 0;
        min-height: 42rem;
        width: 100%
    }

    .experience-card.is-large .experience-card-container {
        margin: -5rem auto 0;
        padding: 0 4rem 5rem;
        position: static;
        right: inherit;
        top: 0;
        width: 100%
    }

    .experience-card.is-large .experience-card-container:after {
        content: "";
        background-image: url(/assets.woom.fr/packs/base/patterns/memphis-pink-blue-4ef9871ab8df6b373693ec53702b1a0e.svg);
        background-position: 50%;
        background-repeat: repeat;
        background-size: 7%;
        bottom: 0;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .experience-card.is-large .experience-card-title {
        line-height: 4.2rem
    }

    .experience-card.is-large .experience-card-place {
        bottom: 8rem;
        left: 4rem
    }

    .experience-card.is-large:focus .experience-card-place,
    .experience-card.is-large:hover .experience-card-place {
        left: none
    }
}

@media (max-width:764.9px) {
    .experience-card.is-large {
        margin-bottom: 2rem;
        min-height: 44rem
    }

    .experience-card.is-large .experience-card-image {
        min-height: 32rem
    }

    .experience-card.is-large .experience-card-container:after {
        background-size: 9%
    }
}

@media (max-width:474.9px) {
    .experience-card.is-large {
        min-height: 40rem
    }

    .experience-card.is-large .experience-card-image {
        min-height: 24rem
    }

    .experience-card.is-large .experience-card-container {
        margin: 0 0 3rem;
        padding: 0
    }

    .experience-card.is-large .experience-card-container:after {
        background-size: 14%
    }

    .experience-card.is-large .experience-card-content {
        border-radius: 0
    }

    .experience-card.is-large .experience-card-title {
        font-size: 2.4rem
    }

    .experience-card.is-large .experience-card-place {
        bottom: 2rem;
        left: 2rem
    }
}

.search-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.search-card:hover {
    -webkit-box-shadow: 0 .5rem 5rem 0 rgba(16, 11, 46, .23);
    box-shadow: 0 .5rem 5rem 0 rgba(16, 11, 46, .23);
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem)
}

.search-card:hover .search-card-more {
    bottom: 0;
    opacity: 1;
    position: absolute
}

.search-card:hover .search-card-reassurance {
    opacity: 0
}

.search-card-category,
.search-card-cost,
.search-card-image,
.search-card-offer,
.search-card-reassurance-item,
.search-card-reviews {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search-card-header {
    background-color: rgba(0, 0, 0, .6);
    display: block;
    height: 464px;
    height: 29rem;
    position: relative
}

.search-card-header:after,
.search-card-header:before {
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    pointer-events: none;
    left: 0;
    width: 100%
}

.search-card-header:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .6)));
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
    bottom: 0;
    height: 64px;
    height: 4rem
}

.search-card-header:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .6)));
    background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .6));
    top: 0;
    height: 128px;
    height: 8rem
}

.search-card-image {
    display: block;
    color: rgba(0, 0, 0, .6);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    height: 100%;
    width: 100%
}

.search-card-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-card-top-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 1.5rem
}

.search-card-top-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin: 1.5rem 1.5rem 0 2rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 5
}

.search-card-favorite:hover .icon>svg path {
    fill: rgba(55, 217, 153, .5)
}

.search-card-favorite-icon {
    cursor: pointer;
    display: inline-block;
    height: 40px;
    height: 2.5rem;
    outline: none;
    width: 40px;
    width: 2.5rem
}

.search-card-favorite-icon:before {
    content: "";
    background-color: #e1f9f0;
    border-radius: 50%;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(.001);
    transform: scale(.001)
}

.search-card-favorite-icon .icon>svg {
    position: relative;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.search-card-favorite-icon .icon>svg path {
    fill: hsla(0, 0%, 100%, .5);
    -webkit-transition: fill .2s ease-out;
    transition: fill .2s ease-out
}

.search-card-favorite-icon.is-liked {
    color: #fff;
    outline: 0
}

.search-card-favorite-icon.is-liked:before {
    -webkit-animation: effect_liked .8s ease-out;
    animation: effect_liked .8s ease-out
}

.search-card-favorite-icon.is-liked .icon>svg path {
    fill: #37d999
}

@-webkit-keyframes effect_liked {
    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    99% {
        opacity: 0;
        -webkit-transform: scale(.001);
        transform: scale(.001)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(.001);
        transform: scale(.001)
    }
}

@keyframes effect_liked {
    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    99% {
        opacity: 0;
        -webkit-transform: scale(.001);
        transform: scale(.001)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(.001);
        transform: scale(.001)
    }
}

.search-card-lock {
    margin-left: 1rem
}

.search-card-lock .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.search-card-ribbon {
    background-color: #f75b6c;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    -webkit-box-shadow: .2rem .3rem .3rem rgba(0, 0, 0, .25);
    box-shadow: .2rem .3rem .3rem rgba(0, 0, 0, .25);
    display: block;
    height: auto;
    margin: -.5rem -1rem 1rem;
    max-width: 104%;
    padding: .75rem 1.5rem .75rem 2rem;
    position: relative;
    text-align: center;
    top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 100
}

.search-card-ribbon:before {
    border-top-color: #b0091b
}

.search-card-ribbon-text {
    color: #fff;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 500;
    margin: 0;
    text-align: left
}

.search-card-ribbon:before {
    content: "";
    border-left: 1rem solid transparent;
    border-top-width: 1rem;
    border-top-style: solid;
    bottom: -16px;
    bottom: -1rem;
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.search-card-ribbon.is-primary {
    background-color: #f75b6c
}

.search-card-ribbon.is-primary:before {
    border-top-color: #b0091b
}

.search-card-ribbon.is-secondary {
    background-color: #251a80
}

.search-card-ribbon.is-secondary:before {
    border-top-color: #000001
}

.search-card-ribbon.is-blue {
    background-color: #6286f6
}

.search-card-ribbon.is-blue:before {
    border-top-color: #0a34b5
}

.search-card-ribbon.is-red {
    background-color: #dd3240
}

.search-card-ribbon.is-red:before {
    border-top-color: #651118
}

.search-card-ribbon.is-purple {
    background-color: #7b4aa1
}

.search-card-ribbon.is-purple:before {
    border-top-color: #2b1a38
}

.search-card-ribbon.is-green {
    background-color: #37d999
}

.search-card-ribbon.is-green:before {
    border-top-color: #136444
}

.search-card-ribbon.is-yellow {
    background-color: #f7cd5b
}

.search-card-ribbon.is-yellow:before {
    border-top-color: #b08309
}

.search-card-place {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 16px;
    left: 1rem;
    margin: 0;
    position: relative;
    right: 16px;
    right: 1rem;
    top: 0;
    z-index: 5
}

.search-card-place .icon>svg {
    height: 24px;
    height: 1.5rem;
    padding-top: .2rem;
    width: 16px;
    width: 1rem
}

.search-card-place .icon>svg path {
    fill: #fff
}

.search-card-place-content {
    margin-left: .8rem
}

.search-card-place-content>h3,
.search-card-place-content>span {
    color: #fff;
    display: inline;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.search-card-place-content>h3 {
    font-weight: 700
}

.search-card-infos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 16px;
    bottom: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 16px;
    left: 1rem;
    position: absolute;
    z-index: 10
}

.search-card-infos,
.search-card-opinion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-card-opinion {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.search-card-opinion-rating {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-card-opinion-rating .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.search-card-opinion-rating>span {
    color: #fff;
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 22.4px;
    line-height: 1.4rem;
    margin: .4rem 0 0 .5rem
}

.search-card-opinion-rating>span:after {
    content: "/5";
    color: #fff;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    padding-left: .1rem
}

.search-card-opinion-count {
    color: #474655;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 22.4px;
    line-height: 1.4rem;
    margin-left: .5rem
}

.search-card-cost {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 1.5rem .8rem;
    position: absolute;
    right: 0;
    width: auto
}

.search-card-cost.is-promo {
    background-color: #37d999;
    background-image: none
}

.search-card-price {
    color: #fff;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin: 0
}

.search-card-new {
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500
}

.search-card-old {
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    padding-right: .5rem;
    text-decoration: line-through
}

.search-card-container {
    position: relative
}

.search-card-offer {
    background-color: #fff;
    border-left: .1rem solid #d6d6d6;
    border-right: .1rem solid #d6d6d6;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.5rem 1.5rem 0
}

.search-card-offer,
.search-card-offer-promo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-card-offer-promo {
    background-color: #37d999;
    border-radius: .4rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: .5rem
}

.search-card-offer-promo>span {
    color: #fff;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700
}

.search-card-offer-price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0
}

.search-card-offer-old {
    color: #1c1a2c;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    padding-right: 1rem;
    text-decoration: line-through
}

.search-card-offer-new {
    color: #1c1a2c;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-weight: 700
}

.search-card-content {
    background-color: #fff;
    border: .1rem solid #d6d6d6;
    border-top: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 360px;
    min-height: 22.5rem;
    position: relative;
    padding: 1.5rem 0 0
}

.search-card-category,
.search-card-title {
    padding: 0 1.5rem
}

.search-card-title {
    display: block;
    height: 92.8px;
    height: 5.8rem;
    overflow: hidden;
    position: relative
}

.search-card-title-hidden {
    pointer-events: none;
    position: absolute;
    text-indent: -9999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden
}

.search-card-title-text {
    color: #1c1a2c;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem
}

.search-card-category,
.search-card-title-text {
    font-weight: 700;
    margin: 0 0 .5rem
}

.search-card-category {
    color: #f75b6c;
    font-size: 17.6px;
    font-size: 1.1rem;
    letter-spacing: .8px;
    letter-spacing: .05rem;
    line-height: 22.4px;
    line-height: 1.4rem;
    text-transform: uppercase
}

.search-card-footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 1rem;
    width: 100%
}

.search-card-footer,
.search-card-footer-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.search-card-footer-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 81.6px;
    height: 5.1rem;
    padding: 0 1.5rem
}

.search-card-reassurance {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

.search-card-reassurance-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem
}

.search-card-reassurance-item .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.search-card-reassurance-item .icon>svg path {
    fill: #f75b6c
}

.search-card-reassurance-item:last-child {
    margin-bottom: 0
}

.search-card-reassurance-text {
    margin-left: 1rem
}

.search-card-reassurance-text p {
    color: #474655;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    margin: 0
}

.search-card-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: -16px;
    bottom: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    max-width: 416px;
    max-width: 26rem;
    opacity: 0;
    padding: .7rem 3rem;
    pointer-events: none;
    position: absolute;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

.search-card-more>span {
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    width: 100%
}

.search-card-reviews,
.search-card-tripadvisor {
    border-top: .1rem solid #ddd;
    margin: 1rem 0 0;
    padding: 1rem 1.5rem 0
}

.search-card-reviews span,
.search-card-tripadvisor span {
    color: #666;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700
}

.search-card-reviews-count {
    font-size: 22.4px;
    font-size: 1.4rem;
    margin: .9rem 0 0;
    color: #474655
}

.search-card-reviews-count>span {
    color: #474655;
    font-weight: 400;
    text-decoration: underline;
    padding-left: .4rem
}

.search-card-reviews-count>span:focus,
.search-card-reviews-count>span:hover {
    color: #251a80
}

.search-card-tripadvisor-rating {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: .5rem
}

.search-card-tripadvisor-rating>p {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    margin: .2rem 0 0;
    padding-left: 1rem
}

.search-card-tripadvisor-tooltip {
    position: relative
}

.search-card-tripadvisor-tooltip>span {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 400;
    padding-left: 1rem;
    text-decoration: underline
}

@media (max-width:1252px) {
    .search-card-more {
        max-width: 22rem
    }
}

@media (max-width:1145px) {
    .search-card-more {
        max-width: 28rem
    }
}

@media (max-width:1023.9px) {
    .search-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .search-card-more {
        max-width: 26rem
    }
}

@media (max-width:764.9px) {

    .search-card:focus .search-card-more,
    .search-card:hover .search-card-more {
        position: relative
    }

    .search-card:focus .search-card-reassurance,
    .search-card:hover .search-card-reassurance {
        opacity: 1
    }

    .search-card-header {
        height: 26rem
    }

    .search-card-cost {
        padding: 1.3rem 1.5rem .7rem
    }

    .search-card-price {
        font-size: 1.4rem
    }

    .search-card-new {
        font-size: 2.2rem
    }

    .search-card-content {
        background-color: #fff;
        min-height: auto
    }

    .search-card-footer-head,
    .search-card-title {
        height: auto
    }

    .search-card-reassurance {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .search-card-more {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        bottom: 0;
        opacity: 1;
        margin-bottom: 1rem;
        max-width: 100%;
        position: relative
    }
}

@media (max-width:369.9px) {
    .search-card-header {
        height: 20rem
    }
}

.search-card.is-search-card-veepee .search-card-category {
    color: #ec008c
}

.search-card.is-search-card-veepee .search-card-reassurance-item .icon>svg path {
    fill: #ec008c
}

.search-card.is-search-card-veepee .search-card-more {
    background-color: #ec008c
}

.search-card.is-search-card-veepee .search-card-offer-promo {
    background-color: #3fae3e
}

.search-card.is-search-card-veepee .search-card-favorite:hover .icon>svg path {
    fill: rgba(236, 0, 140, .5)
}

.search-card.is-search-card-veepee .search-card-favorite-icon.is-liked .icon>svg path {
    fill: #ec008c
}

.search-card.is-search-card-wii-smile .search-card-category {
    color: #3cb4a0
}

.search-card.is-search-card-wii-smile .search-card-cost.is-promo {
    background-color: #3cb4a0
}

.search-card.is-search-card-wii-smile .search-card-reassurance-item .icon>svg path {
    fill: #3cb4a0
}

.search-card.is-search-card-wii-smile .search-card-more {
    background-color: #3cb4a0
}

.search-card.is-search-card-wii-smile .search-card-favorite:hover .icon>svg path {
    fill: rgba(60, 180, 160, .5)
}

.search-card.is-search-card-wii-smile .search-card-favorite-icon.is-liked .icon>svg path {
    fill: #3cb4a0
}

.experience-content {
    margin-top: 0;
    padding: 0
}

.experience-content:last-child {
    border-bottom: transparent
}

.experience-content.is-border {
    border-bottom: .1rem solid #ddd;
    padding-bottom: 3rem;
    margin-bottom: 3rem
}

.experience-content.is-quote .experience-content-text {
    background-image: url(/assets.woom.fr/packs/components/experience/content/quote-background-254f78c52f02e468d6f54cf3410a9c80.svg);
    background-position: 0 50%;
    background-size: 4rem;
    background-repeat: repeat-y;
    color: #474655;
    padding: 0 0 0 9rem
}

.experience-content.is-quote .experience-content-text ul {
    padding: 0 0 0 1.6rem;
    margin: 0
}

.experience-content.is-quote .experience-content-text p,
.experience-content.is-quote .experience-content-text ul li {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 44.8px;
    line-height: 2.8rem;
    margin: 0
}

.experience-content h4 {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: 0 0 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.experience-content-text,
.experience-content p {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0
}

.experience-content-text {
    overflow-y: inherit;
    max-height: auto;
    -webkit-transition: none;
    transition: none
}

.experience-content-text ul {
    margin: 0;
    padding: 0 0 0 1.5rem;
    max-width: 1120px;
    max-width: 70rem
}

.experience-content-text li {
    margin-top: 1rem
}

.experience-content-text li:first-child {
    margin-top: 0
}

.experience-content-open-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    max-width: 560px;
    max-width: 35rem;
    width: 100%
}

.experience-content-open-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.experience-content-open-item.is-today .experience-content-open-day,
.experience-content-open-item.is-today span {
    color: #251a80;
    font-weight: 700
}

.experience-content-open-item.is-closed .experience-content-open-day,
.experience-content-open-item.is-closed span {
    color: #999;
    font-weight: 400
}

.experience-content-open-day {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 38.4px;
    line-height: 2.4rem;
    width: 100%
}

.experience-content-open-hours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.experience-content-open-hours span {
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .8px;
    letter-spacing: .05rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.experience-content-open-evening {
    margin-left: 1rem
}

@media (max-width:1023.9px) {
    .experience-content {
        padding: 0
    }

    .experience-content-open-list {
        max-width: 100%
    }

    .experience-content.is-quote .experience-content-text {
        padding: 0 0 0 8rem
    }
}

@media (max-width:764.9px) {
    .experience-content.is-quote .experience-content-text {
        background-size: 3rem;
        padding: 0 0 0 4rem
    }

    .experience-content.is-quote .experience-content-text p {
        line-height: 2.6rem
    }
}

@media (max-width:369.9px) {

    .experience-content-text,
    .experience-content.is-quote .experience-content-text p,
    .experience-content p {
        font-size: 1.5rem
    }
}

.experience-content.is-wii-smile.is-quote .experience-content-text {
    background: none;
    border-left: .3rem solid #3cb4a0
}

.experience-details {
    padding: 0;
    margin-top: 3rem
}

.experience-details.is-small-margin {
    margin-top: 1.5rem
}

.experience-details:first-child {
    margin-top: 0
}

.experience-details-pro {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.experience-details-pro .icon>svg {
    height: 43.2px;
    height: 2.7rem
}

.experience-details-infos {
    color: #474655;
    display: inline-block;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem;
    margin: 0 0 0 1.5rem
}

.experience-details-place {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-details-place .icon {
    margin: 0 1.3rem 0 0
}

.experience-details-place .icon>svg path {
    fill: #251a80
}

.experience-details-place p,
.experience-details-place span {
    color: #474655;
    display: inline
}

.experience-details-place p {
    margin: 0
}

.experience-details-place span {
    cursor: pointer;
    text-decoration: underline
}

.experience-details-article {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-details-article .icon {
    margin: 0 1.3rem 0 0
}

.experience-details-article .icon>svg path {
    fill: #251a80
}

.experience-details-article a {
    color: #474655;
    display: inline;
    text-decoration: underline
}

.experience-details-cancellation {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-details-cancellation .icon {
    margin: 0 1.5rem 0 0
}

.experience-details-cancellation .icon>svg {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.experience-details-cancellation .icon>svg path {
    fill: #251a80
}

.experience-details-cancellation-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-details-cancellation-content>p {
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0
}

.experience-details-cancellation-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    position: relative
}

.experience-details-cancellation-link a,
.experience-details-cancellation-link span {
    color: #474655;
    cursor: pointer;
    padding-left: 1rem;
    text-decoration: underline
}

.experience-details-cancellation-link a {
    display: none
}

.experience-details-cancellation-link:hover .experience-details-cancellation-tooltip {
    display: block
}

.experience-details-cancellation-tooltip {
    display: none;
    background: #f75b6c;
    border: .4rem solid #f75b6c;
    border-radius: .4rem;
    bottom: 48px;
    bottom: 3rem;
    -webkit-box-shadow: rgba(0, 0, 0, .1) .1rem .1rem .2rem 0;
    box-shadow: .1rem .1rem .2rem 0 rgba(0, 0, 0, .1);
    height: auto;
    right: -336px;
    right: -21rem;
    padding: 1.5rem 1.5rem 0;
    position: absolute;
    text-align: center;
    text-shadow: rgba(0, 0, 0, .1) 1.6px 1.6px 1.6px;
    text-shadow: rgba(0, 0, 0, .1) .1rem .1rem .1rem;
    width: 800px;
    width: 50rem;
    z-index: 2000
}

.experience-details-cancellation-tooltip p {
    color: #fff;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    margin: 0 0 1.5rem;
    text-align: left
}

.experience-details-cancellation-tooltip:after {
    content: "";
    border: 1rem solid transparent;
    border-top-color: #f75b6c;
    bottom: -35.2px;
    bottom: -2.2rem;
    height: 0;
    left: 50%;
    position: absolute;
    width: 0
}

.experience-details-meteo {
    background-color: rgba(55, 217, 153, .1);
    border: .1rem solid #37d999;
    border-radius: .4rem;
    padding: 1.5rem
}

.experience-details-meteo p {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0
}

.experience-details-covid {
    background-color: rgba(247, 205, 91, .3);
    border: .1rem solid #f7cd5b;
    border-radius: .5rem;
    max-width: 1536px;
    max-width: 96rem;
    padding: 1.5rem;
    width: 100%
}

.experience-details-covid-title {
    color: #1c1a2c;
    font-weight: 700;
    margin-bottom: .5rem
}

.experience-details-covid-text,
.experience-details-covid-title {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.experience-details-covid-text {
    color: #474655
}

@media (max-width:1023.9px) {
    .experience-details-cancellation-link>span {
        display: none
    }

    .experience-details-cancellation-link>a {
        display: inline
    }

    .experience-details-cancellation-link:hover .experience-details-cancellation-tooltip {
        display: none
    }
}

@media (max-width:764.9px) {
    .experience-details #experience-details-cancellation-popup {
        padding: 0 2rem
    }

    .experience-details #experience-details-cancellation-popup .popup-content {
        padding: 3rem 2rem 2rem
    }

    .experience-details #experience-details-cancellation-popup .popup-buttons {
        margin-top: 2rem
    }
}

@media (max-width:474.9px) {
    .experience-details #experience-details-cancellation-popup {
        padding: 0 2rem
    }

    .experience-details #experience-details-cancellation-popup .popup-content {
        padding: 2rem 1.5rem 1.5rem
    }

    .experience-details #experience-details-cancellation-popup .popup-text {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .experience-details-cancellation-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .experience-details-cancellation-link a,
    .experience-details-cancellation-link span {
        padding-left: 0
    }
}

@media (max-width:369.9px) {

    .experience-details-infos,
    .experience-details-meteo p {
        font-size: 1.5rem
    }
}

.experience-header {
    margin: 0
}

.experience-header-slideshow {
    background-color: #1c1a2c;
    overflow: hidden;
    position: relative
}

.experience-header-slideshow:after,
.experience-header-slideshow:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;
    height: 100%;
    width: 29%;
    z-index: 20
}

.experience-header-slideshow:before {
    background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), to(rgba(38, 35, 77, .85)));
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), rgba(38, 35, 77, .85));
    left: 0
}

.experience-header-slideshow:after {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(38, 35, 77, .85)), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(270deg, rgba(38, 35, 77, .85), hsla(0, 0%, 100%, 0));
    right: 0
}

.experience-header-slideshow,
.experience-header-slideshow-item {
    height: 720px;
    height: 45rem
}

.experience-header-slideshow-item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 1280px;
    max-width: 80rem;
    margin: 0 auto
}

.experience-header .flickity-button {
    background: none !important;
    opacity: 1;
    z-index: 30
}

.experience-header .flickity-button>svg {
    height: 75%;
    width: 75%
}

.experience-header .flickity-button.next {
    right: 15%
}

.experience-header .flickity-button.previous {
    left: 15%
}

.experience-header .flickity-button:focus,
.experience-header .flickity-button:hover {
    opacity: 1
}

.experience-header .flickity-button-icon {
    fill: #fff
}

.experience-header .flickity-page-dots {
    bottom: 28.8px;
    bottom: 1.8rem
}

.experience-header .flickity-page-dots .dot {
    background: #fff
}

.experience-header-slideshow-infos {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    padding: 0 3rem;
    position: absolute;
    margin: 0 auto;
    max-width: 1744px;
    max-width: 109rem;
    right: 0;
    width: 100%
}

.experience-header-place,
.experience-header-slideshow-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 30
}

.experience-header-place {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-shadow: 0 1.6px 16px #000;
    text-shadow: 0 .1rem 1rem #000;
    -webkit-transition: left .2s ease-out;
    transition: left .2s ease-out;
    padding-bottom: 1.5rem
}

.experience-header-place .icon>svg {
    height: 28.8px;
    height: 1.8rem;
    margin-bottom: .2rem;
    width: 28.8px;
    width: 1.8rem
}

.experience-header-place>span {
    color: #fff;
    font-size: 33.6px;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: .8px;
    letter-spacing: .05rem;
    line-height: 1;
    margin-left: .6rem
}

.experience-header-price {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .8)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8));
    color: #f5f5f5;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 30%;
    padding: 2rem 2rem 1rem;
    text-align: left;
    width: 100%
}

.experience-header-price>span {
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    padding-bottom: .7rem
}

.experience-header-price-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.experience-header-old {
    color: #ddd;
    font-size: 28.8px;
    font-size: 1.8rem;
    padding-right: .5rem;
    text-decoration: line-through
}

.experience-header-cost {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.experience-header-cost>span {
    font-size: 54.4px;
    font-size: 3.4rem;
    line-height: 57.6px;
    line-height: 3.6rem;
    font-weight: 500
}

.experience-header-content {
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 3rem;
    margin: 0 auto;
    max-width: 1747.2px;
    max-width: 109.2rem
}

.experience-header-ribbon {
    background-color: #f75b6c;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    border-top-left-radius: 6.4px;
    border-top-left-radius: .4rem;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    -webkit-box-shadow: .2rem .3rem .7rem rgba(0, 0, 0, .25);
    box-shadow: .2rem .3rem .7rem rgba(0, 0, 0, .25);
    display: block;
    height: auto;
    margin: 2rem -1rem 0 -4rem;
    padding: 1rem 1.5rem 1rem 2rem;
    position: relative;
    text-align: center;
    top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 100;
    max-width: 100%
}

.experience-header-ribbon:before {
    border-top-color: #b0091b
}

.experience-header-ribbon-text {
    color: #fff;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 500;
    margin: 0;
    text-align: left
}

.experience-header-ribbon:before {
    content: "";
    border-left: 1rem solid transparent;
    border-top-width: 1rem;
    border-top-style: solid;
    bottom: -16px;
    bottom: -1rem;
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.experience-header-ribbon.is-primary {
    background-color: #f75b6c
}

.experience-header-ribbon.is-primary:before {
    border-top-color: #b0091b
}

.experience-header-ribbon.is-secondary {
    background-color: #251a80
}

.experience-header-ribbon.is-secondary:before {
    border-top-color: #000001
}

.experience-header-ribbon.is-blue {
    background-color: #6286f6
}

.experience-header-ribbon.is-blue:before {
    border-top-color: #0a34b5
}

.experience-header-ribbon.is-red {
    background-color: #dd3240
}

.experience-header-ribbon.is-red:before {
    border-top-color: #651118
}

.experience-header-ribbon.is-purple {
    background-color: #7b4aa1
}

.experience-header-ribbon.is-purple:before {
    border-top-color: #2b1a38
}

.experience-header-ribbon.is-green {
    background-color: #37d999
}

.experience-header-ribbon.is-green:before {
    border-top-color: #136444
}

.experience-header-ribbon.is-yellow {
    background-color: #f7cd5b
}

.experience-header-ribbon.is-yellow:before {
    border-top-color: #b08309
}

.experience-header .breadcrumbs {
    padding: 1.5rem 0 .5rem
}

.experience-header-title h1 {
    color: #1c1a2c;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 64px;
    line-height: 4rem;
    margin: 0 0 1rem
}

.experience-header-left,
.experience-header-right {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 3rem
}

.experience-header-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 4rem 0 0;
    max-width: 70%;
    width: 100%
}

.experience-header-right {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    max-width: 30%;
    padding: 2.5rem 0;
    width: 100%
}

.experience-header-pro {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0
}

.experience-header-adress,
.experience-header-pro {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.experience-header-adress {
    margin: .3rem 0 0
}

.experience-header-adress>span {
    cursor: pointer;
    text-decoration: underline
}

.experience-header-reviews {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 1.5rem 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.experience-header-tripadvisor {
    padding: 0;
    margin: 0 2rem 0 0
}

.experience-header-tripadvisor>span {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700
}

.experience-header-tripadvisor-infos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: .5rem
}

.experience-header-tripadvisor-infos>span {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0;
    padding-left: 1rem
}

.experience-header-tripadvisor-rating {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 192px;
    width: 12rem;
    height: 32px;
    height: 2rem
}

.experience-header-tripadvisor-tooltip {
    position: relative
}

.experience-header-tripadvisor-tooltip>a {
    color: #999;
    display: inline;
    padding-left: 1rem;
    text-decoration: underline
}

.experience-header-tripadvisor-logo>img {
    display: block;
    margin: 0 auto;
    max-width: 352px;
    max-width: 22rem;
    width: 100%
}

.experience-header-rating {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #474655;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500
}

.experience-header-rating .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.experience-header-rating p,
.experience-header-rating span {
    cursor: pointer;
    display: block;
    text-decoration: underline
}

.experience-header-rating span {
    margin: .4rem 0 0 .5rem
}

.experience-header-rating p {
    font-size: 25.6px;
    font-size: 1.6rem;
    margin: .4rem 0 0 1rem;
    text-decoration: none
}

.experience-header-buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.experience-header-buttons-container>:first-child {
    margin-bottom: 1rem
}

.experience-header-right-content {
    padding: 0
}

.experience-header-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.experience-header-info,
.experience-header-likes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-header-likes {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 1rem
}

.experience-header-likes p {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 500;
    margin: 0
}

.experience-header-likes span {
    color: #251a80;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500
}

.experience-header-likes .icon {
    margin: 0 .5rem 0 0;
    position: relative;
    top: -3.2px;
    top: -.2rem
}

.experience-header-likes .icon>svg {
    fill: #251a80;
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.experience-header-right-footer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0
}

.experience-header-link-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem
}

.experience-header-link-item:last-child {
    margin-bottom: 0
}

.experience-header-link-item .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.experience-header-link-item .icon>svg path {
    fill: #f75b6c
}

.experience-header-link-item p {
    color: #474655;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 27.2px;
    line-height: 1.7rem;
    margin: 0 0 0 1rem;
    text-align: left
}

@media screen and (max-width:1150px) {
    .experience-header-ribbon {
        margin: 2rem -1rem 0
    }
}

@media (max-width:1023.9px) {
    .experience-header-slideshow {
        height: 40rem
    }

    .experience-header-slideshow-item {
        height: 41rem
    }

    .experience-header-adress {
        margin: .5rem 0 1.5rem
    }

    .experience-header-info {
        -ms-flex-pack: justify
    }

    .experience-header-button,
    .experience-header-info {
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .experience-header-button {
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-pack: justify;
        max-width: 35rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    .experience-header-reviews {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .experience-header-title h1 {
        font-size: 2.6rem;
        line-height: 3.4rem
    }
}

@media (max-width:764.9px) {
    .experience-header-slideshow {
        height: 25rem;
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        margin-top: -2rem;
        right: 50%;
        width: 102vw
    }

    .experience-header-slideshow:after,
    .experience-header-slideshow:before {
        display: none
    }

    .experience-header-slideshow-item {
        height: 26rem
    }

    .experience-header .flickity-button>svg {
        height: 60%;
        width: 60%
    }

    .experience-header .flickity-button.next {
        right: 2rem
    }

    .experience-header .flickity-button.previous {
        left: 2rem
    }

    .experience-header .flickity-page-dots {
        display: none
    }

    .experience-header-slideshow-infos {
        padding: 0
    }

    .experience-header-place {
        padding-left: 2rem
    }

    .experience-header-place span {
        font-size: 1.4rem
    }

    .experience-header-place .icon>svg {
        display: none
    }

    .experience-header-price {
        max-width: 16rem;
        padding: 1rem
    }

    .experience-header-price>span {
        display: block;
        font-size: 1.2rem;
        line-height: 1.8rem;
        padding-bottom: .5rem
    }

    .experience-header-price.is-old {
        max-width: 20rem
    }

    .experience-header-old {
        font-size: 1.2rem
    }

    .experience-header-cost {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.2rem;
        line-height: 1.2rem
    }

    .experience-header-cost>span {
        font-size: 2.2rem;
        line-height: 2.1rem
    }

    .experience-header .breadcrumbs {
        padding: .5rem 0 0
    }

    .experience-header-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1rem 2rem 0
    }

    .experience-header-ribbon {
        margin: 1rem 0 2rem -1rem;
        max-width: none
    }

    .experience-header-left {
        margin: 0;
        max-width: 100%;
        padding: 0
    }

    .experience-header-title h1 {
        font-size: 2.4rem;
        line-height: 3rem;
        margin: 1rem 0
    }

    .experience-header-reviews {
        margin-top: 1.5rem
    }

    .experience-header-rating {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .experience-header-right {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        background-color: transparent;
        border-top: .1rem solid #ddd;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1.5rem;
        max-width: 100%;
        padding: 1.5rem 0 2.5rem
    }

    .experience-header-add-list,
    .experience-header-info {
        padding: 0
    }

    .experience-header-likes {
        margin: 0 0 1.5rem
    }

    .experience-header-likes span {
        font-size: 1.6rem
    }

    .experience-header-likes .icon {
        display: none
    }

    .experience-header-right-footer {
        width: 100%
    }
}

@media (max-width:474.9px) {
    .experience-header-reviews {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-top: .1rem solid #ddd;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem 0 0
    }

    .experience-header-reviews>div:nth-child(2n) {
        margin-top: 1rem
    }

    .experience-header-tripadvisor {
        margin: 0
    }
}

@media (max-width:369.9px) {

    .experience-header-slideshow,
    .experience-header-slideshow-item {
        height: 20rem
    }

    .experience-header-price {
        max-width: 13rem;
        padding: .5rem .7rem
    }

    .experience-header-price.is-old {
        max-width: 17rem;
        padding: .5rem .7rem
    }

    .experience-header-cost {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.2rem;
        line-height: 1.2rem
    }

    .experience-header-cost>span {
        font-size: 1.8rem;
        line-height: 2rem
    }

    .experience-header-title h1 {
        font-size: 2.2rem;
        line-height: 2.6rem
    }
}

.experience-header.is-wii-smile .experience-header-right-footer .icon>svg path {
    fill: #3cb4a0
}

.experience-link {
    background-color: #f2eded;
    margin: 2rem 0 1rem;
    position: relative;
    width: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-link-image {
    background: 50% no-repeat;
    background-size: cover;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 352px;
    height: 22rem;
    width: 352px;
    width: 22rem
}

.experience-link-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2rem
}

.experience-link-title {
    color: #222;
    font-size: 35.2px;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: 0 0 1.2rem;
    width: 95%
}

.experience-link-category {
    text-transform: uppercase;
    margin: 0 0 2rem
}

.experience-link-category,
.experience-link-location {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500
}

.experience-link-location:first-letter {
    text-transform: capitalize
}

.experience-link-price {
    margin-bottom: 1rem
}

.experience-link-new {
    color: #f75b6c;
    display: inline;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 44.8px;
    line-height: 2.8rem
}

.experience-link-old {
    color: #666;
    display: inline;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 1rem;
    text-decoration: line-through
}

.experience-link-likes {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    width: 80%
}

.experience-link-btn {
    bottom: 64px;
    bottom: 4rem;
    position: absolute;
    right: -80px;
    right: -5rem
}

@media (max-width:764.9px) {
    .experience-link {
        margin: 2rem 0 4rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .experience-link-image {
        position: relative;
        height: 16rem;
        width: 100%
    }

    .experience-link-content {
        margin-left: 0;
        padding: 1.5rem 1.5rem 4.5rem
    }

    .experience-link-title {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1rem;
        width: 100%
    }

    .experience-link-category {
        margin-bottom: 1rem
    }

    .experience-link-likes {
        font-size: 1.4rem;
        width: 100%
    }

    .experience-link-btn {
        bottom: -1.5rem;
        display: block;
        max-width: 19rem;
        padding: 1.2rem 3rem;
        position: absolute;
        text-align: center;
        right: 0;
        left: calc(50% - 9.5rem);
        width: 100%
    }
}

@media (max-width:369.9px) {
    .experience-link-image {
        height: 15rem
    }

    .experience-link-title {
        font-size: 1.7rem;
        line-height: 2.2rem
    }

    .experience-link-category {
        font-size: 1.3rem;
        font-weight: 500
    }
}

.experience-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.experience-map-aside {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #f5f5f5;
    max-width: 35.5%;
    padding: 9rem 1.6rem 3rem 3rem
}

.experience-map-aside,
.experience-map-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin: 0;
    width: 100%
}

.experience-map-content {
    height: 640px;
    height: 40rem;
    max-width: 64.5%;
    position: relative
}

.experience-map-content .map {
    margin: 0
}

@media (max-width:764.9px) {
    .experience-map {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .experience-map-aside {
        max-width: 100%;
        padding: 2rem 3rem 3rem
    }

    .experience-map-content {
        height: 25rem;
        max-width: 100%
    }

    .experience-map-content .map {
        height: 25rem
    }

    .experience-map h3 {
        margin-bottom: 1rem
    }
}

.experience-offers {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.experience-offers .user-message {
    background-color: #ffcfd4;
    border-color: #dd3240;
    color: #dd3240;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0 0 2rem;
    padding: 1.3rem;
    position: relative
}

.experience-offers .user-message:after,
.experience-offers .user-message:before {
    content: " ";
    border: solid transparent;
    height: 0;
    left: 92%;
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    width: 0
}

.experience-offers .user-message:after {
    border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #ffcfd4;
    border-width: 1.5rem;
    margin-left: -1.5rem
}

.experience-offers .user-message:before {
    border-color: rgba(221, 50, 64, 0) rgba(221, 50, 64, 0) #dd3240;
    border-width: 1.6rem;
    margin-left: -1.6rem
}

.experience-offers-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.experience-offers-item {
    background-color: #fff;
    border-radius: .4rem;
    margin: 0 0 1rem;
    padding: 1rem 1.5rem
}

.experience-offers-item.is-closed .experience-offers-content {
    display: none
}

.experience-offers-item.is-active .experience-offers-qte .icon>svg path {
    fill: #f75b6c
}

.experience-offers-item.is-active .experience-offers-qte>span {
    color: #f75b6c;
    font-weight: 700
}

.experience-offers-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.experience-offers-head.is-only-one .experience-offers-qte-block {
    display: none !important
}

.experience-offers-infos {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .5rem 0
}

.experience-offers-infos.is-wii-smile {
    color: #df3b60;
    font-weight: 450;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.experience-offers-infos.is-wii-smile>.tooltip {
    margin-left: .5rem
}

.experience-offers-infos.is-hidden {
    display: none
}

.experience-offers-option {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 0 0
}

.experience-offers-popular {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-offers-popular .icon {
    margin-right: .5rem
}

.experience-offers-popular .icon>svg {
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem
}

.experience-offers-popular .icon>svg path {
    fill: #37d999
}

.experience-offers-popular span {
    color: #37d999;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem
}

.experience-offers-details {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.experience-offers-details p {
    color: #251a80;
    cursor: pointer;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem;
    margin: 0 1.5rem 0 0;
    text-decoration: underline
}

.experience-offers-details p:focus,
.experience-offers-details p:hover {
    color: #6286f6
}

.experience-offers-toogle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 .5rem 0 -1rem
}

.experience-offers-toogle p {
    display: none
}

.experience-offers-title,
.experience-offers h3 {
    color: #4d4d4d;
    font-size: 27.2px;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 3rem 0 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.experience-offers-title:first-letter,
.experience-offers h3:first-letter {
    text-transform: uppercase
}

.experience-offers-offers {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding: .5rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.experience-offers-offers.is-wii-smile .experience-offers-price .experience-offers-ref {
    font-weight: 400
}

.experience-offers-offers.is-wii-smile>.experience-offers-ref {
    color: #df3b60;
    font-weight: 700
}

.experience-offers-old,
.experience-offers-ref {
    line-height: 38.4px;
    line-height: 2.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.experience-offers-price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.experience-offers-ref {
    color: #1c1a2c;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 1rem
}

.experience-offers-ref.is-hidden {
    display: none
}

.experience-offers-old {
    color: #777;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    text-decoration: line-through
}

.experience-offers-content {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding: .5rem 0
}

.experience-offers-content p {
    margin: 0;
    color: #1c1a2c
}

.experience-offers-action {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.experience-offers-qte-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 57.6px;
    min-height: 3.6rem;
    padding: 0 0 0 1rem;
    width: 192px;
    width: 12rem
}

.experience-offers-qte-select {
    -webkit-animation: qte-animation .5s ease;
    animation: qte-animation .5s ease;
    position: relative;
    width: 100%
}

.experience-offers-qte-select span {
    border: .2rem solid #f75b6c;
    border-radius: .4rem;
    cursor: pointer;
    color: #f75b6c;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500;
    padding: 1rem 1rem .8rem
}

.experience-offers-qte-select.is-select span {
    background-color: #f75b6c;
    color: #fff
}

.experience-offers-qte {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: qte-animation .5s ease;
    animation: qte-animation .5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%
}

.experience-offers-qte .icon>svg {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.experience-offers-qte .icon>svg path {
    fill: #f75b6c
}

.experience-offers-qte .icon:first-child>svg path {
    fill: #999
}

.experience-offers-qte>span {
    color: #999;
    display: block;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 19.2px;
    line-height: 1.2rem;
    margin: .2rem 1rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 16px;
    width: 1rem
}

.experience-offers-nav {
    margin-top: 2rem;
    width: 100%
}

.experience-offers-wii-smile-info {
    text-align: right;
    width: 100%;
    display: none;
    color: #fff;
    font-size: 32px;
    font-size: 2rem;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: -1rem 0 1rem;
    padding-right: 5rem;
    position: relative
}

.experience-offers-wii-smile-info span {
    font-weight: 700;
    border-bottom: solid #fff
}

.experience-offers-wii-smile-info>.tooltip {
    position: absolute;
    right: 35.2px;
    right: 2.2rem;
    top: 0
}

.experience-offers-count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
    padding-right: 2.25rem;
    text-align: right;
    width: 100%
}

.experience-offers-count p {
    color: #fff;
    font-size: 32px;
    font-size: 2rem;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: 0
}

.experience-offers-count p>span {
    color: #fff;
    font-weight: 700
}

.experience-offers-count .icon {
    margin-left: 1.5rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.experience-offers-count .icon>svg {
    height: 19.2px;
    height: 1.2rem;
    width: 19.2px;
    width: 1.2rem
}

.experience-offers-count .icon>svg path {
    fill: #fff
}

.experience-offers-nav-button {
    border-top: .1rem solid hsla(0, 0%, 100%, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 2rem;
    width: 100%
}

.experience-offers-nav-button-item {
    max-width: 448px;
    max-width: 28rem;
    width: 100%
}

.experience-offers-nav-button-item>p {
    color: #ddd;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin: .5rem .5rem 0 0;
    text-align: right
}

.experience-offers-nav-button-item:last-child {
    margin-left: 1rem
}

.experience-offers-nav-button .button {
    font-weight: 700;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 1.3rem 2.5rem 1rem;
    text-align: center;
    width: 100%
}

.experience-offers-nav-button .button[data-disabled=true] {
    background: #666;
    border-color: transparent;
    pointer-events: none
}

.experience-offers-nav-button .button[data-disabled=true]>span {
    color: #888
}

.experience-offers-nav-button .button[data-disabled=true] .icon>svg path {
    fill: #888
}

.experience-offers-nav-button .outline-red {
    background: #fff !important;
    border-color: #f75b6c
}

.experience-offers-nav-button .outline-red .icon>svg path {
    fill: #f75b6c
}

.experience-offers-nav-button .outline-red:focus .icon>svg path,
.experience-offers-nav-button .outline-red:hover .icon>svg path {
    fill: #d33b78
}

.experience-offers-additional {
    margin-top: 3rem
}

.experience-offers-additional>p {
    color: #ddd;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0;
    text-align: right
}

.experience-offers-additional a {
    text-decoration: none;
    color: #ffe8aa
}

.experience-offers.is-wii-smile .experience-offers-qte-select span {
    border-color: #3cb4a0;
    color: #3cb4a0
}

.experience-offers.is-wii-smile .experience-offers-qte-select.is-select span {
    background-color: #3cb4a0;
    color: #fff
}

.experience-offers.is-wii-smile .experience-selection-qte-value {
    color: #3cb4a0 !important
}

.experience-offers.is-wii-smile .experience-offers-qte .icon svg * path {
    fill: #3cb4a0
}

.experience-offers.is-wii-smile .experience-offers-additional>p,
.experience-offers.is-wii-smile .experience-offers-nav-button-item>p {
    color: #fff
}

.experience-offers.is-wii-smile .experience-offers-nav-button {
    border-top-color: hsla(0, 0%, 100%, .4)
}

.experience-offers.is-wii-smile .button[data-disabled=true] {
    background: #ccc;
    border-color: transparent;
    pointer-events: none
}

.experience-offers.is-wii-smile .button[data-disabled=true]>span {
    color: #aaa
}

.experience-offers.is-wii-smile .button[data-disabled=true] .icon>svg path {
    fill: #aaa
}

@media (max-width:764.9px) {
    .experience-offers.is-wii-smile .experience-offers-count * {
        color: #fff
    }

    .experience-offers.is-wii-smile .experience-offers-count .icon>svg path {
        fill: #fff
    }
}

@media (max-width:764.9px) {
    .experience-offers {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 0
    }

    .experience-offers .user-message {
        line-height: 2rem;
        padding: 1rem
    }

    .experience-offers .user-message:after,
    .experience-offers .user-message:before {
        left: 86%
    }

    .experience-offers-list {
        max-width: 100%;
        padding: 1rem 0 0
    }

    .experience-offers-list-title {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding-bottom: 1.5rem
    }

    .experience-offers-title,
    .experience-offers h3 {
        margin-right: 1rem;
        font-size: 1.6rem
    }

    .experience-offers-item {
        border: .1rem solid #ddd
    }

    .experience-offers-head.is-only-one {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .experience-offers-head.is-only-one .experience-offers-option {
        margin-top: 0
    }

    .experience-offers-head.is-only-one .experience-offers-popular {
        margin-top: 1rem
    }

    .experience-offers-head.is-only-one .experience-offers-action {
        min-height: auto
    }

    .experience-offers-head.is-only-one .experience-offers-offers {
        padding-bottom: 0
    }

    .experience-offers-option {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1rem
    }

    .experience-offers-popular {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 .5rem
    }

    .experience-offers-details {
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .experience-offers-action {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 6.5rem
    }

    .experience-offers-qte-block {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-height: 3rem;
        width: 100
    }

    .experience-offers-qte-select span {
        padding: .7rem 1rem .5rem
    }

    .experience-offers-qte {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .experience-offers-ref {
        margin-right: 0
    }

    .experience-offers-offers {
        margin-right: 0;
        padding: .2rem 0 1rem
    }

    .experience-offers-content {
        font-size: 1.5rem;
        padding: 1rem 0 0
    }

    .experience-offers-nav {
        margin-top: 2
    }

    .experience-offers-count {
        margin-bottom: 2rem
    }

    .experience-offers-count .icon>svg path {
        fill: #474655
    }

    .experience-offers-count p {
        color: #474655;
        font-size: 1.8rem;
        line-height: 2rem
    }

    .experience-offers-count p>span {
        color: #474655
    }

    .experience-offers-nav-button {
        border-color: #999
    }

    .experience-offers-nav-button-item {
        max-width: 100%
    }

    .experience-offers-nav-button-item:last-child {
        margin: 0 0 0 .5rem
    }

    .experience-offers-nav-button .button {
        padding: 1.3rem 1.3rem 1rem;
        font-size: 1.2rem
    }

    .experience-offers-nav-button .button.with-icon .icon>svg {
        height: 2rem;
        margin-right: .5rem;
        width: 2rem
    }

    .experience-offers-nav-button-item p {
        color: #474655;
        font-size: 1.2rem;
        line-height: 1.8rem;
        padding: 0 0 0 .3rem;
        text-align: left
    }

    .experience-offers-additional>p {
        color: #474655
    }

    .experience-offers-additional a {
        color: #251a80
    }
}

@media (max-width:764.9px) {
    .experience-offers-offers.is-wii-smile>.experience-offers-ref {
        line-height: 5rem
    }

    .experience-offers-wii-smile-info {
        font-size: 1.8rem
    }

    .experience-offers-wii-smile-info>span {
        font-size: 2rem;
        border-bottom: none
    }
}

@media (max-width:369.9px) {

    .experience-offers .user-message:after,
    .experience-offers .user-message:before {
        left: 80%
    }

    .experience-offers-title,
    .experience-offers h3 {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .experience-offers-count {
        font-size: 1.6rem
    }

    .experience-offers-nav-button .button {
        font-size: 1.2rem
    }
}

@-webkit-keyframes qte-animation {
    0% {
        opacity: 0;
        bottom: -1rem
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

@keyframes qte-animation {
    0% {
        opacity: 0;
        bottom: -1rem
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

.external-video {
    margin: 2rem 0 1rem;
    max-height: 560px !important;
    max-height: 35rem !important;
    padding: 0;
    position: relative;
    width: 100% !important
}

.external-video iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important
}

.faq-card {
    list-style-type: none;
    margin: 4.5rem auto 6rem;
    max-width: 1280px;
    max-width: 80rem;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.faq-card-item {
    margin: 0 0 2rem;
    max-width: 33.3%;
    padding: 0 1rem;
    float: left;
    width: 100%
}

.faq-card-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border: transparent;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4rem;
    text-decoration: none;
    min-height: 272px;
    min-height: 17rem
}

.faq-card-link:focus,
.faq-card-link:hover {
    background-color: #fff;
    border: .1rem solid #ccc
}

.faq-card-link:focus .faq-card-text,
.faq-card-link:hover .faq-card-text {
    text-decoration: underline
}

.faq-card-title {
    color: #474655;
    margin: 0 0 1rem;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 48px;
    line-height: 3rem;
    text-align: center
}

.faq-card-text {
    color: #f75b6c;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    text-align: center
}

@media (max-width:764.9px) {
    .faq-card-item {
        max-width: 100%;
        padding: 0 2rem
    }
}

.faq-common {
    margin: 4.5rem auto 0;
    max-width: 1280px;
    max-width: 80rem;
    width: 100%
}

.faq-common-title {
    color: #474655;
    font-weight: 700;
    font-size: 48px;
    font-size: 3rem;
    line-height: 57.6px;
    line-height: 3.6rem;
    margin: 4rem 0 3rem;
    text-align: center
}

.faq-common-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden
}

.faq-common-item {
    margin: 0 0 2rem;
    max-width: 50%;
    padding: 0 1rem;
    float: left;
    width: 100%
}

.faq-common-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2rem;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.faq-common-link:focus .faq-common-text,
.faq-common-link:hover .faq-common-text {
    color: #251a80;
    text-decoration: underline
}

.faq-common-icon {
    background-image: url(/assets.woom.fr/packs/components/faq/common/faq-icon-7eefa375247395861b1c827afe1b424b.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 72px;
    height: 4.5rem;
    margin-right: 2rem;
    width: 72px;
    width: 4.5rem
}

.faq-common-text {
    color: #474655;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0
}

@media (max-width:764.9px) {
    .faq-common-item {
        max-width: 100%;
        padding: 0 2rem
    }
}

.faq-content {
    background-color: #fff;
    padding: 4.5rem 3rem;
    margin-bottom: 1.4rem
}

.faq-content-title {
    color: #222;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 48px;
    line-height: 3rem;
    margin-bottom: 1rem
}

.faq-content-text {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 3rem
}

.faq-content-item {
    margin: 0
}

.faq-content-item.is-closed .faq-content-question .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-content-item.is-closed .faq-content-answer {
    display: none
}

.faq-content-question {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #251a80;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22.4px;
    font-size: 1.4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 32px;
    line-height: 2rem;
    padding: 2rem 0
}

.faq-content-question:focus,
.faq-content-question:hover {
    text-decoration: underline
}

.faq-content-question .icon>svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.faq-content-question .icon>svg path {
    fill: #251a80
}

.faq-content-answer {
    color: #222;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    padding: 0 4rem 2rem 0;
    margin: 0
}

.faq-content-answer>p {
    margin: 0
}

.faq-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #251a80;
    background-image: url(/assets.woom.fr/packs/base/patterns/multi-cloud-pattern-1f88f6af70b746e59f50655a68f806b7.png);
    background-position: 100% 53%;
    background-size: 300px;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 416px;
    height: 26rem;
    padding: 0
}

.faq-header-title {
    color: #fff;
    font-size: 60.8px;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 70.4px;
    line-height: 4.4rem;
    margin: 0;
    padding: 0 2rem;
    text-align: center
}

@media (max-width:474.9px) {
    .faq-header {
        background-image: none
    }

    .faq-header-title {
        font-size: 3rem
    }
}

.faq-menu {
    width: 100%
}

.faq-menu-title {
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0 0 2rem;
    text-transform: uppercase
}

.faq-menu-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.faq-menu-item {
    margin-bottom: 1.5rem
}

.faq-menu-item>a {
    color: #999;
    font-size: 25.6px;
    font-size: 1.6rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.faq-menu-item>a:focus,
.faq-menu-item>a:hover {
    color: #474655
}

.featured-content {
    background-color: #f2eded;
    padding-bottom: 4rem
}

.featured-content-title {
    color: #474655;
    display: block;
    font-family: bebas, sans-serif;
    font-size: 44.8px;
    font-size: 2.8rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    margin: 0 auto 3.5rem;
    max-width: 960px;
    max-width: 60rem;
    padding-top: 5rem;
    text-align: center;
    text-transform: uppercase
}

.featured-content-search {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem auto 4rem;
    max-width: 1536px;
    max-width: 96rem;
    position: relative;
    width: 100%;
    z-index: 10
}

.featured-content-search-input {
    border: .1rem solid #ddd;
    border-radius: .4rem;
    color: #333;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Metropolis, sans-serif;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem;
    padding: 2rem 1rem 2rem 7rem;
    position: relative
}

.featured-content-search-input::-webkit-input-placeholder {
    color: #474655
}

.featured-content-search-input:-moz-placeholder,
.featured-content-search-input::-moz-placeholder {
    color: #474655
}

.featured-content-search-input:-ms-input-placeholder {
    color: #474655
}

.featured-content-search .icon {
    position: absolute;
    left: 48px;
    left: 3rem;
    top: 28px;
    top: 1.75rem
}

.featured-content-search-button {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 288px;
    flex: 0 0 288px;
    -ms-flex: 0 0 18rem;
    flex: 0 0 18rem;
    margin-left: 1.5rem
}

.featured-content-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.featured-content-item {
    display: inline-block;
    margin: 1rem;
    width: calc(25% - 1.5rem)
}

.featured-content-item:first-child {
    display: block;
    margin: 0;
    min-height: 480px;
    min-height: 30rem;
    position: relative
}

.featured-content-item:first-child .experience-card-tag {
    display: none
}

.featured-content-item:nth-child(2) {
    margin-left: 0
}

.featured-content-item:nth-child(5) {
    margin-right: 0
}

.featured-content-item:first-child {
    width: 100%
}

.featured-content-item:nth-child(3) .article-card:before {
    background-image: url(/assets.woom.fr/packs/base/patterns/diagonal-567a338465921ee309b285eecf7ea144.png);
    background-size: 100%
}

.featured-content-item:nth-child(5) .experience-card-tag:before {
    content: "";
    position: absolute;
    top: -35.2px;
    top: -2.2rem;
    left: 35%;
    width: 32px;
    width: 2rem;
    height: 32px;
    height: 2rem;
    background-color: #f75b6c;
    -webkit-transform: rotate(45deg) translate(-50%);
    transform: rotate(45deg) translate(-50%);
    z-index: -1
}

.featured-content-reward {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f75b6c;
    top: 668.8px;
    top: 41.8rem;
    right: 0;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 2rem 2.2rem 2.2rem;
    position: absolute;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: bebas, sans-serif;
    font-size: 48px;
    font-size: 3rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    z-index: 1000
}

.featured-content-reward span {
    line-height: 1
}

.featured-content-reward .icon>svg {
    margin: .4rem 0 0 1rem;
    height: 35.2px;
    height: 2.2rem;
    width: 35.2px;
    width: 2.2rem
}

.featured-content-reward .icon>svg path {
    fill: #fff
}

.featured-content-reward:focus,
.featured-content-reward:hover {
    -webkit-transform: translateY(-.2rem) rotate(-2deg);
    transform: translateY(-.2rem) rotate(-2deg)
}

@media (max-width:1023.9px) {
    .featured-content .layout-container {
        max-width: 74rem
    }

    .featured-content-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 2rem
    }

    .featured-content-item {
        margin: 2rem 0 0;
        padding: 0 1rem;
        width: 45%
    }

    .featured-content-item:nth-child(5) .experience-card-tag:before {
        display: none
    }

    .featured-content-reward {
        margin-top: 2rem;
        position: relative;
        top: 0;
        width: 100%
    }

    .featured-content-reward:after {
        display: none
    }

    .featured-content-reward:focus,
    .featured-content-reward:hover {
        background-color: #dd3240;
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@media (max-width:764.9px) {
    .featured-content-item {
        margin: 2rem 0 0;
        padding: 0 1rem;
        width: 100%
    }

    .featured-content-item .article-card-image,
    .featured-content-item .article-card:before,
    .featured-content-item .experience-card-image,
    .featured-content-item .experience-card:before {
        height: 36rem
    }

    .featured-content-search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 2rem auto 0
    }

    .featured-content-search-input {
        padding: 2rem 1rem 2rem 5rem
    }

    .featured-content-search-input::-webkit-input-placeholder {
        color: #474655
    }

    .featured-content-search-input:-moz-placeholder,
    .featured-content-search-input::-moz-placeholder {
        color: #474655
    }

    .featured-content-search-input:-ms-input-placeholder {
        color: #474655
    }

    .featured-content-search .icon {
        left: 1.5rem
    }

    .featured-content-search-button {
        margin: 1rem 0 4rem;
        max-height: 6rem
    }
}

@media (max-width:474.9px) {
    .featured-content-item {
        margin-top: 4rem
    }

    .featured-content-item .article-card-image,
    .featured-content-item .article-card:before,
    .featured-content-item .experience-card-image,
    .featured-content-item .experience-card:before {
        height: 26rem
    }

    .featured-content-item .article-card-title,
    .featured-content-item .experience-card-title {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .featured-content-reward {
        font-size: 2.2rem
    }

    .featured-content-reward .icon>svg {
        height: 1.6rem;
        width: 1.6rem
    }
}

@media (max-width:369.9px) {

    .featured-content-item .article-card-image,
    .featured-content-item .article-card:before,
    .featured-content-item .experience-card-image,
    .featured-content-item .experience-card:before {
        height: 18rem
    }

    .featured-content-item .article-card {
        min-height: 25rem
    }

    .featured-content-item .experience-card {
        min-height: 28rem
    }
}

.footer {
    background-color: #1c1a2c;
    margin-top: 0;
    color: #fff
}

.footer-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 8rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 2048px;
    max-width: 128rem;
    min-height: 400px;
    min-height: 25rem;
    width: 100%
}

.footer-logo {
    background-image: url(/assets.woom.fr/packs/base/icons/logo_woom_desktop-ea38a379a1ea55f0e25b165887e009b2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 38.4px;
    height: 2.4rem;
    margin-bottom: 3rem;
    width: 160px;
    width: 10rem
}

.footer a {
    color: #fff;
    line-height: 35.2px;
    line-height: 2.2rem;
    font-weight: 500
}

.footer-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2rem
}

.footer-column-title {
    color: #ffcfd4;
    font-size: 25.6px;
    font-size: 1.6rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin: 0 0 2rem;
    text-transform: uppercase
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-column-items li {
    padding-bottom: .5rem
}

.footer-column-items li a {
    color: #f5f5f5;
    font-size: 22.4px;
    font-size: 1.4rem
}

.footer-column-items a:focus,
.footer-column-items a:hover {
    color: #f7cd5b
}

.footer-links li {
    padding-bottom: 1.4rem
}

.footer-links a {
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase
}

.footer-links a:focus,
.footer-links a:hover {
    color: #f75b6c
}

.footer-column-multi {
    padding: 0 2rem
}

.footer-column-multi .footer-column-items {
    -webkit-column-width: 14rem;
    -webkit-column-gap: 3.5rem;
    -moz-column-width: 14rem;
    -moz-column-gap: 3rem;
    -o-column-width: 14rem;
    -o-column-gap: 1.5rem;
    column-width: 14rem;
    -webkit-column-gap: 3rem;
    column-gap: 3rem;
    width: 912px;
    width: 57rem
}

.footer-column-multi .footer-column-item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    padding-bottom: .5rem
}

.footer-column-multi .footer-column-item:last-child {
    padding-bottom: 0
}

.footer-column-multi .footer-column-item>a {
    font-size: 22.4px;
    font-size: 1.4rem
}

.footer-credit,
.footer-images-container,
.footer-subfooter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #151422;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-subfooter {
    padding: 2rem 0;
    width: 100%
}

.footer-subfooter a {
    color: #666;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem;
    padding: 0 2rem;
    text-transform: uppercase
}

.footer-subfooter a:focus,
.footer-subfooter a:hover {
    color: #999
}

.footer-credit {
    padding: 0 2rem 2rem;
    width: 100%
}

.footer-credit-items {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.footer-credit-item {
    color: #666;
    display: inline;
    font-size: 19.2px;
    font-size: 1.2rem
}

.footer-credit-item:after {
    content: ",";
    margin-right: 1rem
}

.footer-credit>span {
    color: #666;
    font-size: 19.2px;
    font-size: 1.2rem
}

.footer-images {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-images-item {
    margin: 1rem
}

.footer-images-item,
.footer-images-item>img {
    height: 80px;
    height: 5rem
}

.footer-images-item-tripadvisor {
    height: 64px;
    height: 4rem
}

.footer.is-wii-smile .footer-credit,
.footer.is-wii-smile .footer-images-container,
.footer.is-wii-smile .footer-subfooter {
    background-color: #000
}

@media screen and (max-width:1060px) {
    .footer {
        padding: 3rem 0 0
    }

    .footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer-logo {
        height: 4.4rem;
        margin: 2rem auto 4rem;
        width: 18rem
    }

    .footer-column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 auto 3rem;
        max-width: 60rem;
        padding: 0;
        width: 100%
    }

    .footer-column h5 {
        font-size: 1.3rem
    }

    .footer-column.social {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 2rem auto;
        padding: 0;
        width: 100%
    }

    .footer-links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer-links li {
        margin: 0 2rem 2rem;
        padding: 0
    }
}

@media (max-width:764.9px) {
    .footer-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-column {
        margin: 2rem 0;
        padding: 0 4rem;
        max-width: 100%
    }

    .footer-column h5 {
        margin-bottom: 1.5rem
    }

    .footer-column ul {
        margin: 2rem 0
    }

    .footer-column li {
        border-bottom: .1rem solid #474655;
        line-height: 2rem;
        margin-top: 0;
        padding: 1.2rem 0
    }

    .footer-column.footer-column-multi {
        display: none
    }

    .footer-column .footer-links-item {
        border-bottom: transparent;
        padding: 0
    }

    .footer-subfooter {
        padding: 2rem 1rem 1rem
    }

    .footer-subfooter a {
        padding: 0 1rem
    }

    .footer-credit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-credit>span {
        padding-top: 1rem
    }
}

@media (max-width:474.9px) {
    .footer-column {
        width: 100%;
        margin: 1.5rem 0;
        padding: 0 15%
    }

    .footer-links {
        margin-bottom: 0
    }

    .footer-links,
    .footer-subfooter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-subfooter {
        padding: 1.5rem 0 2.5rem
    }

    .footer-subfooter a {
        margin-top: 1rem
    }
}

.guarantee {
    position: relative;
    margin: 7rem 2rem 2rem 0
}

.guarantee:after {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/patterns/cube-750d08a12f3b77496e20bf2da863092c.svg), url(/assets.woom.fr/packs/base/patterns/multi-cloud-pattern-1f88f6af70b746e59f50655a68f806b7.png);
    background-position: 0 0, 0 0;
    background-size: 10.1rem, 20rem;
    height: 100%;
    left: 32px;
    left: 2rem;
    position: absolute;
    top: 32px;
    top: 2rem;
    width: 100%;
    z-index: 1
}

.guarantee-wrapper {
    border: .2rem solid #ffcfd4;
    background-color: #fff;
    padding: 2rem 1rem 1.5rem;
    position: relative;
    z-index: 2
}

.guarantee-tag {
    background-color: #ffcfd4;
    color: #251a80;
    display: inline-block;
    font-family: bebas, sans-serif;
    font-size: 35.2px;
    font-size: 2.2rem;
    font-weight: 400;
    left: 40px;
    left: 2.5rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    margin: 0;
    position: absolute;
    padding: .4rem 1.5rem .8rem;
    top: -32px;
    top: -2rem
}

.guarantee-list {
    list-style-type: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

.guarantee-item,
.guarantee-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guarantee-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
    padding: 0 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.guarantee-item:last-child .icon>svg {
    height: 64px;
    height: 4rem;
    width: 64px;
    width: 4rem
}

.guarantee-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
    max-width: 384px;
    max-width: 24rem;
    width: 100%
}

.guarantee-head h5 {
    color: #1c1a2c;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0;
    text-transform: uppercase
}

.guarantee-head .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1.5rem
}

.guarantee-head .icon>svg {
    width: 80px;
    width: 5rem;
    height: 80px;
    height: 5rem
}

.guarantee-head .icon>svg path {
    fill: #251a80
}

.guarantee-content p {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin-top: 0
}

.guarantee .button {
    font-weight: 700;
    margin-top: 2rem;
    pointer-events: none;
    padding: 1.4rem 1.5rem
}

.guarantee-call-info {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 22.4px;
    line-height: 1.4rem;
    margin-bottom: 2.5rem;
    margin-top: .5rem;
    text-align: right;
    width: 100%
}

.guarantee-mail {
    margin-bottom: 2rem
}

.guarantee-mail p {
    display: inline;
    margin: 0
}

.guarantee-mail a {
    color: #251a80;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.guarantee-mail a:focus,
.guarantee-mail a:hover {
    text-decoration: underline
}

@media (max-width:764.9px) {
    .guarantee {
        margin: 4rem 2rem 1rem
    }

    .guarantee:after {
        display: none
    }

    .guarantee-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .guarantee-item {
        margin-top: 2.5rem;
        padding: 0 1rem
    }

    .guarantee-head {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-bottom: 1rem
    }
}

@media (max-width:369.9px) {
    .guarantee-content p {
        font-size: 1.5rem
    }
}

.header {
    height: 112px;
    height: 7rem;
    position: relative;
    z-index: 1000
}

.header.is-overlay {
    height: 80px;
    height: 5rem;
    padding: .5rem 0 0
}

.header.is-overlay .header-container {
    border-bottom: .1rem solid hsla(0, 0%, 100%, .2);
    max-width: 1920px;
    max-width: 120rem;
    padding: 0
}

.header.is-overlay .header-logo,
.header.is-overlay .menu-mobile-header {
    padding-bottom: 1rem
}

.header.is-overlay .menu-lang {
    margin: 0
}

.header.is-label .header-cities label span {
    display: block;
    padding: 0 0 0 2rem
}

.header.is-logo-center {
    -webkit-box-shadow: 0 .1rem 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .1rem 0 0 rgba(0, 0, 0, .15);
    height: 96px;
    height: 6rem
}

.header.is-logo-center .header-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header.is-logo-center .header-right {
    display: none
}

.header.is-cart-tooltip {
    -webkit-box-shadow: 0 .1rem 0 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .1rem 0 0 rgba(0, 0, 0, .15);
    height: 128px;
    height: 8rem
}

.header-container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1984px;
    max-width: 124rem;
    padding: 0 2rem;
    position: relative;
    width: 100%
}

.header-container,
.header-left,
.header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.header-left,
.header-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-left,
.header-right,
.header-step {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header-step {
    list-style: none;
    margin: 0;
    padding: 0
}

.header-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 166.4px;
    flex: 0 0 166.4px;
    -ms-flex: 0 0 10.4rem;
    flex: 0 0 10.4rem;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 2rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 100%
}

.header-logo .icon>svg {
    height: 38.4px;
    height: 2.4rem;
    width: 160px;
    width: 10rem
}

.header-infos {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 32px;
    font-size: 2rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-infos,
.header-text {
    color: #251a80;
    -webkit-box-flex: 0;
    font-family: bebas;
    font-weight: 700;
    letter-spacing: 2.4px;
    letter-spacing: .15rem;
    padding: 0 3rem
}

.header-text {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 40px;
    font-size: 2.5rem;
    width: 100%
}

.header-step {
    height: 100%;
    margin-left: 4rem;
    width: 100%
}

.header-step-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 576px;
    max-width: 36rem
}

.header-step-item,
.header-step-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%
}

.header-step-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #474655;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 2rem
}

.header-step-item.is-active {
    color: #251a80;
    font-weight: 500
}

.header-step-item>p {
    margin: 0 1rem;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header-step-item>a {
    color: #474655;
    margin-right: 1rem
}

.header-step-item>a:focus,
.header-step-item>a:hover {
    text-decoration: underline
}

.header-step-item:after {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/icons/arrow-right-blue-4f48bd492e89a62c04da1cfc5cc3aac7.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 16px;
    height: 1rem;
    width: 11.2px;
    width: .7rem
}

.header-step-item:last-child:after {
    display: none
}

.header-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.header-user-kitty {
    -webkit-animation: kittyTooltipTransition 4s 3s forwards;
    animation: kittyTooltipTransition 4s 3s forwards;
    background-color: #fff;
    border-radius: .4rem;
    -webkit-box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, .15);
    display: block;
    margin-top: 0;
    opacity: 0;
    padding: 1.5rem;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 96px;
    top: 6rem;
    visibility: hidden;
    width: 320px;
    width: 20rem;
    z-index: 3001
}

.header-user-kitty span {
    color: #f75b6c;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem
}

.header-user-kitty p {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0
}

.header-user-kitty:after {
    content: "";
    border: 1.5rem solid transparent;
    border-bottom-color: #fff;
    height: 0;
    position: absolute;
    right: calc(20% - .5rem);
    top: -40px;
    top: -2.5rem;
    width: 0
}

.header-user-kitty>.button {
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    padding: 1.2rem 1rem 1rem;
    text-align: center;
    width: 100%
}

.header-profil {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 64px;
    height: 4rem;
    margin-left: 2rem;
    width: 64px;
    width: 4rem
}

.header-profil-admin {
    margin: 2rem
}

@media (max-width:1023.9px) {
    .header-search input {
        display: none
    }

    .header-search-button {
        position: relative;
        top: 0
    }

    .header-search-button .icon>svg {
        fill: #999
    }

    .header-step {
        width: 100%
    }

    .header-infos,
    .header-text,
    .header-user:hover .header-user-tooltip {
        display: none
    }
}

@media (max-width:764.9px) {
    .header [data-responsive-display=false] [data-responsive-display=none] {
        display: none
    }

    .header.is-label .header-cities label span {
        display: block;
        padding: 0
    }

    .header.is-overlay .header-logo {
        padding: 0
    }

    .header.is-cart-tooltip {
        height: 6rem
    }

    .header-container {
        padding: 0 1rem
    }

    .header-right-trustpilot,
    .header-step {
        display: none
    }
}

@media (max-width:474.9px) {
    .header {
        height: 6rem
    }

    .header.is-logo-center {
        height: 4.5rem
    }

    .header-logo {
        max-width: 8rem;
        margin-right: 0
    }

    .header-logo .icon>svg {
        height: 2rem;
        max-width: 100%
    }
}

@media (max-width:369.9px) {
    .header.is-cart-tooltip {
        height: 5rem
    }

    .header-logo {
        max-width: 6rem;
        margin-right: 0
    }

    .header-logo .icon>svg {
        height: 1.4rem;
        max-width: 100%
    }
}

@-webkit-keyframes kittyTooltipTransition {
    0% {
        visibility: hidden;
        opacity: 0
    }

    6% {
        visibility: visible;
        opacity: 1
    }

    94% {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: hidden;
        opacity: 0
    }
}

@keyframes kittyTooltipTransition {
    0% {
        visibility: hidden;
        opacity: 0
    }

    6% {
        visibility: visible;
        opacity: 1
    }

    94% {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: hidden;
        opacity: 0
    }
}

.historic {
    max-width: 800px;
    max-width: 50rem;
    width: 100%
}

.historic-head {
    margin: 4rem 0 3rem
}

.historic-number,
.historic-text {
    display: block
}

.historic-number {
    color: #f75b6c;
    font-size: 80px;
    font-size: 5rem;
    line-height: 1;
    font-weight: 700;
    padding: 0 0 1rem
}

.historic-text {
    color: #474655;
    font-weight: 500
}

.historic-items {
    border-top: .1rem solid #ddd;
    list-style-type: none;
    margin: 3rem 0 0;
    padding: 3rem 0 0
}

.historic-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 4rem
}

.historic-item-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.historic-item-image>img {
    border-radius: 50%;
    height: 84.8px;
    height: 5.3rem;
    width: 84.8px;
    width: 5.3rem
}

.historic-item-image .icon {
    border: .2rem solid #474655;
    border-radius: 50%;
    padding: 1rem
}

.historic-item-image .icon>svg {
    height: 48px;
    height: 3rem;
    width: 48px;
    width: 3rem
}

.historic-item-image .icon>svg path {
    fill: #474655
}

.historic-item-content {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    padding-left: 2rem;
    text-align: left
}

.historic-item-content-title {
    color: #1c1a2c;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    padding: 0 0 .4rem
}

.historic-item-content-date {
    color: #999;
    font-size: 22.4px;
    font-size: 1.4rem
}

.historic-item-credit {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.historic-item-credit-text {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700
}

.image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 480px;
    max-height: 30rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.image.left,
.image.right,
.image.wide {
    left: 50%;
    margin: 96px -50vw 8rem;
    max-height: 720px;
    max-height: 45rem;
    position: relative;
    right: 50%;
    width: 100vw
}

.image.left {
    margin-left: -75vw
}

.image.right {
    margin-left: -25vw
}

.image.right .image-credit {
    left: 16px;
    left: 1rem;
    right: 0
}

.image img {
    width: 100%
}

.image-credit {
    color: #ddd;
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    bottom: 16px;
    bottom: 1rem;
    right: 16px;
    right: 1rem;
    font-weight: 400
}

@media (max-width:764.9px) {

    .image.left,
    .image.right {
        margin-left: -50vw
    }
}

.info-covid {
    background-color: #f8f8f8;
    display: block;
    padding: 2rem;
    width: 100%;
    pointer-events: visible
}

.info-covid.is-no-bg {
    background-color: transparent;
    padding: 0 2.5rem 1.5rem 0
}

.info-covid.is-no-bg .info-covid-wrapper {
    margin: 0
}

.info-covid.is-small {
    margin-top: 3rem;
    padding: 0
}

.info-covid.is-small .info-covid-wrapper {
    padding: 1.5rem
}

.info-covid.is-small .info-covid-text {
    margin: 0
}

.info-covid.is-veepee .info-covid-image {
    display: none
}

.info-covid-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(247, 205, 91, .3);
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 1536px;
    max-width: 96rem;
    padding: 2rem 4rem 2rem 2rem;
    width: 100%
}

.info-covid-image {
    background-image: url(/assets.woom.fr/packs/components/info_covid/info-covid-bg-01-a2aa23952687f918aadcdfc371932ba7.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    height: 144px;
    height: 9rem;
    flex: 0 0 auto;
    position: relative;
    margin: 0 3rem 0 2rem;
    width: 144px;
    width: 9rem
}

.info-covid-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.info-covid-content>a {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 16px;
    line-height: 1rem;
    text-decoration: underline
}

.info-covid-content>a:hover {
    color: #6286f6
}

.info-covid-title {
    display: block;
    color: #1c1a2c;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 44.8px;
    line-height: 2.8rem;
    margin-bottom: .5rem
}

.info-covid-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-top: 1rem
}

.info-covid-text ul {
    margin: 0;
    padding-left: 1.5rem
}

@media (max-width:1023.9px) {
    .info-covid.is-no-bg {
        padding: 0 0 1.5rem
    }

    .info-covid.is-small {
        padding: 0
    }

    .info-covid.is-small .info-covid-image {
        display: none
    }

    .info-covid.is-small .info-covid-wrapper {
        padding: 1.5rem 2rem
    }
}

@media (max-width:764.9px) {
    .info-covid {
        padding: 0
    }

    .info-covid.is-small .info-covid-wrapper {
        padding: 1.5rem
    }

    .info-covid.is-small .info-covid-text {
        margin-top: 1rem
    }

    .info-covid-wrapper {
        padding: 1rem 2rem
    }

    .info-covid-image {
        display: none
    }

    .info-covid-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .info-covid-title {
        line-height: 1;
        text-align: center;
        font-size: 1.6rem;
        margin: 0
    }

    .info-covid-text {
        font-size: 1.3rem;
        line-height: 1.8rem;
        margin-top: .75rem
    }

    .info-covid-text ul {
        padding-left: 0
    }
}

@media (max-width:369.9px) {
    .info-covid-wrapper {
        padding: 1rem
    }

    .info-covid-text ul {
        list-style-type: none
    }
}

.list-category {
    position: relative;
    margin-top: 4rem;
    padding-bottom: 0;
    z-index: 10
}

.list-category-wrapper {
    margin: 0 auto;
    max-width: 1984px;
    max-width: 124rem;
    padding: 0 2rem;
    width: 100%
}

.list-category-title {
    color: #251a80;
    display: block;
    font-family: bebas;
    font-size: 76.8px;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 86.4px;
    line-height: 5.4rem;
    margin: 0 0 2.5rem;
    text-align: left;
    width: 100%
}

.list-category-title:after {
    content: "";
    display: block;
    width: 72px;
    width: 4.5rem;
    height: 12.8px;
    height: .8rem;
    margin-top: 2rem;
    background-color: #ffcfd4
}

.list-category-content {
    -webkit-box-shadow: 0 .9rem 2rem -1.2rem rgba(0, 0, 0, .46);
    box-shadow: 0 .9rem 2rem -1.2rem rgba(0, 0, 0, .46);
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
    -ms-grid-columns: minmax(175px, 1fr) 1fr 1fr;
    grid-template-columns: minmax(175px, 1fr) 1fr 1fr;
    -ms-grid-rows: minmax(auto, 1fr) minmax(auto, 1fr);
    grid-template-rows: minmax(auto, 1fr) minmax(auto, 1fr)
}

.list-category-item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 560px;
    height: 35rem;
    padding: 2rem 2rem 3rem;
    position: relative;
    width: 100%
}

.list-category-item:before {
    content: "";
    background-color: rgba(0, 0, 0, .35);
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.list-category-item:focus .list-category-item-content .button,
.list-category-item:hover .list-category-item-content .button {
    opacity: 1;
    bottom: 0
}

.list-category-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.list-category-item-content .button {
    bottom: -16px;
    bottom: -1rem;
    line-height: 1;
    opacity: 0;
    padding: 1.5rem;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.list-category-item-content .button>span {
    display: block;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 25.6px;
    line-height: 1.6rem;
    text-align: center;
    width: 100%
}

.list-category-item-title {
    color: #fff;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    font-size: 27.2px;
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 4rem;
    padding-top: 1rem;
    text-transform: uppercase
}

.list-category-item-title:focus,
.list-category-item-title:hover {
    text-decoration: underline
}

.list-category-item-subcategory {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.list-category-item-subcategory-item {
    padding-bottom: 1rem
}

.list-category-item-subcategory-item a {
    color: #fff;
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: .8px;
    letter-spacing: .05rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    width: 100%
}

.list-category-item-subcategory-item a:focus,
.list-category-item-subcategory-item a:hover {
    text-decoration: underline
}

@media (max-width:764.9px) {
    .list-category {
        margin-top: 2rem
    }

    .list-category-title {
        font-size: 3.8rem;
        line-height: 4.4rem
    }

    .list-category-content {
        display: block
    }

    .list-category-item {
        min-height: 30rem;
        margin-bottom: 1rem
    }

    .list-category-item-title {
        font-size: 2rem;
        margin: 1rem 0 2rem
    }

    .list-category-item-content .button {
        bottom: 0;
        opacity: 1
    }
}

@media (max-width:369.9px) {
    .list-category-title {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.list-category.is-wii-smile .list-category-title {
    color: #3cb4a0
}

.list-category.is-wii-smile .list-category-title:after {
    background-color: #fecb00;
    border-radius: .5rem
}

.list-experience {
    display: block;
    margin: 0;
    max-width: 1120px;
    max-width: 70rem
}

.list-experience-empty {
    margin-left: 10rem;
    max-width: 784px;
    max-width: 49rem;
    text-align: center;
    width: 100%
}

.list-experience-empty-image {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 480px;
    height: 30rem;
    margin-bottom: 4rem;
    width: 100%
}

.list-experience-empty-title {
    color: #1c1a2c;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem
}

.list-experience-empty-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-bottom: 2rem
}

.list-experience-count {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: 1.5rem 0
}

.list-experience-content {
    margin-left: -1rem
}

.list-experience-popup div {
    background-color: red
}

@media (max-width:1023.9px) {
    .list-experience-empty {
        margin: 0 auto 12rem
    }
}

@media (max-width:764.9px) {
    .list-experience-empty-title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .list-experience-empty-image {
        height: 20rem
    }

    .list-experience-content {
        margin-left: 0
    }
}

.map {
    height: 640px;
    height: 40rem;
    margin: 2rem 0 1rem;
    width: 100%
}

.menu-cart {
    display: block;
    margin-left: 2rem;
    margin-right: 1rem
}

.menu-cart,
.menu-cart .icon {
    position: relative
}

.menu-cart .icon>svg {
    fill: #251a80;
    height: 48px;
    height: 3rem;
    width: 48px;
    width: 3rem
}

.menu-cart.is-cart-tooltip {
    cursor: auto
}

.menu-cart.is-cart-tooltip>.icon,
.menu-cart.is-cart-tooltip>.menu-cart-count {
    z-index: 1000
}

.menu-cart.is-cart-tooltip .menu-cart-content {
    display: block
}

.menu-cart.is-overlay .icon>svg {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.menu-cart.is-overlay .icon>svg path {
    fill: #fff
}

.menu-cart.is-wii-smile .icon>svg {
    fill: #000
}

.menu-cart.is-wii-smile:hover .icon>svg {
    fill: #7b4aa1
}

.menu-cart-count {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f75b6c;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    position: absolute;
    bottom: -4.8px;
    bottom: -.3rem;
    right: -14.4px;
    right: -.9rem;
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.menu-cart:focus .icon>svg,
.menu-cart:hover .icon>svg {
    fill: #6556dd
}

.menu-cart:focus .menu-cart-content,
.menu-cart:hover .menu-cart-content {
    visibility: visible
}

.menu-cart-content {
    background-color: #fff;
    border: .1rem solid #ddd;
    border-top: transparent;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    border-bottom-left-radius: 6.4px;
    border-bottom-left-radius: .4rem;
    cursor: auto;
    padding: 3rem 2rem 2rem;
    position: absolute;
    top: -38.4px;
    top: -2.4rem;
    right: -40px;
    right: -2.5rem;
    visibility: hidden;
    width: 640px;
    width: 40rem;
    z-index: 999
}

.menu-cart-content .reservation-details {
    border: transparent;
    margin: 0;
    padding: 0
}

.menu-cart-content .reservation-details-exp {
    padding: 0 0 1.5rem
}

.menu-cart-content .reservation-details-exp-total {
    margin-top: 2rem
}

.menu-cart-content .reservation-details-button .button {
    -webkit-transition: none;
    transition: none
}

@media (max-width:1023.9px) {
    .menu-cart.is-cart-tooltip .menu-cart-content {
        display: none
    }
}

@media (max-width:764.9px) {
    .menu-cart {
        margin-left: 1rem
    }

    .menu-cart .icon>svg {
        height: 2.5rem;
        width: 2.5rem
    }

    .menu-cart-count {
        font-size: 1.3rem;
        height: 1.8rem;
        width: 1.8rem
    }
}

@media (max-width:369.9px) {
    .menu-cart {
        margin-left: .5rem
    }
}

.menu-dropdown,
.menu-dropdown-container {
    height: 88px;
    height: 5.5rem
}

.menu-dropdown-container {
    background-color: #f8f8f8;
    position: relative;
    z-index: 997
}

.menu-dropdown.is-medium-gray-background .menu-dropdown-container {
    background-color: #eee
}

.menu-dropdown.is-bg-color .menu-dropdown-container {
    background: -webkit-gradient(linear, left top, right top, from(#253ab2), to(#251a80));
    background: linear-gradient(90deg, #253ab2, #251a80);
    border-top: .1rem solid hsla(0, 0%, 100%, .2)
}

.menu-dropdown.is-bg-color .menu-dropdown-wrapper {
    max-width: 2032px;
    max-width: 127rem;
    padding: 0
}

.menu-dropdown.is-bg-color .menu-dropdown-category {
    border: transparent
}

.menu-dropdown.is-bg-color .menu-dropdown-category:focus,
.menu-dropdown.is-bg-color .menu-dropdown-category:hover {
    background-color: hsla(0, 0%, 100%, .2);
    border-color: transparent
}

.menu-dropdown.is-bg-color .menu-dropdown-category:after {
    content: "";
    background-color: rgba(98, 134, 246, .5);
    bottom: 28.8px;
    bottom: 1.8rem
}

.menu-dropdown.is-bg-color .menu-dropdown-category>a {
    color: #fff;
    top: 0
}

.menu-dropdown.is-bg-color .menu-dropdown-category.is-active>a {
    color: #f7cd5b;
    border-color: #f7cd5b
}

.menu-dropdown.is-bg-color .menu-dropdown-nav>li:hover>.menu-dropdown-list {
    top: 92.8px;
    top: 5.8rem
}

.menu-dropdown.is-overlay {
    height: 88px;
    height: 5.5rem
}

.menu-dropdown.is-overlay .menu-dropdown-container {
    background-color: transparent;
    height: 88px;
    height: 5.5rem
}

.menu-dropdown.is-overlay .menu-dropdown-wrapper {
    max-width: 1936px;
    max-width: 121rem;
    padding: 0
}

.menu-dropdown.is-overlay .menu-dropdown-category:first-child {
    margin-left: .5rem
}

.menu-dropdown.is-overlay .menu-dropdown-category:focus,
.menu-dropdown.is-overlay .menu-dropdown-category:hover {
    background-color: hsla(0, 0%, 100%, .2);
    border-color: transparent
}

.menu-dropdown.is-overlay .menu-dropdown-category:after {
    top: 27.2px;
    top: 1.7rem
}

.menu-dropdown.is-overlay .menu-dropdown-category>a {
    border: transparent;
    color: #fff;
    top: 0;
    -webkit-transition: none;
    transition: none
}

.menu-dropdown.is-overlay .menu-dropdown-nav>li:hover>.menu-dropdown-list {
    top: 88px;
    top: 5.5rem
}

.menu-dropdown.is-overlay .menu-dropdown-nav>li>.menu-dropdown-list {
    left: 8px;
    left: .5rem
}

.menu-dropdown.search-heading-dropdown,
.menu-dropdown.search-heading-dropdown .menu-dropdown-container {
    height: 80px;
    height: 5rem
}

.menu-dropdown.search-heading-dropdown .menu-dropdown-nav>li:hover>.menu-dropdown-list {
    top: 80px;
    top: 5rem
}

.menu-dropdown.search-heading-dropdown .menu-dropdown-category:after {
    bottom: 24px;
    bottom: 1.5rem
}

.menu-dropdown.search-heading-dropdown .menu-dropdown-category>a {
    font-size: 19.2px;
    font-size: 1.2rem;
    letter-spacing: 1.2px;
    letter-spacing: .075rem;
    line-height: 24px;
    line-height: 1.5rem
}

.menu-dropdown.is-show .menu-dropdown-container {
    background-color: #fff;
    -webkit-box-shadow: 0 -2.1rem 3.1rem 1.6rem rgba(0, 0, 0, .3);
    box-shadow: 0 -2.1rem 3.1rem 1.6rem rgba(0, 0, 0, .3);
    height: 112px;
    height: 7rem;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 100%;
    z-index: 10000
}

.menu-dropdown.is-show .menu-dropdown-category:after {
    bottom: 40px;
    bottom: 2.5rem
}

.menu-dropdown.is-show .menu-dropdown-nav>li:hover>.menu-dropdown-list {
    top: 112px;
    top: 7rem
}

.menu-dropdown.is-show.is-overlay .menu-dropdown-category:after {
    top: auto
}

.menu-dropdown.is-show.is-overlay .menu-dropdown-category:focus,
.menu-dropdown.is-show.is-overlay .menu-dropdown-category:hover {
    background-color: transparent
}

.menu-dropdown.is-show.is-overlay .menu-dropdown-category:focus>a,
.menu-dropdown.is-show.is-overlay .menu-dropdown-category:hover>a {
    border-color: #f75b6c;
    color: #f75b6c
}

.menu-dropdown.is-show.is-overlay .menu-dropdown-category>a {
    border-bottom: .2rem solid transparent;
    color: #474655;
    top: 0;
    -webkit-transition: none;
    transition: none
}

.menu-dropdown-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 2080px;
    max-width: 130rem;
    padding: 0 3.5rem
}

.menu-dropdown-nav,
.menu-dropdown-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.menu-dropdown-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}

.menu-dropdown-nav.is-transition-after-page-load .menu-dropdown-list {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.menu-dropdown-nav>li.menu-dropdown-separator:last-child {
    display: none
}

.menu-dropdown-category {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-item-align: start;
    align-self: flex-start;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0 1.5rem
}

.menu-dropdown-category:focus>a,
.menu-dropdown-category:hover>a {
    border-color: #f75b6c;
    color: #f75b6c
}

.menu-dropdown-separator {
    background-color: #ddd;
    bottom: 28.8px;
    bottom: 1.8rem;
    display: block;
    height: 32px;
    height: 2rem;
    width: 1.6px;
    width: .1rem
}

.menu-dropdown-category>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .2rem solid transparent;
    bottom: 0;
    color: #474655;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - .4rem);
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    letter-spacing: .075rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu-dropdown-nav>li:hover>.menu-dropdown-list {
    opacity: 1;
    pointer-events: all;
    top: 88px;
    top: 5.5rem
}

.menu-dropdown-list {
    background: #fff;
    -webkit-box-shadow: 0 1rem 3.2rem -1.6rem rgba(0, 0, 0, .6);
    box-shadow: 0 1rem 3.2rem -1.6rem rgba(0, 0, 0, .6);
    height: auto;
    list-style-type: none;
    margin: 0;
    left: 0;
    min-width: 320px;
    min-width: 20rem;
    max-height: 672px;
    max-height: 42rem;
    opacity: 0;
    padding: 1.5rem 2rem;
    position: absolute;
    pointer-events: none;
    top: 144px;
    top: 9rem;
    width: calc(100% - 1rem);
    z-index: 10
}

.menu-dropdown-list-columns {
    -webkit-column-width: 15rem;
    -webkit-column-gap: 1.5rem;
    -moz-column-width: 15rem;
    -moz-column-gap: 1.5rem;
    -o-column-width: 15rem;
    -o-column-gap: 1.5rem;
    column-width: 15rem;
    column-gap: 1.5rem;
    width: 848px;
    width: 53rem
}

.menu-dropdown-list-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.menu-dropdown-subitem-list {
    list-style-type: none;
    padding: 0
}

.menu-dropdown-subitem-list>li {
    padding-bottom: .7rem
}

.menu-dropdown-subitem-list>li>a {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 25.6px;
    line-height: 1.6rem
}

.menu-dropdown-item,
.menu-dropdown-subitem {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    padding-bottom: .5rem
}

.menu-dropdown-item:last-child,
.menu-dropdown-subitem:last-child {
    padding-bottom: 0
}

.menu-dropdown-item-section {
    width: 320px;
    width: 20rem
}

.menu-dropdown-item-section>a {
    font-weight: 700
}

.menu-dropdown-item a {
    color: #474655;
    cursor: pointer;
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    width: 100%
}

.menu-dropdown-item a:focus,
.menu-dropdown-item a:hover {
    color: #f75b6c
}

@media screen and (max-width:1300px) {
    .menu-dropdown-wrapper {
        padding: 0 1rem
    }
}

@media (max-width:1023.9px) {
    .menu-dropdown {
        display: none
    }
}

.menu-mobile-small {
    display: none;
    height: 100%;
    max-width: 100vw;
    position: relative
}

.menu-mobile-small.is-overlay .menu-mobile-small-header .icon>svg path,
.menu-mobile-small.is-search-header .menu-mobile-small-header .icon>svg path {
    fill: #fff
}

.menu-mobile-small.is-overlay .menu-mobile-small-header>span,
.menu-mobile-small.is-search-header .menu-mobile-small-header>span {
    color: #fff
}

.menu-mobile-small.is-overlay .menu-mobile-small-nav,
.menu-mobile-small.is-search-header .menu-mobile-small-nav {
    padding-top: 0
}

.menu-mobile-small.is-veepee .menu-mobile-small-header .icon>svg path,
.menu-mobile-small.is-wii-smile .menu-mobile-small-header .icon>svg path {
    fill: #000
}

.menu-mobile-small.is-veepee .menu-mobile-small-header span,
.menu-mobile-small.is-wii-smile .menu-mobile-small-header span {
    color: #000
}

.menu-mobile-small-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 0 .5rem 0 0;
    text-transform: uppercase
}

.menu-mobile-small-header .icon {
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu-mobile-small-header .icon>svg {
    height: 40px;
    height: 2.5rem;
    width: 44px;
    width: 2.75rem
}

.menu-mobile-small-header .icon>svg path {
    fill: #251a80
}

.menu-mobile-small-header span {
    color: #251a80;
    font-size: 12.8px;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 1;
    padding-bottom: 0;
    pointer-events: none
}

.menu-mobile-small-container {
    bottom: 0;
    left: 0;
    position: fixed;
    pointer-events: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    z-index: 10000
}

.menu-mobile-small-container,
.menu-mobile-small-container:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    will-change: transform
}

.menu-mobile-small-container:after {
    content: "";
    background-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100vw;
    flex: 0 0 100vw;
    pointer-events: none;
    -webkit-transform: translateX(15vw);
    transform: translateX(15vw);
    -webkit-transition: background-color .6s, -webkit-transform .6s;
    transition: background-color .6s, -webkit-transform .6s;
    transition: background-color .6s, transform .6s;
    transition: background-color .6s, transform .6s, -webkit-transform .6s;
    z-index: -10
}

.menu-mobile-small-container.is-menu-mobile-small-open:after {
    background-color: rgba(0, 0, 0, .7)
}

.menu-mobile-small-container.is-menu-mobile-small-open .menu-mobile-small-nav {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw)
}

.menu-mobile-small-container.is-first-level .menu-mobile-small-content {
    background-color: rgba(0, 0, 0, .2)
}

.menu-mobile-small-container.is-first-level .menu-mobile-small-content .first-level>li>a,
.menu-mobile-small-container.is-first-level .menu-mobile-small-content .first-level>li>span {
    border-color: #888;
    color: #888;
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.menu-mobile-small-container.is-transition-after-page-load {
    -webkit-transition: background-color .6s, -webkit-transform .6s;
    transition: background-color .6s, -webkit-transform .6s;
    transition: background-color .6s, transform .6s;
    transition: background-color .6s, transform .6s, -webkit-transform .6s
}

.menu-mobile-small-container.is-transition-after-page-load.is-first-level .menu-mobile-content-small {
    -webkit-transition: background-color .6s;
    transition: background-color .6s
}

.menu-mobile-small-container.is-transition-after-page-load .menu-mobile-small-nav {
    -webkit-transition: background-color .6s, -webkit-transform .6s;
    transition: background-color .6s, -webkit-transform .6s;
    transition: background-color .6s, transform .6s;
    transition: background-color .6s, transform .6s, -webkit-transform .6s
}

.menu-mobile-small-container.is-transition-after-page-load .menu-mobile-small-content {
    -webkit-transition: background-color .8s;
    transition: background-color .8s
}

.menu-mobile-small-container .menu-mobile-small-nav {
    background-color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85vw;
    flex: 0 0 85vw;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 85vw;
    will-change: transform
}

.menu-mobile-small-content {
    background-color: #fff;
    border-top: .1rem solid #ddd;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    position: relative;
    -webkit-transition: background-color .8s;
    transition: background-color .8s
}

.menu-mobile-small-content,
.menu-mobile-small-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.menu-mobile-small-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .1rem solid #ddd;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem;
    padding: 1rem
}

.menu-mobile-small-logo .icon>svg {
    height: 35.2px;
    height: 2.2rem;
    margin-right: .5rem;
    width: 128px;
    width: 8rem
}

.menu-mobile-small-list {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    list-style-type: none;
    margin: 0;
    overflow: scroll;
    padding: 0
}

.menu-mobile-small-list>li>ul {
    height: 100%
}

.menu-mobile-small-list .first-level>li>a,
.menu-mobile-small-list .first-level>li>span {
    -webkit-transition: opacity .8s;
    transition: opacity .8s
}

.menu-mobile-small-list .first-level>li>a:before,
.menu-mobile-small-list .first-level>li>span:before {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.menu-mobile-small-category.is-closed>.menu-mobile-small-head>.icon,
.menu-mobile-small-category.is-closed>.menu-mobile-small-section-title>.icon {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.menu-mobile-small-category.is-closed>.menu-mobile-small-subcategory {
    max-height: 0;
    -webkit-transition: max-height .8s ease-out;
    transition: max-height .8s ease-out
}

.menu-mobile-small-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .75rem 1.5rem
}

.menu-mobile-small-head>p {
    color: #1c1a2c;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .8px;
    letter-spacing: .05rem;
    margin: 0
}

.menu-mobile-small-head .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu-mobile-small-head .icon>svg {
    height: 36px;
    height: 2.25rem;
    width: 36px;
    width: 2.25rem
}

.menu-mobile-small-subcategory {
    background-color: #f2f1ff;
    display: block;
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    max-height: 1120px;
    max-height: 70rem;
    padding: 0;
    position: relative;
    font-size: 24px;
    font-size: 1.5rem;
    -webkit-transition: max-height .8s ease-out;
    transition: max-height .8s ease-out
}

.menu-mobile-small-subcategory.is-intermediate {
    background-color: unset;
    padding-left: 2rem
}

.menu-mobile-small-item {
    color: #474655;
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 1rem 1.5rem;
    width: 100%
}

.menu-mobile-small-item.with-extra-padding-top {
    padding-top: 2rem
}

.menu-mobile-small-item-content {
    padding: 1rem 1.5rem
}

.menu-mobile-small-item-content.is-active {
    background-color: #dfddff
}

.menu-mobile-small-item-content.is-active>a {
    color: #251a80;
    font-weight: 500
}

.menu-mobile-small-item-content:first-child {
    padding-top: 2rem
}

.menu-mobile-small-item-content:last-child {
    margin-bottom: .5rem
}

.menu-mobile-small-item-link {
    color: #474655;
    display: block;
    font-weight: 400;
    width: 100%
}

@media (max-width:1023.9px) {
    .menu-mobile-small {
        display: block
    }
}

@media (max-width:369.9px) {
    .menu-mobile-small-header {
        padding: 0 1rem 0 0
    }

    .menu-mobile-small-header .icon>svg {
        height: 2.5rem;
        width: 2.6rem
    }

    .menu-mobile-small-head {
        padding: .6rem 1.5rem
    }

    .menu-mobile-small-head>p {
        font-size: 1.4rem
    }

    .menu-mobile-small-head .icon>svg {
        height: 2rem;
        width: 2rem
    }
}

.menu-profil {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    max-width: inherit;
    position: relative
}

.menu-profil.is-hp-header .menu-profil-connexion>a {
    padding-top: 0
}

.menu-profil.is-hp-header .menu-profil-connexion-line-1,
.menu-profil.is-hp-header .menu-profil-connexion-line-2 span {
    color: #fff
}

.menu-profil.is-hp-header .menu-profil-connexion-line-2 .icon>svg path {
    fill: #fff
}

.menu-profil.is-hp-header .menu-profil-header.is-avatar~.menu-profil-container:after {
    right: calc(4% - .5rem)
}

.menu-profil.is-hp-header .menu-profil-avatar {
    height: 48px;
    height: 3rem;
    width: 48px;
    width: 3rem
}

.menu-profil.is-hp-header .menu-profil-container {
    top: 70.4px;
    top: 4.4rem
}

.menu-profil.is-hp-header .menu-profil-container:after {
    border-width: 1.25rem;
    right: 20%;
    top: -32px;
    top: -2rem
}

.menu-profil.is-search-header .menu-profil-connexion>a {
    padding-top: 0
}

.menu-profil.is-search-header .menu-profil-connexion-line-1,
.menu-profil.is-search-header .menu-profil-connexion-line-2 span {
    color: #fff
}

.menu-profil.is-search-header .menu-profil-connexion-line-2 .icon>svg path {
    fill: #fff
}

.menu-profil.is-search-header .menu-profil-header.is-avatar~.menu-profil-container:after {
    right: calc(4% - .5rem)
}

.menu-profil.is-search-header .menu-profil-avatar {
    height: 48px;
    height: 3rem;
    width: 48px;
    width: 3rem
}

.menu-profil.is-search-header .menu-profil-container {
    top: 96px;
    top: 6rem
}

.menu-profil.is-search-header .menu-profil-container:after {
    border-width: 1.25rem;
    right: 20%;
    top: -32px;
    top: -2rem
}

.menu-profil:hover .menu-profil-container {
    -webkit-animation: fadein .3s ease-out;
    animation: fadein .3s ease-out;
    display: block;
    opacity: 1
}

.menu-profil-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-left: 2rem
}

.menu-profil-header.is-avatar~.menu-profil-container {
    padding: .5rem 0 0;
    width: 320px;
    width: 20rem
}

.menu-profil-header.is-avatar~.menu-profil-container:after {
    right: calc(5% - .5rem)
}

.menu-profil-header.is-connexion~.menu-profil-container:after {
    right: calc(15% - .5rem)
}

.menu-profil-connexion {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menu-profil-connexion>a {
    padding-top: .5rem;
    text-decoration: none
}

.menu-profil-connexion-line-1 {
    color: #474655;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 20.8px;
    line-height: 1.3rem
}

.menu-profil-connexion-line-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-profil-connexion-line-2 span {
    display: block;
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem;
    margin-right: .5rem
}

.menu-profil-connexion-line-2 .icon>svg {
    height: 16px;
    height: 1rem;
    width: 16px;
    width: 1rem
}

.menu-profil-connexion-line-2 .icon>svg path {
    fill: #474655
}

.menu-profil-avatar {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 64px;
    height: 4rem;
    width: 64px;
    width: 4rem
}

.menu-profil-my-account {
    width: 160px;
    width: 10rem;
    text-align: center
}

.menu-profil-my-account span {
    color: #000;
    font-weight: 700;
    font-size: 22.4px;
    font-size: 1.4rem
}

.menu-profil-my-account img {
    height: 32px;
    height: 2rem
}

.menu-profil-my-account .icon>svg {
    width: 128px;
    width: 8rem
}

.menu-profil-admin {
    margin-left: 2rem
}

.menu-profil-container {
    background-color: #fff;
    border-radius: .4rem;
    -webkit-box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, .15);
    display: none;
    margin-top: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 104px;
    top: 6.5rem;
    width: 384px;
    width: 24rem;
    z-index: 3000
}

.menu-profil-container:after {
    content: "";
    border: 1.5rem solid transparent;
    border-bottom-color: #fff;
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -40px;
    top: -2.5rem;
    width: 0
}

.menu-profil-overlay {
    display: none
}

.menu-profil-user-connexion {
    border-bottom: .1rem solid #eee;
    padding: 1.5rem 1.5rem 1rem
}

.menu-profil-user-connexion>.button {
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    padding: 1.2rem 1rem 1rem;
    text-align: center;
    width: 100%
}

.menu-profil-user-sign-up {
    margin-top: 1rem;
    padding-left: .5rem
}

.menu-profil-user-sign-up>a,
.menu-profil-user-sign-up>span {
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 32px;
    line-height: 2rem
}

.menu-profil-user-sign-up>span {
    color: #474655
}

.menu-profil-user-sign-up>a {
    color: #251a80
}

.menu-profil-user-sign-up>a:focus,
.menu-profil-user-sign-up>a:hover {
    color: #6286f6
}

.menu-profil-list {
    display: block;
    padding: .25rem 0 .5rem
}

.menu-profil-list .button {
    display: block;
    padding: .75rem 1.5rem .5rem
}

.menu-profil-list .menu-profil-kitty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1023.9px) {
    .menu-profil {
        max-width: 100vw;
        position: relative
    }

    .menu-profil.is-hp-header .menu-profil-container {
        top: 0
    }

    .menu-profil:hover .menu-profil-container {
        display: none;
        opacity: 0
    }

    .menu-profil-container {
        display: none
    }

    .menu-profil.is-hp-header .menu-profil-container:after {
        border: transparent;
        right: 0;
        top: 0
    }

    .menu-profil.is-search-header {
        display: none
    }

    .menu-profil:hover .menu-profil-container {
        -webkit-animation: inherit;
        animation: inherit;
        display: inherit;
        opacity: inherit
    }

    .menu-profil-header {
        margin-left: 1rem
    }

    .menu-profil-header.is-avatar~.menu-profil-container {
        padding: 0;
        width: 100%
    }

    .menu-profil-header.is-avatar~.menu-profil-container:after,
    .menu-profil-header.is-connexion~.menu-profil-container:after {
        right: 0
    }

    .menu-profil-avatar,
    .menu-profil-connexion,
    .menu-profil-my-account {
        pointer-events: none
    }

    .menu-profil.is-menu-profil-open .menu-profil-container {
        -webkit-transform: translateX(-80%);
        transform: translateX(-80%);
        pointer-events: none
    }

    .menu-profil.is-menu-profil-open .menu-profil-overlay {
        background-color: rgba(0, 0, 0, .7);
        -webkit-transition: none;
        transition: none;
        pointer-events: all
    }

    .menu-profil.is-menu-profil-open .menu-profil-nav {
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw);
        pointer-events: all
    }

    .menu-profil-container {
        background-color: transparent;
        bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        position: fixed;
        pointer-events: visible;
        right: 0;
        top: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        width: 100%;
        will-change: transform;
        z-index: 10000
    }

    .menu-profil-container:after {
        content: "";
        display: none
    }

    .menu-profil-container.is-transition-after-page-load {
        -webkit-transition: -webkit-transform .6s;
        transition: -webkit-transform .6s;
        transition: transform .6s;
        transition: transform .6s, -webkit-transform .6s
    }

    .menu-profil-container.is-transition-after-page-load .menu-profil-nav {
        -webkit-transition: background-color .6s, -webkit-transform .6s;
        transition: background-color .6s, -webkit-transform .6s;
        transition: background-color .6s, transform .6s;
        transition: background-color .6s, transform .6s, -webkit-transform .6s
    }

    .menu-profil-container .menu-profil-nav {
        background-color: #fff;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80vw;
        flex: 0 0 80vw;
        position: relative;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: 80vw;
        will-change: transform
    }

    .menu-profil-overlay {
        background-color: transparent;
        display: block;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: auto;
        pointer-events: none;
        -webkit-transition: background-color .6s;
        transition: background-color .6s;
        width: 100%;
        z-index: 1000
    }

    .menu-profil-content {
        background-color: #fff;
        border-top: .1rem solid #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
        margin: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 1rem 0 0;
        position: relative;
        -webkit-transition: background-color .8s;
        transition: background-color .8s;
        width: 100%
    }

    .menu-profil-list {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .menu-profil-list .button {
        padding: 1rem 2rem .75rem
    }

    .menu-profil-user {
        background-color: #f5f5f5;
        border-top: .1rem solid #ddd;
        padding: 1.5rem 2rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .menu-profil-user-connexion {
        border-bottom: transparent;
        padding: 0
    }

    .menu-profil-user-sign-up {
        margin-top: .5rem;
        padding-left: .5rem
    }

    .menu-profil-user-sign-up>a,
    .menu-profil-user-sign-up>span {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .menu-profil-user-sign-up>span {
        color: #474655
    }

    .menu-profil-user-sign-up>a {
        color: #251a80
    }
}

@media (max-width:764.9px) {
    .menu-profil {
        margin-left: 1rem
    }

    .menu-profil-avatar {
        height: 3rem;
        width: 3rem
    }

    .menu-profil-header {
        margin-left: .5rem
    }

    .menu-profil-my-account {
        width: 8rem
    }

    .menu-profil-my-account span {
        font-size: 1.2rem
    }

    .menu-profil-my-account img {
        height: 1.6rem
    }

    .menu-profil-my-account .icon>svg {
        width: 7rem
    }
}

@media (max-width:369.9px) {
    .menu-profil-connexion-line-1 {
        font-size: 1.2rem;
        line-height: 1.2rem
    }

    .menu-profil-connexion-line-2 span {
        font-size: 1.3rem;
        line-height: 1.9rem
    }

    .menu-profil-user {
        padding: 1.5rem 1.5rem 1rem
    }
}

.menu-search {
    margin-bottom: 1rem;
    position: relative;
    z-index: 990
}

.menu-search.is-trustpilot .menu-search-trustpilot {
    display: block
}

.menu-search.is-overlay {
    margin-bottom: 0
}

.menu-search.is-overlay .menu-search-container {
    background-color: #fff;
    padding: 2rem 1.5rem;
    position: relative
}

.menu-search.is-overlay .menu-search-form-title,
.menu-search.is-overlay .menu-search-title {
    color: #1c1a2c
}

.menu-search.is-overlay .menu-search-form input,
.menu-search.is-overlay .menu-search-form select {
    border: .1rem solid #ddd
}

.menu-search.is-overlay .menu-search-form-button .button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f75b6c;
    font-size: 24px;
    font-size: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.4rem 2rem 1.2rem;
    height: 100%;
    width: 100%
}

.menu-search.is-overlay .menu-search-form-button .button:focus,
.menu-search.is-overlay .menu-search-form-button .button:hover {
    background-color: #dd3240
}

.menu-search.is-overlay .menu-search-form-spin {
    height: 24px;
    height: 1.5rem
}

.menu-search.is-mobile {
    display: none;
    margin-bottom: 0
}

.menu-search.is-mobile .is-hidden {
    display: none
}

.menu-search.is-mobile .menu-search-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1
}

.menu-search.is-mobile .menu-search-container {
    background-color: #f7cd5b;
    bottom: 0;
    -webkit-box-shadow: inset 0 1.7rem 1.2rem -1.7rem rgba(0, 0, 0, .75);
    box-shadow: inset 0 1.7rem 1.2rem -1.7rem rgba(0, 0, 0, .75);
    display: none;
    height: 100vh;
    left: 0;
    padding: 5rem 1.5rem 1.5rem;
    position: fixed;
    right: 0;
    top: 0
}

.menu-search.is-mobile .menu-search-title {
    display: none
}

.menu-search.is-mobile .menu-search-form input,
.menu-search.is-mobile .menu-search-form select {
    font-size: 25.6px;
    font-size: 1.6rem;
    height: 80px;
    height: 5rem
}

.menu-search.is-mobile .menu-search-form .ap-input-icon svg {
    background-color: #fff;
    right: 0
}

.menu-search.is-mobile .menu-search-form-activities,
.menu-search.is-mobile .menu-search-form-place {
    margin-bottom: 2rem
}

.menu-search.is-mobile .menu-search-form-title {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 25.6px;
    line-height: 1.6rem
}

.menu-search.is-mobile .menu-search-form-button .button {
    background-color: #f75b6c;
    color: #fff;
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 1.4rem 2rem 1.2rem;
    width: 100%
}

.menu-search.is-search-header .menu-search-nav .icon>svg path {
    fill: #fff
}

.menu-search.is-open {
    z-index: 1000
}

.menu-search.is-open .menu-search-container {
    display: block
}

.menu-search.is-open .menu-search-nav {
    position: fixed;
    right: 8px;
    right: .5rem;
    top: 32px;
    top: 2rem;
    height: 0
}

.menu-search.is-open .menu-search-nav .icon {
    display: inline-block;
    height: 44px;
    height: 2.75rem;
    position: relative;
    width: 40px;
    width: 2.5rem
}

.menu-search.is-open .menu-search-nav .icon:after,
.menu-search.is-open .menu-search-nav .icon:before {
    content: "";
    background: #1c1a2c;
    border-radius: .5rem;
    height: 4.8px;
    height: .3rem;
    left: 0;
    margin-left: -.2rem;
    margin-top: -.1rem;
    position: absolute;
    top: 50%;
    width: 100%
}

.menu-search.is-open .menu-search-nav .icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-search.is-open .menu-search-nav .icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-search.is-open .menu-search-nav .icon>svg {
    display: none
}

.menu-search.is-horizontal {
    margin-bottom: 0
}

.menu-search.is-horizontal .menu-search-container {
    background-color: transparent;
    margin: 0 auto;
    max-width: 1536px;
    max-width: 96rem;
    padding: 0;
    width: 100%
}

.menu-search.is-horizontal .menu-search-title {
    display: none
}

.menu-search.is-horizontal .menu-search-form {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu-search.is-horizontal .menu-search-form-activities,
.menu-search.is-horizontal .menu-search-form-place {
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding: 1.25rem 1.5rem .75rem
}

.menu-search.is-horizontal .menu-search-form-place {
    border-bottom-left-radius: 6.4px;
    border-bottom-left-radius: .4rem;
    border-top-left-radius: 6.4px;
    border-top-left-radius: .4rem
}

.menu-search.is-horizontal .menu-search-form-activities {
    border-left: .1rem solid #ddd
}

.menu-search.is-horizontal .menu-search-form-title {
    margin: 0 0 .25rem
}

.menu-search.is-horizontal .menu-search-form input,
.menu-search.is-horizontal .menu-search-form select {
    background-color: transparent;
    border: transparent;
    color: #251a80;
    height: 40px;
    height: 2.5rem;
    padding: 0 3rem 0 0
}

.menu-search.is-horizontal .ap-input-icon {
    right: 12.8px;
    right: .8rem;
    top: -8px;
    top: -.5rem
}

.menu-search.is-horizontal .menu-search-form-activities-arrow {
    right: -56px;
    right: -3.5rem;
    top: 0
}

.menu-search.is-horizontal .menu-search-form-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    max-width: 320px;
    max-width: 20rem;
    width: 100%
}

.menu-search.is-horizontal .menu-search-form-button .button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 0 2rem
}

.menu-search.is-horizontal .menu-search-trustpilot {
    display: none
}

.menu-search-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
    display: none;
    padding: 1rem;
    text-transform: uppercase
}

.menu-search-nav .icon {
    pointer-events: none;
    position: relative
}

.menu-search-nav .icon>svg {
    height: 44px;
    height: 2.75rem;
    width: 44px;
    width: 2.75rem
}

.menu-search-nav .icon>svg path {
    fill: #251a80
}

.menu-search-container {
    background-color: #f7cd5b;
    padding: 2rem 1.5rem 1.5rem;
    position: relative
}

.menu-search-title {
    color: #1c1a2c;
    font-size: 35.2px;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin: 0 0 1rem
}

.menu-search-form-activities,
.menu-search-form-place {
    margin-bottom: 1.5rem
}

.menu-search-form-activities .ap-footer,
.menu-search-form-place .ap-footer {
    display: none
}

.menu-search-form-title {
    color: #1c1a2c;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 22.4px;
    line-height: 1.4rem;
    margin: 0 0 .5rem
}

.menu-search-form input,
.menu-search-form select {
    background-color: #fff;
    border: transparent;
    border-radius: .5rem;
    color: #474655;
    font-family: Metropolis, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    height: 64px;
    height: 4rem;
    padding: 0 1rem;
    outline: 0;
    width: 100%
}

.menu-search-form .ap-input-icon svg {
    background-color: #fff;
    cursor: pointer;
    right: -8px;
    right: -.5rem
}

.menu-search-form-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.menu-search-form-button .button {
    background-color: #251a80;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 2.4px;
    letter-spacing: .15rem;
    outline: 0;
    padding: 1rem 2rem .8rem
}

.menu-search-form-button .button:focus,
.menu-search-form-button .button:hover {
    background-color: rgba(37, 26, 128, .9)
}

.menu-search-form-spin {
    height: 27.2px;
    height: 1.7rem;
    margin-right: 1rem;
    pointer-events: none;
    position: relative;
    width: 32px;
    width: 2rem
}

.menu-search-form-spin:before {
    content: "";
    -webkit-animation: spinner .6s linear infinite;
    animation: spinner .6s linear infinite;
    border-radius: 50%;
    border: .2rem solid hsla(0, 0%, 100%, .5);
    border-top-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    height: 2rem;
    left: 50%;
    margin-left: -1rem;
    margin-top: -1rem;
    position: absolute;
    top: 50%;
    width: 32px;
    width: 2rem
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.menu-search-form-activities {
    position: relative
}

.menu-search-form-activities-input {
    position: relative;
    z-index: 15
}

.menu-search-form-activities-close {
    border: .1rem solid transparent;
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    outline: 0;
    position: absolute;
    right: -40px;
    right: -2.5rem;
    top: 0;
    vertical-align: middle
}

.menu-search-form-activities-close:after {
    content: "X";
    background-color: #aaa;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 27.2px;
    height: 1.7rem;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    margin: auto;
    padding: .3rem 0;
    position: absolute;
    right: 56px;
    right: 3.5rem;
    text-align: center;
    top: 0;
    width: 27.2px;
    width: 1.7rem;
    z-index: 1
}

.menu-search-form-activities-arrow {
    background-color: transparent;
    border: .1rem solid transparent;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    position: absolute;
    right: -40px;
    right: -2.5rem;
    top: 12.8px;
    top: .8rem;
    vertical-align: middle
}

.menu-search-form-activities-arrow:after {
    content: "";
    bottom: 0;
    border: 9.6px solid;
    border-color: #ccc #ccc transparent transparent;
    border-style: solid;
    border-width: .6rem;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    border-top-left-radius: 6.4px;
    border-top-left-radius: .4rem;
    cursor: pointer;
    display: block;
    height: 0;
    position: absolute;
    right: 60.8px;
    right: 3.8rem;
    top: 2.4px;
    top: .15rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 0;
    z-index: 1
}

.menu-search-form-activities-suggestions {
    background-color: #fff;
    border-radius: .5rem;
    -webkit-box-shadow: -.1rem 1.8rem 8.1rem -3.1rem rgba(0, 0, 0, .75);
    box-shadow: -.1rem 1.8rem 8.1rem -3.1rem rgba(0, 0, 0, .75);
    border-top: .1rem solid #ddd;
    left: 0;
    margin: .2rem 0 0;
    min-height: 288px;
    min-height: 18rem;
    padding: .5rem 0;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 10
}

.menu-search-form-activities-suggestions>ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.menu-search-form-activities-suggestions>ul>li {
    cursor: pointer;
    display: block;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    padding: .75rem 1.5rem
}

.menu-search-form-activities-suggestions>ul>li:focus,
.menu-search-form-activities-suggestions>ul>li:hover {
    background-color: #f2f1ff
}

.menu-search-form-activities-suggestions>ul>li>em {
    font-style: normal;
    font-weight: 500;
    text-decoration: underline
}

.menu-search-form-activities-suggestions-subcategories-title {
    pointer-events: none;
    font-weight: 700
}

.menu-search-trustpilot {
    display: none;
    margin-top: 1.5rem;
    max-width: 432px;
    max-width: 27rem
}

@media (max-width:1023.9px) {
    .menu-search {
        display: none
    }

    .menu-search.is-horizontal {
        padding: 0 2rem
    }
}

@media (max-width:764.9px) {
    .menu-search.is-horizontal {
        background-color: #fff;
        padding: 0 0 1.5rem
    }

    .menu-search.is-horizontal .menu-search-form {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .menu-search.is-horizontal .menu-search-form-activities,
    .menu-search.is-horizontal .menu-search-form-place {
        padding: 2rem 1.5rem 0
    }

    .menu-search.is-horizontal .menu-search-form-place {
        border-bottom-left-radius: 0;
        border-top-right-radius: .4rem;
        border-top-left-radius: .4rem
    }

    .menu-search.is-horizontal .menu-search-form-activities {
        border-left: transparent;
        border-top: transparent
    }

    .menu-search.is-horizontal .menu-search-form input,
    .menu-search.is-horizontal .menu-search-form select {
        border: .1rem solid #ddd;
        color: #251a80;
        height: 4rem;
        padding: 0 3rem 0 1rem
    }

    .menu-search.is-horizontal .ap-input-icon {
        right: 1.7rem;
        top: .4rem
    }

    .menu-search.is-horizontal .menu-search-form-activities-arrow {
        right: -2.5rem;
        top: .7rem
    }

    .menu-search.is-horizontal .menu-search-form-title {
        margin: 0 0 .5rem
    }

    .menu-search.is-horizontal .menu-search-form-button {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        padding: 1.5rem
    }

    .menu-search.is-horizontal .menu-search-form-button .button {
        border-radius: .4rem;
        padding: 1.4rem 2rem 1.2rem
    }

    .menu-search.is-horizontal .menu-search-trustpilot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        max-width: 100%;
        width: 100%
    }
}

@media (max-width:369.9px) {
    .menu-search-trustpilot {
        max-width: 20rem
    }
}

.menu-search.is-veepee .menu-search-container {
    background-color: #222
}

.menu-search.is-veepee .menu-search-form-title,
.menu-search.is-veepee .menu-search-title {
    color: #fff
}

.menu-search.is-veepee .menu-search-form-button .button {
    background-color: #ec008c;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menu-search.is-veepee .menu-search-form-button .button:focus,
.menu-search.is-veepee .menu-search-form-button .button:hover {
    background-color: #d3007d
}

.menu-search.is-veepee.is-overlay .menu-search-container {
    background-color: #fff;
    border-radius: .4rem
}

.menu-search.is-veepee.is-overlay .menu-search-form-title,
.menu-search.is-veepee.is-overlay .menu-search-title {
    color: #474655
}

.menu-search.is-veepee.is-overlay .menu-search-form-button .button {
    background-color: #ec008c;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menu-search.is-veepee.is-overlay .menu-search-form-button .button:focus,
.menu-search.is-veepee.is-overlay .menu-search-form-button .button:hover {
    background-color: #d3007d
}

.menu-search.is-wii-smile .menu-search-container {
    background-color: #fecb00
}

.menu-search.is-wii-smile .menu-search-form-title,
.menu-search.is-wii-smile .menu-search-title {
    color: #000
}

.menu-search.is-wii-smile .menu-search-form-button .button {
    background-color: #3cb4a0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menu-search.is-wii-smile .menu-search-form-button .button:focus,
.menu-search.is-wii-smile .menu-search-form-button .button:hover {
    background-color: #36a18f
}

.menu-search.is-wii-smile.is-overlay .menu-search-container {
    background-color: #fff;
    border-radius: .4rem
}

.menu-search.is-wii-smile.is-overlay .menu-search-form-title,
.menu-search.is-wii-smile.is-overlay .menu-search-title {
    color: #474655
}

.menu-search.is-wii-smile.is-overlay .menu-search-form-button .button {
    background-color: #3cb4a0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.menu-search.is-wii-smile.is-overlay .menu-search-form-button .button:focus,
.menu-search.is-wii-smile.is-overlay .menu-search-form-button .button:hover {
    background-color: #36a18f
}

.modal-authentication {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.modal-authentication,
.modal-authentication-open {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.modal-authentication-open {
    opacity: 1;
    pointer-events: all;
    z-index: 10000
}

.modal-authentication-open .modal-authentication-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal-authentication-overlay {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.modal-authentication-container {
    background: #fff;
    border-radius: .4rem;
    margin: 20rem auto 0;
    max-width: 728px;
    max-width: 45.5rem;
    padding: 0;
    position: relative;
    text-align: left;
    opacity: 0;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 100%
}

.modal-authentication-head {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #f8f8f8;
    border-bottom: .1rem solid #ddd;
    border-top-left-radius: 6.4px;
    border-top-left-radius: .4rem;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3rem 3rem 2rem
}

.modal-authentication-head-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modal-authentication-title {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500
}

.modal-authentication-modified {
    margin-top: .7rem
}

.modal-authentication-modified span {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1
}

.modal-authentication-modified span:last-child {
    color: #f75b6c;
    cursor: pointer;
    padding-left: 1rem
}

.modal-authentication-modified span:last-child:focus,
.modal-authentication-modified span:last-child:hover {
    text-decoration: underline
}

.modal-authentication-close {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.modal-authentication-close .icon>svg {
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem
}

.modal-authentication-close .icon>svg path {
    fill: #474655
}

.modal-authentication-content {
    padding: 2rem 3rem 4rem
}

.modal-authentication-subtitle {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 38.4px;
    line-height: 2.4rem
}

.modal-authentication-text,
.modal-authentication-text-custom {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 1.5rem
}

.modal-authentication-form {
    margin-top: 1rem
}

.modal-authentication-input {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.modal-authentication-input:focus,
.modal-authentication-input:hover {
    border-color: #aaa
}

.modal-authentication-input.is-error {
    border-color: #dd3240
}

.modal-authentication-input.is-error>.icon>svg path {
    fill: #dd3240
}

.modal-authentication-input>.icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    padding: 2rem 1rem 2rem 2rem
}

.modal-authentication-input>.icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.modal-authentication-input>.icon>svg path {
    fill: #474655
}

.modal-authentication-input>input {
    border: transparent;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    color: #474655;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 25.6px;
    font-size: 1.6rem;
    outline: 0;
    padding: 0 2rem 0 1rem;
    width: 100%
}

.modal-authentication-input>input::-webkit-input-placeholder {
    color: #bbb
}

.modal-authentication-input>input::-moz-placeholder {
    color: #bbb
}

.modal-authentication-input>input::-ms-input-placeholder {
    color: #bbb
}

.modal-authentication-input>input::placeholder {
    color: #bbb
}

.modal-authentication-error.user-message {
    background-color: transparent;
    border: transparent;
    margin: 0;
    padding: 2rem 3rem 0;
    text-align: left
}

.modal-authentication-error.user-message>p {
    color: #dd3240;
    width: 100%
}

.modal-authentication-mdp {
    color: #999;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    margin: .7rem 0 0 .3rem
}

.modal-authentication-mdp:focus,
.modal-authentication-mdp:hover {
    text-decoration: underline
}

.modal-authentication-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2rem
}

.modal-authentication-button .button {
    line-height: 24px;
    line-height: 1.5rem;
    padding: 1.6rem 4rem 1.4rem
}

@media (max-width:764.9px) {
    .modal-authentication {
        bottom: 0;
        top: auto
    }

    .modal-authentication-container {
        bottom: 0;
        border-radius: 0;
        margin: 0;
        max-width: 100%;
        position: absolute
    }

    .modal-authentication-head {
        border-radius: 0;
        padding: 2rem 1.5rem 1.5rem
    }

    .modal-authentication-content {
        padding: 1.5rem
    }

    .modal-authentication-input>.icon {
        padding: 1.5rem .75rem 1.5rem 1.5rem
    }

    .modal-authentication-input>input {
        padding: 0 1.5rem 0 .75rem
    }

    .modal-authentication-button {
        display: block
    }

    .modal-authentication-button .button {
        display: block;
        text-align: center
    }
}

.modal-kitty {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.modal-kitty,
.modal-kitty-open {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.modal-kitty-open {
    opacity: 1;
    pointer-events: all;
    z-index: 10000
}

.modal-kitty-open .modal-kitty-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal-kitty-overlay {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.modal-kitty-container {
    background: #fff;
    border-radius: .4rem;
    margin: 20rem auto 0;
    max-width: 728px;
    max-width: 45.5rem;
    padding: 0;
    position: relative;
    text-align: left;
    opacity: 0;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 100%
}

.modal-kitty-head {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #f8f8f8;
    border-bottom: .1rem solid #ddd;
    border-top-left-radius: 6.4px;
    border-top-left-radius: .4rem;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3rem 3rem 2rem
}

.modal-kitty-head-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modal-kitty-title {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500
}

.modal-kitty-close {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.modal-kitty-close .icon>svg {
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem
}

.modal-kitty-close .icon>svg path {
    fill: #474655
}

.modal-kitty-content {
    padding: 2rem 3rem 3rem;
    position: relative
}

.modal-kitty-subtitle {
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500
}

.modal-kitty-subtitle,
.modal-kitty-text {
    color: #474655;
    line-height: 38.4px;
    line-height: 2.4rem
}

.modal-kitty-text {
    font-size: 25.6px;
    font-size: 1.6rem
}

.modal-kitty-text p {
    margin: 0 0 1rem
}

.modal-kitty-text p>span {
    color: #f75b6c;
    font-weight: 700
}

.modal-kitty-text ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

.modal-kitty-form {
    margin-top: 1rem
}

.modal-kitty-input {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.modal-kitty-input:focus,
.modal-kitty-input:hover {
    border-color: #aaa
}

.modal-kitty-input.is-error {
    border-color: #dd3240
}

.modal-kitty-input.is-error>.icon>svg path {
    fill: #dd3240
}

.modal-kitty-input>.icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    padding: 2rem 1rem 2rem 2rem
}

.modal-kitty-input>.icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.modal-kitty-input>.icon>svg path {
    fill: #474655
}

.modal-kitty-input>input {
    border: transparent;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    color: #474655;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 25.6px;
    font-size: 1.6rem;
    outline: 0;
    padding: 0 2rem 0 1rem;
    width: 100%
}

.modal-kitty-input>input::-webkit-input-placeholder {
    color: #bbb
}

.modal-kitty-input>input::-moz-placeholder {
    color: #bbb
}

.modal-kitty-input>input::-ms-input-placeholder {
    color: #bbb
}

.modal-kitty-input>input::placeholder {
    color: #bbb
}

.modal-kitty-error.user-message {
    background-color: transparent;
    border: transparent;
    margin: .5rem 0 0;
    padding: 0;
    text-align: right
}

.modal-kitty-error.user-message>p {
    color: #dd3240;
    width: 100%
}

.modal-kitty-mdp {
    color: #999;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    margin: .7rem 0 0 .3rem
}

.modal-kitty-mdp:focus,
.modal-kitty-mdp:hover {
    text-decoration: underline
}

.modal-kitty-slide .modal-kitty-button {
    margin-top: 1rem
}

.modal-kitty-slide .modal-kitty-text p,
.modal-kitty-slide .modal-kitty-text ul li {
    font-size: 24px;
    font-size: 1.5rem
}

.modal-kitty-slide .modal-kitty-text p {
    margin: 1rem 0 0
}

.modal-kitty-slide .modal-kitty-text p:first-child {
    margin: 0
}

.modal-kitty-slide {
    opacity: 1;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.modal-kitty-slide.is-close {
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateX(6rem);
    transform: translateX(6rem)
}

.modal-kitty-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2rem
}

.modal-kitty-button .button {
    line-height: 24px;
    line-height: 1.5rem;
    padding: 1.6rem 4rem 1.4rem
}

.modal-kitty-next {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: .1rem solid #251a80;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.2rem 1.6rem .9rem
}

.modal-kitty-next:focus,
.modal-kitty-next:hover {
    background-color: rgba(37, 26, 128, .1)
}

.modal-kitty-next>span {
    color: #251a80;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 1;
    text-transform: uppercase
}

.modal-kitty-next .icon>svg {
    height: 19.2px;
    height: 1.2rem;
    position: relative;
    margin: 0 0 0 1rem;
    top: -1.6px;
    top: -.1rem;
    width: 19.2px;
    width: 1.2rem
}

.modal-kitty-next .icon>svg path {
    fill: #251a80
}

@media (max-width:764.9px) {
    .modal-kitty {
        bottom: 0;
        top: auto
    }

    .modal-kitty-container {
        bottom: 0;
        border-radius: 0;
        margin: 0;
        max-width: 100%;
        position: absolute
    }

    .modal-kitty-head {
        border-radius: 0;
        padding: 2rem 1.5rem 1.5rem
    }

    .modal-kitty-content {
        padding: 1.5rem
    }

    .modal-kitty-input>.icon {
        padding: 1.5rem .75rem 1.5rem 1.5rem
    }

    .modal-kitty-input>input {
        padding: 0 1.5rem 0 .75rem
    }

    .modal-kitty-button {
        display: block
    }

    .modal-kitty-button .button {
        display: block;
        text-align: center
    }

    .modal-kitty-next {
        background-color: rgba(37, 26, 128, .1)
    }
}

.modal-message {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.modal-message,
.modal-message-open {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.modal-message-open {
    opacity: 1;
    pointer-events: all;
    z-index: 10000
}

.modal-message-open .modal-message-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal-message-overlay {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.modal-message-container {
    background: #fff;
    border-radius: .4rem;
    margin: 20rem auto 0;
    max-width: 544px;
    max-width: 34rem;
    padding: 0;
    position: relative;
    text-align: left;
    opacity: 0;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 100%
}

.modal-message-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3rem 2rem 2rem;
    position: relative
}

.modal-message-content,
.modal-message-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-message-icon {
    border-radius: 50%;
    background-color: transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 128px;
    height: 8rem;
    margin-bottom: 2rem;
    width: 128px;
    width: 8rem
}

.modal-message-icon:after {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 48px;
    height: 3rem;
    width: 48px;
    width: 3rem
}

.modal-message-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    text-align: center
}

.modal-message-content.is-error .modal-message-icon {
    background-color: rgba(221, 50, 64, .2)
}

.modal-message-content.is-error .modal-message-icon:after {
    background-image: url(/assets.woom.fr/packs/base/icons/cancel-35be77e6ab478076681781781f9e7ef0.svg);
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.modal-message-content.is-validate .modal-message-icon {
    background-color: rgba(55, 217, 153, .2)
}

.modal-message-content.is-validate .modal-message-icon:after {
    background-image: url(/assets.woom.fr/packs/base/icons/correct-b283aaa110965ea71d6c6765922547a8.svg)
}

.modal-message-content.is-danger .modal-message-icon {
    background-color: rgba(238, 119, 82, .2)
}

.modal-message-content.is-danger .modal-message-icon:after {
    background-image: url(/assets.woom.fr/packs/base/icons/risk-4bd459f304122e02ee55cb6fb0e4bc28.svg)
}

.modal-message-button {
    display: inline-block;
    text-align: center;
    width: 100%
}

@media (max-width:764.9px) {
    .modal-message {
        bottom: 0;
        top: auto
    }

    .modal-message-container {
        bottom: 0;
        border-radius: 0;
        margin: 0;
        max-width: 100%;
        position: absolute
    }

    .modal-message-content {
        padding: 1.5rem
    }

    .modal-message-button {
        display: block
    }

    .modal-message-button .button {
        display: block;
        text-align: center
    }
}

.partners {
    margin-top: 4.5rem;
    padding: 3rem 0;
    position: relative
}

.partners.is-mouseover {
    margin-top: 0;
    padding-top: 8rem
}

.partners-title {
    color: #251a80;
    display: block;
    font-family: bebas;
    font-size: 76.8px;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 86.4px;
    line-height: 5.4rem;
    margin: 0 auto 2.5rem;
    max-width: 528px;
    max-width: 33rem;
    text-align: left;
    width: 100%
}

.partners-content {
    margin: 5rem auto;
    max-width: 1920px;
    max-width: 120rem;
    overflow: hidden;
    padding: 0 2rem;
    width: 100%
}

.partners-content .flickity-viewport {
    overflow: visible
}

.partners-item {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 96px;
    height: 6rem;
    margin: 0 4rem;
    width: 240px;
    width: 15rem
}

.partners-item:first-child {
    margin-left: 0
}

.partners-item:last-child {
    margin-right: 0
}

@media (max-width:764.9px) {
    .partners.is-mouseover {
        top: 0;
        margin: 0 0 4rem
    }

    .partners-title {
        font-size: 3.8rem;
        line-height: 4.4rem;
        margin: 0;
        padding: 0 2rem
    }

    .partners-title:after {
        content: "";
        display: block;
        width: 4.5rem;
        height: .8rem;
        margin-top: 2rem;
        background-color: #ffcfd4
    }

    .partners-content {
        margin: 4rem 0 6rem
    }

    .partners-item {
        margin: 0 3rem
    }
}

@media (max-width:369.9px) {
    .partners-title {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.payment-authentification {
    padding: 0 3rem 3rem
}

.payment-authentification-content {
    width: 100%
}

.payment-authentification-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.payment-authentification-social {
    margin-top: 1.5rem
}

.payment-authentification-social .button {
    background-color: #3b5998;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 28.8px;
    line-height: 1.8rem;
    padding: 1.5rem 3rem 1.3rem;
    text-align: center;
    width: 100%
}

.payment-authentification-social .button:focus,
.payment-authentification-social .button:hover {
    background-color: #4566ae
}

.payment-authentification-divider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2rem 0
}

.payment-authentification-divider span {
    padding: 0 3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #999;
    font-size: 25.6px;
    font-size: 1.6rem
}

.payment-authentification-divider:after,
.payment-authentification-divider:before {
    content: "";
    background-color: #ddd;
    height: 1.6px;
    height: .1rem;
    width: 100%
}

.payment-authentification-form {
    margin-top: 1.5rem
}

.payment-authentification-input {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.payment-authentification-input:hover {
    border-color: #aaa
}

.payment-authentification-input>.icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    padding: 1.5rem 1rem 1.5rem 2rem
}

.payment-authentification-input>.icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.payment-authentification-input>.icon>svg path {
    fill: #474655
}

.payment-authentification-input>input {
    border: transparent;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    color: #474655;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 25.6px;
    font-size: 1.6rem;
    outline: 0;
    padding: 0 2rem 0 1rem;
    width: 100%
}

.payment-authentification-input>input::-webkit-input-placeholder {
    color: #bbb
}

.payment-authentification-input>input::-moz-placeholder {
    color: #bbb
}

.payment-authentification-input>input::-ms-input-placeholder {
    color: #bbb
}

.payment-authentification-input>input::placeholder {
    color: #bbb
}

.payment-authentification-mdp {
    color: #999;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    margin: 1rem 0 0
}

.payment-authentification-mdp:focus,
.payment-authentification-mdp:hover {
    text-decoration: underline
}

.payment-authentification-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.payment-authentification-button .button {
    line-height: 24px;
    line-height: 1.5rem;
    padding: 1.6rem 4rem 1.4rem
}

@media (max-width:764.9px) {
    .payment-authentification {
        padding: 0 2rem 2rem
    }

    .payment-authentification-button .button {
        padding: 1.4rem 4rem 1.2rem
    }
}

@media (max-width:369.9px) {
    .payment-authentification {
        padding: 0 1.5rem 2rem
    }
}

.payment-block {
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    margin-bottom: 1rem
}

.payment-block-container {
    border-bottom: .1rem solid #ddd
}

.payment-block-container.is-disabled {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.payment-block-container.is-disabled .payment-block-head {
    -webkit-filter: saturate(0);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1.01 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: saturate(0);
    opacity: .3;
    padding: 3rem 3rem 2.8rem;
    line-height: 1
}

.payment-block-container.is-disabled .payment-block-content {
    display: none
}

.payment-block-container:last-child {
    border-bottom: transparent
}

.payment-block-credit-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.payment-block-credit-inputs>div:nth-child(2) {
    margin-left: 2rem
}

.payment-block-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3rem 3rem 2rem
}

.payment-block-head.is-mail {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.payment-block-head-title {
    color: #222;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem;
    text-transform: uppercase
}

.payment-block-head-mail {
    color: #37d999;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding-top: 0;
    padding-left: 1.5rem
}

.payment-block-head-link {
    color: #251a80;
    cursor: pointer;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    text-decoration: underline
}

.payment-block-head-link:focus,
.payment-block-head-link:hover {
    color: #6286f6
}

.payment-block-modified {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.payment-block-mode {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 33.6px;
    height: 2.1rem;
    margin-right: 1.5rem;
    width: 56px;
    width: 3.5rem
}

.payment-block-mode:last-child {
    margin: 0
}

.payment-block-content {
    padding: 1rem 3rem 3rem
}

.payment-block-content.no-padding-top {
    padding: 0;
    position: relative;
    top: -8px;
    top: -.5rem
}

.payment-block.is-wii-smile .payment-block-head-mail {
    color: #3cb4a0
}

@media (max-width:764.9px) {
    .payment-block {
        border-bottom: 0;
        border-left: transparent;
        border-radius: 0;
        border-right: transparent;
        margin-bottom: 0
    }

    .payment-block-container:last-child {
        border-bottom: .1rem solid #ddd
    }

    .payment-block-container.is-disabled .payment-block-head {
        padding: 2rem 2rem 1.8rem
    }

    .payment-block-head {
        padding: 2rem 2rem 1.5rem
    }

    .payment-block-head-mail {
        padding-left: 0
    }

    .payment-block-content {
        padding: 1rem 2rem 2rem
    }

    .payment-block-credit-inputs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .payment-block-credit-inputs>div:last-child {
        margin-left: 0;
        margin-top: 2rem
    }
}

@media (max-width:369.9px) {
    .payment-block-head {
        padding: 2rem 1.5rem 1.5rem
    }

    .payment-block-head-title {
        font-size: 1.4rem
    }

    .payment-block-content {
        padding: 0 1.5rem 2rem
    }
}

.payment-card-save {
    display: none;
    border-top: .1rem solid #ddd;
    padding: 2rem 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.payment-card-save-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem
}

.payment-card-save-button {
    position: relative;
    margin-left: 2rem
}

.payment-card-save input[type=checkbox] {
    cursor: pointer;
    display: block;
    height: 48px;
    height: 3rem;
    margin: 0;
    opacity: 0;
    position: relative;
    width: 48px;
    width: 3rem;
    z-index: 1
}

.payment-card-save input[type=checkbox]:checked+.payment-card-save-check {
    background-color: #f75b6c;
    border: transparent
}

.payment-card-save input[type=checkbox]:checked+.payment-card-save-check:after {
    border-color: #fff;
    left: 17.6px;
    left: 1.1rem;
    top: 8px;
    top: .5rem
}

.payment-card-save-check {
    background-color: #fff;
    border: .2rem solid #bbb;
    border-radius: .4rem;
    height: 48px;
    height: 3rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
    width: 3rem
}

.payment-card-save-check:after {
    content: "";
    border-color: #bbb;
    border-style: solid;
    border-width: 0 .25rem .25rem 0;
    display: block;
    height: 24px;
    height: 1.5rem;
    left: 14.4px;
    left: .9rem;
    position: absolute;
    top: 4.8px;
    top: .3rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 12px;
    width: .75rem
}

.payment-card-save label {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-left: 1rem
}

.payment-card-form {
    margin: 0
}

.payment-card-form-content {
    background-color: #f3f7fc;
    border-radius: .8rem;
    margin: 0;
    overflow: hidden;
    padding: 4rem 2rem;
    position: relative
}

.payment-card-form-errors {
    margin-top: 0 !important;
    width: auto !important
}

.payment-card-form-half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 2rem
}

.payment-card-form-block {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    z-index: 10
}

.payment-card-form .payment-card-form-block:first-child {
    margin-right: 1rem;
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}

.payment-card-form .payment-card-form-block:nth-child(2n) {
    margin-right: 1rem;
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.payment-card-form .payment-card-form-block:nth-child(3n) {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.payment-card-form-block label {
    color: #474655;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 16px;
    line-height: 1rem;
    margin: 0 0 .5rem
}

.payment-card-form-block input {
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    color: #474655;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 20.8px;
    line-height: 1.3rem;
    outline: 0;
    padding: 1.3rem 1rem;
    width: 100%
}

.payment-card-form-block input:focus {
    border-color: #251a80
}

.payment-card-form-block-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.payment-card-form-block-icon .icon {
    margin-left: 1rem
}

.payment-card-form-block-icon .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.payment-card-form-checkbox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    margin: 3rem 0 0;
    position: relative
}

.payment-card-form-checkbox input[type=checkbox] {
    cursor: pointer;
    height: 32px;
    height: 2rem;
    margin: 0;
    opacity: 0;
    position: relative;
    width: 32px;
    width: 2rem;
    z-index: 1
}

.payment-card-form-checkbox input[type=checkbox]:checked+.payment-card-form-checkbox-check {
    background-color: #fff;
    border: .2rem solid #f75b6c
}

.payment-card-form-checkbox input[type=checkbox]:checked+.payment-card-form-checkbox-check:after {
    opacity: 1
}

.payment-card-form-checkbox-check {
    background-color: #eee;
    border: .1rem solid #bbb;
    border-radius: .4rem;
    height: 32px;
    height: 2rem;
    left: 0;
    position: absolute;
    width: 32px;
    width: 2rem
}

.payment-card-form-checkbox-check:after {
    content: "";
    border-color: #f75b6c;
    border-style: solid;
    border-width: 0 .2rem .2rem 0;
    opacity: 0;
    height: 16px;
    height: 1rem;
    left: 8.8px;
    left: .55rem;
    position: absolute;
    top: 3.2px;
    top: .2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    width: .5rem
}

.payment-card-form-checkbox label {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-left: 1rem
}

.payment-card-text {
    margin-top: 2rem;
    padding: 0
}

.payment-card-text p {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 1rem 0 0
}

.payment-card-text-icon {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    display: inline-block;
    height: 25.6px;
    height: 1.6rem;
    margin: 0 .5rem;
    width: 28.8px;
    width: 1.8rem
}

.payment-card-text.standalone {
    margin-top: 0;
    margin-bottom: 1rem
}

.payment-card-total {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 2rem 0 0 auto;
    padding: 0
}

.payment-card-total,
.payment-card-total-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.payment-card-total-price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1rem
}

.payment-card-total-price p,
.payment-card-total-price span {
    color: #1c1a2c;
    font-weight: 700
}

.payment-card-total-price p {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0
}

.payment-card-total-price span {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 32px;
    line-height: 2rem
}

@media (max-width:764.9px) {
    .payment-card {
        border-radius: 0;
        margin-bottom: 0
    }

    .payment-card-form-errors {
        padding: 1.5rem !important;
        line-height: 2rem !important
    }

    .payment-card-form-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3rem 2rem 2rem
    }

    .payment-card-form-block {
        margin: 0 0 2rem
    }

    .payment-card-form-block:last-child {
        margin: 0
    }

    .payment-card-text {
        margin-top: 1rem
    }

    .payment-card-total {
        margin: 2rem 0 0 auto
    }
}

@media (max-width:474.9px) {
    .payment-card-form-half {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:369.9px) {
    .payment-card-form-errors {
        padding: 1rem !important
    }
}

.payment-checkbox {
    border-top: .1rem solid #ddd;
    margin-bottom: 3rem;
    padding-top: 2rem
}

.payment-checkbox-text {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-left: 1.5rem
}

.payment-checkbox-text a {
    color: #474655;
    text-decoration: underline
}

.payment-checkbox-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: .1rem solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1.5rem;
    padding-bottom: 1.5rem;
    position: relative
}

.payment-checkbox-item:last-child {
    border: transparent;
    margin: 0;
    padding: 0
}

.payment-checkbox-item input[type=checkbox] {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 32px;
    height: 2rem;
    margin: 0;
    opacity: 0;
    position: relative;
    width: 32px;
    width: 2rem;
    z-index: 1
}

.payment-checkbox-item input[type=checkbox]:checked+.payment-checkbox-checkmark {
    background-color: #fff;
    border: .2rem solid #f75b6c
}

.payment-checkbox-item input[type=checkbox]:checked+.payment-checkbox-checkmark:after {
    opacity: 1
}

.payment-checkbox-checkmark {
    background-color: #eee;
    border: .1rem solid #bbb;
    border-radius: .4rem;
    height: 32px;
    height: 2rem;
    left: 0;
    position: absolute;
    width: 32px;
    width: 2rem
}

.payment-checkbox-checkmark:after {
    content: "";
    border-color: #f75b6c;
    border-style: solid;
    border-width: 0 .2rem .2rem 0;
    opacity: 0;
    height: 16px;
    height: 1rem;
    left: 8.8px;
    left: .55rem;
    position: absolute;
    top: 3.2px;
    top: .2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    width: .5rem
}

.payment-form-wii-smile-locked-info {
    margin-top: 2rem;
    font-size: 22.4px;
    font-size: 1.4rem;
    color: #3cb4a0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-form-wii-smile-locked-info>.icon svg {
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem;
    margin-right: .5rem;
    padding-bottom: .2rem
}

.payment-form-wii-smile-locked-info>.icon svg path {
    fill: #3cb4a0
}

.payment-form-container {
    margin: 0 auto;
    width: 100%
}

.payment-form-errors {
    width: auto !important;
    margin-top: 0 !important;
    margin-bottom: 2rem !important
}

.payment-form-text {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin-bottom: 1.5rem;
    padding: 0
}

.payment-form-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0 2rem;
    padding: 0 2rem
}

.payment-form-title>span {
    color: #222;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem;
    text-transform: uppercase
}

.payment-form-title-icon {
    cursor: pointer;
    margin-left: 1.5rem;
    position: relative
}

.payment-form-title-icon:hover span {
    left: 50%;
    margin-left: -18rem;
    opacity: .8;
    top: 48px;
    top: 3rem;
    visibility: visible;
    z-index: 999
}

.payment-form-title-icon .icon {
    pointer-events: none
}

.payment-form-title-icon .icon>svg {
    height: 27.2px;
    height: 1.7rem;
    width: 27.2px;
    width: 1.7rem
}

.payment-form-title-icon span {
    background: #000;
    border-radius: .6rem;
    color: #fff;
    font-size: 22.4px;
    font-size: 1.4rem;
    height: auto;
    line-height: 28.8px;
    line-height: 1.8rem;
    padding: 1rem 2rem;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 576px;
    width: 36rem;
    z-index: 1010
}

.payment-form-title-icon span:after {
    content: "";
    border-bottom: .8rem solid #000;
    border-right: .8rem solid transparent;
    border-left: .8rem solid transparent;
    left: 50%;
    margin-left: -.8rem;
    position: absolute;
    top: -12.8px;
    top: -.8rem;
    width: 0;
    height: 0
}

.payment-form-half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

.payment-form-half.is-hidden {
    position: absolute;
    visibility: hidden
}

.payment-form-half .payment-form-block {
    padding: 0
}

.payment-form-half .payment-form-block:first-child {
    margin-right: 1rem
}

.payment-form-half .payment-form-block:last-child {
    margin-left: 1rem
}

.payment-form-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 2rem;
    padding: 0;
    width: 100%
}

.payment-form-block input,
.payment-form-block label,
.payment-form-block select {
    display: block
}

.payment-form-block label {
    color: #474655;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 16px;
    line-height: 1rem;
    margin: 0 0 .7rem
}

.payment-form-block input,
.payment-form-block select {
    color: #474655;
    background-color: #fcfcff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 22.4px;
    line-height: 1.4rem;
    outline: 0;
    padding: 1.2rem 1.5rem;
    width: 100%
}

.payment-form-block input:-moz-placeholder,
.payment-form-block input:-ms-input-placeholder,
.payment-form-block input::-moz-placeholder,
.payment-form-block input::-webkit-input-placeholder,
.payment-form-block select:-moz-placeholder,
.payment-form-block select:-ms-input-placeholder,
.payment-form-block select::-moz-placeholder,
.payment-form-block select::-webkit-input-placeholder {
    color: #bbb
}

.payment-form-block select {
    height: 64px;
    height: 4rem
}

.payment-form-block input:focus,
.payment-form-block select:focus {
    border-color: #251a80
}

.payment-form-block input:valid,
.payment-form-block select:valid {
    border-color: #37d999
}

.payment-form-block input.payment-form-input-invalid,
.payment-form-block select.payment-form-input-invalid {
    border-color: #dd3240
}

.payment-form-block input.payment-form-input-invalid:valid,
.payment-form-block input.payment-form-input-valid,
.payment-form-block select.payment-form-input-invalid:valid,
.payment-form-block select.payment-form-input-valid {
    border-color: #37d999
}

.payment-form-block input:disabled,
.payment-form-block select:disabled {
    background-color: #ddd
}

.payment-form-birthday {
    padding: 0
}

.payment-form-birthday .payment-form-title {
    margin: 0 0 .5rem;
    padding: 0
}

.payment-form-birthday .payment-form-title-icon {
    margin-left: 1rem
}

.payment-form-birthday .payment-form-title-icon .icon>svg {
    height: 20.8px;
    height: 1.3rem;
    width: 20.8px;
    width: 1.3rem
}

.payment-form-birthday .payment-form-title-icon .icon>svg path {
    fill: #251a80
}

.payment-form-birthday .payment-form-block {
    margin-bottom: 0;
    padding: 0
}

.payment-form-birthday label {
    color: #474655;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 16px;
    line-height: 1rem;
    margin: 0 0 .3rem
}

.payment-form-birthday-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.payment-form-birthday-wrapper .payment-form-block:nth-child(2n) {
    margin: 0 2rem
}

.payment-form-mdp {
    border-top: .1rem dashed #ddd;
    padding-top: 1.5rem;
    margin-top: 2rem
}

.payment-form-mdp-checkbox {
    position: relative
}

.payment-form-mdp-checkbox>input[type=checkbox] {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 32px;
    height: 2rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 336px;
    width: 21rem;
    z-index: 1
}

.payment-form-mdp-checkbox>input[type=checkbox]:checked~.payment-form-mdp-checkmark {
    background-color: #fff;
    border: .2rem solid #f75b6c
}

.payment-form-mdp-checkbox>input[type=checkbox]:checked~.payment-form-mdp-checkmark:after {
    opacity: 1
}

.payment-form-mdp-checkbox>input[type=checkbox]:checked~label span {
    color: #f75b6c
}

.payment-form-mdp-checkbox>input[type=checkbox]:checked~.payment-form-mdp-content {
    display: block
}

.payment-form-mdp-checkmark {
    background-color: #eee;
    border: .1rem solid #bbb;
    border-radius: .4rem;
    height: 32px;
    height: 2rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
    width: 2rem
}

.payment-form-mdp-checkmark:after {
    content: "";
    border-color: #f75b6c;
    border-style: solid;
    border-width: 0 .2rem .2rem 0;
    opacity: 0;
    height: 16px;
    height: 1rem;
    left: 8.8px;
    left: .55rem;
    position: absolute;
    top: 3.2px;
    top: .2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    width: .5rem
}

.payment-form-mdp-checkbox>label {
    display: inline-block;
    margin: .3rem 0 0 3rem;
    vertical-align: super
}

.payment-form-mdp-checkbox>label>span {
    color: #474655
}

.payment-form-mdp-content {
    display: none;
    padding: 0;
    margin-top: 1rem
}

.payment-form-mdp-content .user-message {
    line-height: 28.8px;
    line-height: 1.8rem;
    padding: 1rem
}

.payment-form-mdp-input {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    position: relative
}

.payment-form-mdp-input:hover {
    border-color: #aaa
}

.payment-form-mdp-input:last-child {
    margin-bottom: 0
}

.payment-form-mdp-input>.icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    padding: 1.25rem .75rem 1.25rem 1.5rem
}

.payment-form-mdp-input>.icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.payment-form-mdp-input>.icon>svg path {
    fill: #474655
}

.payment-form-mdp-input>input {
    border: transparent;
    border-top-right-radius: 6.4px;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: 6.4px;
    border-bottom-right-radius: .4rem;
    color: #474655;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 25.6px;
    font-size: 1.6rem;
    outline: 0;
    padding: 0 .75rem 0 1rem;
    width: 100%
}

.payment-form-mdp-input>input::-webkit-input-placeholder {
    color: #bbb;
    font-size: 22.4px;
    font-size: 1.4rem
}

.payment-form-mdp-input>input::-moz-placeholder {
    color: #bbb;
    font-size: 22.4px;
    font-size: 1.4rem
}

.payment-form-mdp-input>input::-ms-input-placeholder {
    color: #bbb;
    font-size: 22.4px;
    font-size: 1.4rem
}

.payment-form-mdp-input>input::placeholder {
    color: #bbb;
    font-size: 22.4px;
    font-size: 1.4rem
}

@media (max-width:1023.9px) {
    .payment-form-title.is-heading .payment-form-title-icon {
        display: none
    }

    .payment-form-birthday,
    .payment-form-half {
        position: relative
    }

    .payment-form-title-icon {
        position: static
    }

    .payment-form-title-icon.is-open span {
        display: block;
        left: 0;
        margin: 0 2rem;
        top: 2rem;
        right: 0;
        visibility: visible;
        width: auto
    }

    .payment-form-title-icon:hover span {
        visibility: hidden
    }

    .payment-form-title-icon span {
        opacity: .8;
        visibility: hidden
    }

    .payment-form .payment-form-title-icon:hover.is-open.is-closed span,
    .payment-form .payment-form-title-icon:hover.is-open span {
        visibility: visible
    }

    .payment-form .payment-form-title-icon:hover.is-closed span {
        visibility: hidden
    }

    .payment-form-title-icon span:after {
        display: none
    }
}

@media (max-width:764.9px) {
    .payment-form-errors {
        padding: 1.5rem !important;
        line-height: 2rem !important
    }

    .payment-form-birthday .payment-form-title {
        margin: 0 0 1rem
    }

    .payment-form-birthday-wrapper .payment-form-block:nth-child(2n) {
        margin: 0 1rem
    }
}

@media (max-width:369.9px) {
    .payment-form-errors {
        padding: 1rem !important
    }

    .payment-form-half {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .payment-form-half .payment-form-block:first-child,
    .payment-form-half .payment-form-block:last-child {
        margin: 0 0 2rem
    }
}

.popup {
    height: 100%;
    left: 0;
    position: fixed;
    opacity: 1;
    pointer-events: all;
    top: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 100%;
    z-index: 10000
}

.popup.small-padding .popup-content {
    padding: 3rem
}

.popup-hidden {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: -1
}

.popup-hidden .popup-content {
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    opacity: 0
}

.popup-overlay {
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.popup-content {
    background: #fff;
    border-radius: .4rem;
    max-width: 728px;
    max-width: 45.5rem;
    margin: 15rem auto 0;
    padding: 4.6rem 4rem;
    position: relative;
    text-align: center;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 100%
}

.popup-title {
    color: #222;
    font-size: 35.2px;
    font-size: 2.2rem;
    line-height: 44.8px;
    line-height: 2.8rem;
    font-weight: 700
}

.popup-text {
    color: #666;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 1rem 0 0
}

.popup-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4rem
}

.popup-buttons .button {
    border: .1rem solid #f75b6c;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1;
    margin: 0 .5rem;
    padding: 1.7rem 3rem 1.5rem
}

.popup-buttons .button.outline-red {
    background-color: #fff
}

.popup-buttons .button:first-child {
    margin-left: 0
}

.popup-buttons .button:last-child {
    margin-right: 0
}

.popup-divider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2rem 0
}

.popup-divider span {
    padding: 0 3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #999;
    font-size: 25.6px;
    font-size: 1.6rem
}

.popup-divider:after,
.popup-divider:before {
    content: "";
    background-color: #ddd;
    height: 1.6px;
    height: .1rem;
    width: 100%
}

.popup-content .button_to {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup-content .button_to .button {
    padding: 1.7rem 0 1.5rem;
    width: 100%
}

.popup-content .button_to .button.submit {
    margin-left: 0
}

.popup-content .button_to~.button.cancel {
    padding: 1.7rem 0 1.5rem;
    width: 100%
}

.popup-form {
    margin-top: 2rem
}

.popup-form label {
    color: #474655;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 1.5rem 0 .5rem;
    text-align: left
}

.popup-form input {
    background-color: #fcfcfc;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    display: block;
    width: 100%;
    padding: 1.2rem;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 1
}

.popup-form .button,
.popup-form input[type=submit] {
    background-color: #f75b6c;
    border-color: transparent;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 1;
    margin-top: 1.5rem;
    padding: 1.4rem 3rem 1.2rem;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.popup-form .button:focus,
.popup-form .button:hover,
.popup-form input[type=submit]:focus,
.popup-form input[type=submit]:hover {
    background-color: #dd3240
}

@media (max-width:764.9px) {
    .popup {
        background-color: rgba(0, 0, 0, .7);
        bottom: 0;
        top: auto
    }

    .popup-content,
    .popup.small-padding .popup-content {
        padding: 3rem 2rem
    }

    .popup-content {
        border-radius: 0;
        bottom: 0;
        margin: 0;
        position: absolute;
        max-width: 100%;
        width: 100%
    }

    .popup-buttons {
        margin-top: 3rem
    }

    .popup-buttons .button {
        padding: 1.7rem 2rem 1.5rem
    }
}

@media (max-width:369.9px) {
    .popup.small-padding .popup-content {
        padding: 2rem 1rem
    }

    .popup-buttons .button {
        padding: 1.7rem 1rem 1.5rem
    }
}

.practical-infos {
    position: relative;
    margin: 1rem 0 2rem
}

.practical-infos:after {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/patterns/cube-750d08a12f3b77496e20bf2da863092c.svg), url(/assets.woom.fr/packs/base/patterns/multi-cloud-pattern-1f88f6af70b746e59f50655a68f806b7.png);
    background-position: 0 0, 0 0;
    background-size: 10.1rem, 20rem;
    height: 100%;
    left: 32px;
    left: 2rem;
    position: absolute;
    top: 32px;
    top: 2rem;
    width: 100%;
    z-index: 1
}

.practical-infos-wrapper {
    border: .2rem solid #37d999;
    background-color: #fff;
    padding: 2.5rem;
    position: relative;
    z-index: 2
}

.practical-infos-tag {
    background-color: #37d999;
    color: #251a80;
    font-family: bebas, sans-serif;
    font-size: 35.2px;
    font-size: 2.2rem;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    display: inline-block;
    padding: .4rem 1.5rem .8rem;
    font-weight: 400;
    margin: 0;
    position: absolute;
    top: -16px;
    top: -1rem;
    left: 40px;
    left: 2.5rem
}

.practical-infos-inspired {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem
}

.practical-infos-user {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    margin: 0
}

.practical-infos-avatar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 3rem;
    height: 64px;
    height: 4rem;
    width: 64px;
    width: 4rem
}

.practical-infos-content {
    margin-top: 2rem
}

.practical-infos-title {
    color: #251a80;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 .5rem
}

.practical-infos-content p,
.practical-infos-list p,
.practical-infos-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0
}

.practical-infos-text {
    font-weight: 400
}

.practical-infos-list {
    margin: 0;
    padding: 0
}

.practical-infos-list li {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    margin-top: 1rem;
    padding: 0
}

.practical-infos .button {
    font-weight: 700;
    margin: 4rem 0 2rem;
    text-transform: uppercase
}

.practical-infos-signal {
    text-align: right;
    text-decoration: underline
}

.practical-infos-signal>a {
    color: #999;
    font-size: 19.2px;
    font-size: 1.2rem
}

.practical-infos-signal>a:focus,
.practical-infos-signal>a:hover {
    color: #333
}

.practical-infos-update {
    color: #999;
    margin-top: 4rem
}

.practical-infos-update>p {
    display: inline;
    margin: 0
}

.preview-search {
    background-color: #f5f5f5;
    margin: 4.5rem auto 2rem;
    max-width: 1984px;
    max-width: 124rem;
    padding: 4rem 3rem 3rem;
    position: relative;
    width: 100%
}

.preview-search.is-article {
    margin: 6rem 0 6rem -14rem;
    max-width: none;
    min-width: 1568px;
    min-width: 98rem
}

.preview-search-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.preview-search-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1rem;
    max-width: 704px;
    max-width: 44rem
}

.preview-search-item .search-card:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.preview-search-item .search-card:hover .search-card-reassurance {
    opacity: 1
}

.preview-search-item .search-card-header {
    height: 384px;
    height: 24rem
}

.preview-search-item .search-card-lock {
    display: none
}

.preview-search-item .search-card-content:after {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(-8rem, hsla(0, 0%, 100%, 0)), color-stop(95%, #fff));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) -8rem, #fff 95%);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999
}

.preview-search-call {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: transparent;
    bottom: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000
}

.preview-search-call:hover .button {
    background-color: #dd3240
}

.preview-search-call .button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.6rem 3.5rem;
    position: relative;
    pointer-events: none;
    top: -72px;
    top: -4.5rem
}

.preview-search-call .button>span {
    font-weight: 700
}

.preview-search-call .button .icon {
    padding-left: 1rem;
    position: relative;
    top: -1.6px;
    top: -.1rem
}

.preview-search-call .button .icon svg {
    height: 22.4px;
    height: 1.4rem;
    width: 22.4px;
    width: 1.4rem
}

.preview-search-call .button .icon svg path {
    fill: #fff
}

@media (max-width:1023.9px) {
    .preview-search.is-article {
        left: 50%;
        margin: 3rem -50vw 1rem;
        min-width: auto;
        right: 50%;
        width: 100vw
    }
}

@media (max-width:764.9px) {
    .preview-search {
        padding: 1.5rem
    }

    .preview-search-content {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .preview-search-item {
        margin: 0 0 1.5rem;
        max-width: 100%
    }

    .preview-search-item:nth-child(3) {
        display: none
    }

    .preview-search-item .search-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .preview-search-item .search-card-footer,
    .preview-search-item .search-card-infos,
    .preview-search-item .search-card-more,
    .preview-search-item .search-card-place .icon,
    .preview-search-item .search-card-ribbon,
    .preview-search-item .search-card-top-right {
        display: none
    }

    .preview-search-item .search-card-header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 14rem;
        width: 14rem
    }

    .preview-search-item .search-card-top-left {
        margin-top: 1rem
    }

    .preview-search-item .search-card-cost {
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0)));
        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
        bottom: .75rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0;
        position: absolute;
        right: -15rem;
        width: 100%;
        z-index: 10
    }

    .preview-search-item .search-card-price {
        color: #251a80
    }

    .preview-search-item .search-card-price>span {
        font-weight: 700
    }

    .preview-search-item .search-card-new {
        font-size: 1.6rem
    }

    .preview-search-item .search-card-place {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        left: 0;
        padding-right: 1rem
    }

    .preview-search-item .search-card-place-content>h3 {
        font-size: 1.3rem;
        line-height: 1.7rem
    }

    .preview-search-item .search-card-place-content>span {
        display: none
    }

    .preview-search-item .search-card-place-content {
        margin: 0
    }

    .preview-search-item .search-card-container {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }

    .preview-search-item .search-card-content {
        border-top: .1rem solid #d6d6d6;
        border-left: transparent;
        height: 100%;
        padding: 1rem 0 0
    }

    .preview-search-item .search-card-content:after {
        display: none
    }

    .preview-search-item .search-card-category,
    .preview-search-item .search-card-title {
        padding: 0 1rem
    }

    .preview-search-item .search-card-title-text {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin: 0;
        max-height: 7.3rem;
        overflow: hidden
    }

    .preview-search-call {
        position: relative
    }

    .preview-search-call .button {
        top: 0
    }
}

@media (max-width:369.9px) {
    .preview-search {
        padding: 1.5rem 1rem
    }

    .preview-search-item .search-card-header {
        width: 13rem
    }

    .preview-search-item .search-card-cost {
        right: -14rem
    }

    .preview-search-item .search-card-place-content>h3 {
        font-size: 1.3rem;
        line-height: 1.6rem
    }

    .preview-search-item .search-card-title-text {
        font-size: 1.3rem;
        line-height: 1.7rem
    }
}

.profile {
    max-width: 960px;
    max-width: 60rem;
    margin: 6rem auto 12rem
}

.profile-avatar {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 320px;
    height: 20rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem auto 2rem;
    overflow: hidden;
    position: relative;
    max-width: 320px;
    max-width: 20rem;
    width: 100%
}

.profile-avatar-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.profile-avatar-text {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #f75b6c;
    bottom: -32px;
    bottom: -2rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 112px;
    height: 7rem;
    letter-spacing: .8px;
    letter-spacing: .05rem;
    padding: 1rem 0 0;
    position: absolute;
    pointer-events: none;
    width: 100%
}

.profile #dropzone [type=file] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.profile-details {
    margin-top: 2rem
}

.profile-details-title {
    color: #666;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 2rem 0 .5rem;
    text-transform: uppercase
}

.profile-details .input-text-container {
    margin: 0
}

.profile-details .input-text-container input,
.profile-details .input-text-container select {
    border: .1rem solid #ddd;
    border-radius: .5rem;
    background-color: #fff;
    color: #474655;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 2rem;
    padding: 0 1.5rem;
    vertical-align: middle;
    width: 100%;
    outline: 0
}

.profile-details .input-text-container input:focus:not(:disabled),
.profile-details .input-text-container input:hover:not(:disabled),
.profile-details .input-text-container select:focus:not(:disabled),
.profile-details .input-text-container select:hover:not(:disabled) {
    border-color: #f75b6c
}

.profile-details .input-text-container input:disabled,
.profile-details .input-text-container select:disabled {
    background-color: #ddd
}

.profile-details .input-text-container input {
    padding: 1.5rem
}

.profile-details .input-text-container select {
    height: 80px;
    height: 5rem
}

.profile-details .input-text-container .input-select-birthday {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile-details .input-text-container .input-select-birthday select {
    margin: 0
}

.profile-details .input-text-container .input-select-birthday select:first-child {
    margin-right: 1rem
}

.profile-details .input-text-container .input-select-birthday select:last-child {
    margin-left: 1rem
}

.profile-button {
    margin-top: 2rem;
    text-align: center
}

.profile-wii-smile-locked-info {
    margin: 2rem 0;
    text-align: left;
    font-size: 25.6px;
    font-size: 1.6rem;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-wii-smile-locked-info>.icon svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem;
    margin-right: 2rem;
    padding-bottom: .2rem
}

.profile-wii-smile-locked-info>.icon svg path {
    fill: #000
}

.proposition-slots {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(56%, #fff)), url(/assets.woom.fr/packs/base/patterns/memphis-pattern-angular-8a89701f5fb6d71c8838df3506e38df4.png);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 56%), url(/assets.woom.fr/packs/base/patterns/memphis-pattern-angular-8a89701f5fb6d71c8838df3506e38df4.png);
    background-position: 0, 0;
    background-size: 100%, 20%;
    background-repeat: no-repeat, repeat;
    height: auto;
    padding: 6rem 0 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.proposition-slots.is-mouseover {
    padding: 13.5rem 0 0;
    top: -144px;
    top: -9rem
}

.proposition-slots.is-mouseover .proposition-slots-wrapper {
    margin: 8rem auto 6rem
}

.proposition-slots-wrapper {
    margin: 0 auto 5rem;
    max-width: 1984px;
    max-width: 124rem;
    padding: 0 2rem;
    width: 100%
}

.proposition-slots-title {
    color: #251a80;
    display: block;
    font-family: bebas;
    font-size: 76.8px;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 86.4px;
    line-height: 5.4rem;
    margin: 0 auto;
    max-width: 592px;
    max-width: 37rem;
    text-align: left;
    width: 100%
}

.proposition-slots-title:after {
    content: "";
    display: block;
    width: 72px;
    width: 4.5rem;
    height: 12.8px;
    height: .8rem;
    margin-top: 2rem;
    background-color: #ffcfd4
}

.proposition-slots-content {
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 6rem;
    grid-row-gap: 1.6rem;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    max-width: 1632px;
    max-width: 102rem;
    margin: 4.5rem auto 0;
    width: 100%
}

.proposition-slots-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.proposition-slots-item-image {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 296px;
    height: 18.5rem;
    width: 352px;
    width: 22rem
}

.proposition-slots-item-title {
    color: #1c1a2c;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 3rem 0 1rem;
    text-align: center
}

.proposition-slots-item-text {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin: 0 0 1rem;
    max-width: 416px;
    max-width: 26rem;
    text-align: center
}

@media (max-width:764.9px) {
    .proposition-slots {
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, #fff)), url(/assets.woom.fr/packs/base/patterns/memphis-pattern-angular-8a89701f5fb6d71c8838df3506e38df4.png);
        background-image: linear-gradient(180deg, transparent, #fff 25%), url(/assets.woom.fr/packs/base/patterns/memphis-pattern-angular-8a89701f5fb6d71c8838df3506e38df4.png);
        background-size: 100%;
        padding: 6rem 0 0
    }

    .proposition-slots.is-proposition-slots-veepee {
        padding: 3rem 0 9rem
    }

    .proposition-slots.is-proposition-slots-veepee .proposition-slots-title {
        color: #222;
        font-size: 3.6rem;
        line-height: 4rem;
        text-align: center
    }

    .proposition-slots.is-proposition-slots-veepee .proposition-slots-wrapper {
        margin: 0 auto
    }

    .proposition-slots.is-mouseover {
        padding: 13.5rem 0 0;
        top: -9rem
    }

    .proposition-slots.is-mouseover .proposition-slots-wrapper {
        margin: 3rem auto 0
    }

    .proposition-slots-wrapper {
        margin: 5rem auto 9rem
    }

    .proposition-slots-title {
        font-size: 3.8rem;
        line-height: 4.4rem
    }

    .proposition-slots-content {
        display: block
    }

    .proposition-slots-item {
        margin-bottom: 3rem
    }

    .proposition-slots-item:last-child {
        margin-bottom: 0
    }

    .proposition-slots-item-title {
        margin: 1rem 0
    }
}

@media (max-width:369.9px) {
    .proposition-slots-title {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.proposition-slots.is-proposition-slots-veepee {
    background-image: none;
    border-top: .1rem solid #eee;
    padding: 4rem 0 0
}

.proposition-slots.is-proposition-slots-veepee .proposition-slots-title {
    color: #222;
    font-size: 57.6px;
    font-size: 3.6rem;
    line-height: 64px;
    line-height: 4rem;
    text-align: center
}

.proposition-slots.is-proposition-slots-veepee .proposition-slots-title:after {
    display: none
}

.proposition-slots.is-proposition-slots-wii-smile {
    background-image: none
}

.proposition-slots.is-proposition-slots-wii-smile .proposition-slots-title {
    color: #3cb4a0
}

.proposition-slots.is-proposition-slots-wii-smile .proposition-slots-title:after {
    background-color: #fecb00;
    border-radius: .5rem
}

@media (max-width:764.9px) {
    .proposition-slots.is-proposition-slots-veepee {
        padding: 3rem 0 9rem
    }

    .proposition-slots.is-proposition-slots-veepee .proposition-slots-title {
        color: #222;
        font-size: 3.6rem;
        line-height: 4rem;
        text-align: center
    }

    .proposition-slots.is-proposition-slots-veepee .proposition-slots-wrapper {
        margin: 0 auto
    }
}

.quote {
    color: #474655;
    font-size: 60.8px;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 89.6px;
    line-height: 5.6rem;
    padding: 6rem 0;
    position: relative;
    z-index: 2
}

.quote.is-full {
    margin: 4.5rem 0
}

.quote.is-full:before {
    content: "";
    background-image: url(/assets.woom.fr/packs/base/patterns/multi-cloud-pattern-1f88f6af70b746e59f50655a68f806b7.png);
    background-position: 16px 8px;
    background-position: 1rem .5rem;
    background-repeat: no-repeat;
    background-size: 73%;
    left: -320px;
    left: -20rem;
    min-height: 528px;
    min-height: 33rem;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1
}

.quote.is-left,
.quote.is-right {
    color: #f75b6c;
    display: inline;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 41.6px;
    line-height: 2.6rem;
    padding: 0
}

.quote.is-right {
    float: right
}

.quote.is-left .quote-content,
.quote.is-right .quote-content {
    position: absolute;
    top: 160px;
    top: 10rem;
    max-width: 240px;
    max-width: 15rem
}

.quote.is-left .quote-content {
    left: -320px;
    left: -20rem
}

.quote.is-right .quote-content {
    right: -320px;
    right: -20rem
}

@media (max-width:1023.9px) {
    .quote.is-full {
        padding-left: 10rem;
        max-width: 70rem
    }

    .quote.is-full:before {
        background-size: 100%;
        left: -10rem
    }

    .quote.is-left,
    .quote.is-right {
        font-size: 2.4rem;
        line-height: 3.3rem;
        text-align: center
    }

    .quote.is-left .quote-content,
    .quote.is-right .quote-content {
        left: 0;
        margin: 2rem auto;
        max-width: 50rem;
        position: relative;
        right: 0;
        top: 0
    }

    .quote.is-right {
        float: none
    }
}

@media (max-width:764.9px) {
    .quote.is-full {
        font-size: 3rem;
        line-height: 4rem;
        max-width: 100%;
        padding: 6rem 8%
    }

    .quote.is-full:before {
        background-size: contain;
        left: -10rem
    }

    .quote.is-left .quote-content,
    .quote.is-right .quote-content {
        max-width: 100%;
        padding: 0 8%
    }
}

@media (max-width:474.9px) {
    .quote.is-full {
        padding: 3rem 0;
        font-size: 2rem;
        line-height: 3.6rem
    }

    .quote.is-full:before {
        background-size: 60%;
        left: 0;
        width: 25rem
    }
}

.reassurance {
    background-color: #f8f8f8;
    padding: 2rem 0
}

.reassurance.is-bg-white {
    background-color: #fff;
    border-top: .1rem solid #ddd;
    padding: 6rem 0
}

.reassurance.is-horizontale {
    padding: 1.25rem 1.5rem 1rem
}

.reassurance.is-horizontale .reassurance-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 256px;
    max-width: 16rem
}

.reassurance.is-horizontale .reassurance-item:first-child {
    margin-left: 0
}

.reassurance.is-horizontale .reassurance-item:last-child {
    margin-right: 0
}

.reassurance.is-horizontale .reassurance-item-text {
    text-align: left
}

.reassurance.is-horizontale .reassurance-item .icon>svg {
    height: 48px;
    height: 3rem;
    margin: 0 .8rem 0 0;
    width: 48px;
    width: 3rem
}

.reassurance.is-mobile {
    display: none
}

.reassurance-wrapper {
    margin: 0 auto;
    max-width: 1984px;
    max-width: 124rem;
    padding: 0 1rem;
    width: 100%
}

.reassurance-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reassurance-item,
.reassurance-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reassurance-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1rem;
    max-width: 200px;
    max-width: 12.5rem;
    width: 100%
}

.reassurance-item .icon>svg {
    height: 64px;
    height: 4rem;
    margin-bottom: .8rem;
    width: 64px;
    width: 4rem
}

.reassurance-item-text {
    color: #1c1a2c;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 27.2px;
    line-height: 1.7rem;
    text-align: center
}

.reassurance-item-text a {
    text-decoration: none;
    color: #4d4d4d
}

@media (max-width:1023.9px) {
    .reassurance {
        display: none
    }

    .reassurance.is-mobile {
        display: block
    }

    .reassurance-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .reassurance-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }

    .reassurance-item:nth-child(3n),
    .reassurance-item:nth-child(4n),
    .reassurance-item:nth-child(6n) {
        display: none
    }

    .reassurance.is-horizontale .reassurance-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .reassurance.is-horizontale .reassurance-item-text {
        text-align: center
    }

    .reassurance.is-horizontale .reassurance-item .icon>svg {
        margin: 0 0 .8rem
    }
}

@media (max-width:764.9px) {
    .reassurance-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .reassurance-item:nth-child(3n),
    .reassurance-item:nth-child(4n),
    .reassurance-item:nth-child(6n) {
        display: none
    }

    .reassurance-item {
        margin: 0 .5rem;
        max-width: 12.5rem
    }

    .reassurance-item .icon>svg {
        height: 3.5rem;
        margin-bottom: 1rem;
        width: 3.5rem
    }
}

@media (max-width:369.9px) {
    .reassurance.is-horizontale .reassurance-item-text {
        font-size: 1.2rem
    }
}

.recommended-exp {
    background-color: #f8f8f8
}

.recommended-exp-wrapper {
    margin: 0 auto;
    max-width: 1984px;
    max-width: 124rem;
    padding: 1rem 2rem 0;
    width: 100%
}

.recommended-exp-title {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 41.6px;
    line-height: 2.6rem
}

.recommended-exp-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: .1rem solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 3rem 0 4.5rem
}

.recommended-exp-item {
    margin: 0 1.5rem
}

.recommended-exp-item .search-card {
    margin: 0;
    width: 464px;
    width: 29rem
}

.recommended-exp-item .search-card:hover {
    -webkit-box-shadow: 0 .5rem 5rem 0 rgba(16, 11, 46, .23);
    box-shadow: 0 .5rem 5rem 0 rgba(16, 11, 46, .23)
}

.recommended-exp-item .search-card-header {
    border-radius: 0;
    height: 272px;
    height: 17rem
}

.recommended-exp-item .search-card-cost,
.recommended-exp-item .search-card-header,
.recommended-exp-item .search-card-header:after,
.recommended-exp-item .search-card-header:before,
.recommended-exp-item .search-card-image,
.recommended-exp-item .search-card-top {
    border-radius: 0
}

.recommended-exp-item .search-card-container {
    background-color: #fff
}

.recommended-exp-item .search-card-content {
    border: .1rem solid #d6d6d6;
    border-top: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 360px;
    min-height: 22.5rem;
    padding: 1.5rem 0 0
}

.recommended-exp-item .search-card-category,
.recommended-exp-item .search-card-title {
    padding: 0 1.5rem
}

.recommended-exp-item .search-card-title {
    height: 92.8px;
    height: 5.8rem;
    overflow: hidden;
    position: relative;
    margin: .5rem 0 0
}

.recommended-exp-item .search-card-title-text {
    line-height: 32px;
    line-height: 2rem;
    margin: 0
}

.recommended-exp-item .search-card-footer {
    margin: 0 0 1rem
}

.recommended-exp-item .search-card-footer-head {
    height: 81.6px;
    height: 5.1rem;
    padding: 0 1.5rem
}

.recommended-exp-item .search-card-more {
    max-width: 416px;
    max-width: 26rem;
    padding: .7rem 3rem
}

.recommended-exp-item .search-card-reviews,
.recommended-exp-item .search-card-tripadvisor {
    border-top: .1rem solid #ddd;
    margin: 1rem 0 0;
    padding: 1rem 1.5rem 0
}

.recommended-exp-item:first-child {
    margin-left: 0
}

@media (max-width:1023.9px) {
    .recommended-exp-title {
        padding-right: 2rem
    }

    .recommended-exp-wrapper {
        padding: 4rem 0 0 2rem
    }

    .recommended-exp-list {
        padding-right: 3rem
    }

    .recommended-exp-list:after {
        content: "";
        display: block;
        height: .1rem;
        min-width: 1.5rem
    }
}

@media (max-width:764.9px) {
    .recommended-exp-wrapper {
        padding: 3rem 0 0 2rem
    }

    .recommended-exp-list {
        padding: 1.5rem 0 3rem
    }

    .recommended-exp-item {
        margin: 0 1rem
    }

    .recommended-exp-item .search-card {
        width: 28rem
    }

    .recommended-exp-item .search-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .recommended-exp-item .search-card-header {
        height: 14rem
    }

    .recommended-exp-item .search-card-title {
        margin: .5rem 0
    }

    .recommended-exp-item .search-card-content {
        background-color: #fff;
        min-height: auto
    }

    .recommended-exp-item .search-card-footer-head,
    .recommended-exp-item .search-card-title {
        height: auto
    }
}

@media (max-width:369.9px) {
    .recommended-exp-item .search-card {
        width: 26rem
    }
}

.reservation-accordeon {
    background-color: #fff;
    border: .2rem solid #251a80;
    padding: 2rem;
    margin-bottom: 2rem
}

.reservation-accordeon-title {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 2rem;
    text-transform: uppercase
}

.reservation-accordeon-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.reservation-accordeon-item {
    border-bottom: .1rem solid #ddd
}

.reservation-accordeon-item.is-closed .reservation-accordeon-head .icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.reservation-accordeon-item.is-closed .reservation-accordeon-content {
    display: none
}

.reservation-accordeon-item:last-child {
    border-bottom: transparent
}

.reservation-accordeon-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 0
}

.reservation-accordeon-head .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.reservation-accordeon-head .icon>svg path:first-child {
    fill: #251a80
}

.reservation-accordeon-head-title {
    color: #251a80;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-accordeon-content {
    padding: 0 0 2rem;
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

@media (max-width:1023.9px) {
    .reservation-accordeon {
        display: none
    }
}

.reservation-add-exp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 2rem
}

.reservation-add-exp-text {
    color: #666;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-add-exp .button {
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 1.2rem 3rem 1rem;
    text-align: center
}

@media (max-width:764.9px) {
    .reservation-add-exp {
        border: transparent;
        border-radius: 0;
        border-top: .1rem solid #ddd;
        margin: 0;
        padding: 3rem 2rem 4rem
    }

    .reservation-add-exp .button {
        padding: 1.2rem 2rem 1rem
    }
}

@media (max-width:474.9px) {
    .reservation-add-exp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reservation-add-exp .button {
        margin-top: 1.5rem;
        padding: 1.2rem 3rem 1rem
    }
}

.reservation-basket {
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem 0 0;
    padding: 2rem
}

.reservation-basket:first-child {
    margin: 0
}

.reservation-basket-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    width: 240px;
    width: 15rem
}

.reservation-basket-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    height: 15rem;
    width: 240px;
    width: 15rem
}

.reservation-basket-gift {
    margin-top: 1.5rem;
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center
}

.reservation-basket-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 3rem
}

.reservation-basket-title {
    color: #222;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 48px;
    line-height: 3rem;
    margin: 0
}

.reservation-basket-date {
    margin-top: 1rem
}

.reservation-basket-date span {
    color: #999;
    font-size: 22.4px;
    font-size: 1.4rem
}

.reservation-basket-date span.reservation-basket-datetime:before {
    content: "-";
    padding: 0 .5rem
}

.reservation-basket-list {
    border-bottom: .1rem solid #ddd;
    border-top: .1rem solid #ddd;
    margin: 1.5rem 0;
    padding: 1.5rem 0 .5rem
}

.reservation-basket-exp {
    color: #666;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 1rem
}

.reservation-basket-conditions {
    border-bottom: .1rem solid #ddd;
    margin: 1.5rem 0;
    padding-bottom: 1.5rem
}

.reservation-basket-conditions>p {
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0
}

.reservation-basket-conditions-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reservation-basket-conditions-content p {
    margin: 0
}

.reservation-basket-conditions-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    position: relative
}

.reservation-basket-conditions-link a,
.reservation-basket-conditions-link span {
    color: #474655;
    cursor: pointer;
    padding-left: 1rem;
    text-decoration: underline
}

.reservation-basket-conditions-link a {
    display: none
}

.reservation-basket-conditions-link:hover .reservation-basket-tooltip {
    display: block
}

.reservation-basket-tooltip {
    display: none;
    background: #f75b6c;
    border: .4rem solid #f75b6c;
    border-radius: .4rem;
    bottom: 48px;
    bottom: 3rem;
    -webkit-box-shadow: rgba(0, 0, 0, .1) .1rem .1rem .2rem 0;
    box-shadow: .1rem .1rem .2rem 0 rgba(0, 0, 0, .1);
    height: auto;
    right: -336px;
    right: -21rem;
    padding: 1.5rem 1.5rem 0;
    position: absolute;
    text-align: center;
    text-shadow: rgba(0, 0, 0, .1) 1.6px 1.6px 1.6px;
    text-shadow: rgba(0, 0, 0, .1) .1rem .1rem .1rem;
    width: 800px;
    width: 50rem;
    z-index: 2000
}

.reservation-basket-tooltip p {
    color: #fff;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    margin: 0 0 1.5rem;
    text-align: left
}

.reservation-basket-tooltip:after {
    content: "";
    border: 1rem solid transparent;
    border-top-color: #f75b6c;
    bottom: -35.2px;
    bottom: -2.2rem;
    height: 0;
    left: 50%;
    position: absolute;
    width: 0
}

.reservation-basket-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reservation-basket-button .button {
    margin-right: 2rem;
    padding: 1.2rem 1.5rem .8rem
}

.reservation-basket-button .button:focus,
.reservation-basket-button .button:hover {
    border-color: #f75b6c
}

.reservation-basket-button .button:focus span,
.reservation-basket-button .button:hover span {
    color: #f75b6c;
    text-decoration: underline
}

.reservation-basket-button .button.blue>span {
    color: #474655;
    font-weight: 700
}

.reservation-basket-button .button.blue:focus,
.reservation-basket-button .button.blue:hover {
    background-color: transparent;
    border-color: #251a80
}

.reservation-basket-button .button.blue:focus span,
.reservation-basket-button .button.blue:hover span {
    color: #474655;
    text-decoration: underline
}

@media (max-width:1023.9px) {
    .reservation-basket {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 1rem 0 0;
        padding: 2rem
    }

    .reservation-basket-aside {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }

    .reservation-basket-image {
        width: 100%
    }

    .reservation-basket-content {
        margin: 1.5rem 0 0
    }

    .reservation-basket-conditions-link>span {
        display: none
    }

    .reservation-basket-conditions-link>a {
        display: inline
    }

    .reservation-basket-conditions-link:hover .reservation-basket-tooltip {
        display: none
    }
}

@media (max-width:764.9px) {
    .reservation-basket {
        border: transparent;
        border-radius: 0;
        border-top: .1rem solid #ddd;
        margin: 0
    }
}

@media (max-width:474.9px) {
    .reservation-basket-conditions-content .popup-content {
        padding: 3rem 2rem
    }
}

@media (max-width:369.9px) {
    .reservation-basket-button {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reservation-basket-button .button {
        margin: 0 0 1.5rem;
        text-align: center
    }

    .reservation-basket-button .button:last-child {
        margin: 0
    }
}

.reservation-chat {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1760px;
    max-width: 110rem;
    margin: 3rem auto 12rem;
    padding: 0 2rem
}

.reservation-chat-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 9rem;
    max-width: 528px;
    max-width: 33rem;
    width: 100%
}

.reservation-chat-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.reservation-chat-divider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4.5rem
}

.reservation-chat-divider>span {
    color: #1c1a2c;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    padding: 0 1.5rem
}

.reservation-chat-divider:after,
.reservation-chat-divider:before {
    content: "";
    background-color: #999;
    display: block;
    height: 1px;
    width: 100%
}

.reservation-chat-form {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 3rem
}

.reservation-chat-form,
.reservation-chat-form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reservation-chat-form-input {
    border: 1px solid #ddd;
    border-radius: 1.5rem;
    border-top-right-radius: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.reservation-chat-form-text {
    background-color: #fff;
    border: none;
    border-top-left-radius: 24px;
    border-top-left-radius: 1.5rem;
    color: #474655;
    font-family: Metropolis;
    font-size: 25.6px;
    font-size: 1.6rem;
    height: 256px;
    height: 16rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding: 2rem;
    width: 100%
}

.reservation-chat-form-button {
    background-color: #ddd;
    border-bottom-left-radius: 24px;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 24px;
    border-bottom-right-radius: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    width: 100%
}

.reservation-chat-form-button>.button {
    font-size: 20.8px;
    font-size: 1.3rem;
    padding: 1.4rem 3rem 1.1rem
}

.reservation-chat-form-avatar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 115.2px;
    height: 7.2rem;
    margin-left: 1.5rem;
    width: 115.2px;
    width: 7.2rem
}

.reservation-chat-empty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem
}

.reservation-chat-empty-image {
    background-image: url(/assets.woom.fr/packs/components/reservation/chat/man-write-a5969505bd1f079007dd3be879ab2184.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 256px;
    height: 16rem;
    margin-right: 4rem;
    width: 224px;
    width: 14rem
}

.reservation-chat-empty-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.reservation-chat-empty-content>span {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.reservation-chat-empty-title {
    color: #1c1a2c;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 44.8px;
    line-height: 2.8rem;
    margin-bottom: 1.5rem
}

@media (max-width:1023.9px) {
    .reservation-chat-aside {
        margin-right: 4rem;
        max-width: 31rem
    }

    .reservation-chat-aside .reservation-resume {
        padding: 2rem
    }

    .reservation-chat-form-avatar {
        height: 5rem;
        width: 5rem
    }
}

@media (max-width:764.9px) {
    .reservation-chat {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        margin: 2rem auto 6rem;
        padding: 0 2rem
    }

    .reservation-chat-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .reservation-chat-aside {
        margin-right: 0;
        margin-top: 3rem;
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .reservation-chat-form-avatar {
        display: none
    }

    .reservation-chat-empty {
        padding: 0
    }

    .reservation-chat-empty-image {
        display: none
    }

    .reservation-chat-empty-title {
        margin-bottom: .5rem
    }

    .reservation-chat-divider {
        margin-top: 3rem
    }
}

@media (max-width:369.9px) {
    .reservation-chat {
        padding: 0 1.5rem
    }
}

.reservation-message-chat {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.reservation-message-chat:last-child {
    margin-bottom: 4rem
}

.reservation-message-chat.recipient,
.reservation-message-chat.sender {
    margin-bottom: 3rem
}

.reservation-message-chat.recipient {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.reservation-message-chat.recipient .reservation-message-chat-avatar {
    background-image: url(/assets.woom.fr/packs/components/reservation/chat/coach-cd3150ce8e27a872994070fc2e602427.svg) !important;
    margin-right: 1.5rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.reservation-message-chat.recipient .reservation-message-chat-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.reservation-message-chat.recipient .reservation-message-chat-text {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-left-radius: 0
}

.reservation-message-chat.recipient .reservation-message-chat-date {
    padding-right: 1rem;
    text-align: right
}

.reservation-message-chat.sender {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.reservation-message-chat.sender .reservation-message-chat-avatar {
    margin-left: 1.5rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.reservation-message-chat.sender .reservation-message-chat-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.reservation-message-chat.sender .reservation-message-chat-text {
    background-color: #ddd;
    border-top-right-radius: 0
}

.reservation-message-chat.sender .reservation-message-chat-date {
    padding-left: 1rem;
    text-align: left
}

.reservation-message-chat-avatar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 115.2px;
    height: 7.2rem;
    width: 115.2px;
    width: 7.2rem
}

.reservation-message-chat-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.reservation-message-chat-text {
    color: #474655;
    border-radius: 1.5rem;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding: 2rem;
    resize: none;
    text-align: left
}

.reservation-message-chat-date {
    color: #666;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-top: .5rem;
    width: 100%
}

@media (max-width:1023.9px) {
    .reservation-message-chat-avatar {
        height: 5rem;
        width: 5rem
    }
}

.reservation-checkpoint-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2rem
}

.reservation-checkpoint-item:last-child {
    padding-bottom: 0
}

.reservation-checkpoint-icon {
    height: 48px;
    height: 3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 48px;
    width: 3rem
}

.reservation-checkpoint-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 33.6px;
    line-height: 2.1rem;
    margin: 0;
    padding-left: 1.5rem
}

.reservation-checkpoint-text>span {
    font-weight: 700
}

@media (max-width:474.9px) {
    .reservation-checkpoint-icon {
        height: 2.75rem;
        width: 2.75rem
    }

    .reservation-checkpoint-text {
        font-size: 1.5rem
    }
}

.reservation-conditions {
    border: 1px solid #ccc
}

.reservation-conditions-content {
    padding: 3rem 3rem 0
}

.reservation-conditions-title {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin-bottom: 1rem
}

.reservation-conditions-link {
    color: #f75b6c;
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-bottom: 1rem;
    text-decoration: underline
}

.reservation-conditions-link:focus,
.reservation-conditions-link:hover {
    color: #dd3240
}

.reservation-conditions-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.reservation-conditions-text li {
    padding-bottom: 1.5rem
}

.reservation-conditions-text ul li:last-child {
    padding-bottom: 0
}

.reservation-conditions-footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffcfd4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3rem
}

.reservation-conditions-footer>span {
    color: #1c1a2c;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 51.2px;
    line-height: 3.2rem
}

.reservation-conditions-footer>span:last-child {
    color: #f75b6c;
    font-size: 35.2px;
    font-size: 2.2rem
}

@media (max-width:764.9px) {
    .reservation-conditions-content {
        padding: 2rem 2rem 0
    }

    .reservation-conditions-text ul {
        padding-left: 1.5rem
    }

    .reservation-conditions-footer {
        padding: 2rem
    }

    .reservation-conditions-footer>span,
    .reservation-conditions-footer>span:last-child {
        font-size: 1.8rem
    }
}

.reservation-content .reservation-infos {
    margin-top: 2rem
}

.reservation-content-text {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    line-height: 54.4px;
    line-height: 3.4rem;
    margin: 0
}

.reservation-content-text>span {
    font-weight: 700
}

.reservation-content-alternative {
    margin: 2rem 0
}

.reservation-content-alternative-item {
    -webkit-box-align: strech;
    -ms-flex-align: strech;
    align-items: strech;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem
}

.reservation-content-alternative-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #bbb;
    border-right: none;
    color: #474655;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 0 1rem
}

.reservation-content-alternative-content>span {
    font-weight: 700;
    padding: 0 .5rem
}

.reservation-content-alternative-link.button {
    border-radius: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1;
    font-size: 20.8px;
    font-size: 1.3rem;
    padding: 1.5rem 3rem 1.4rem
}

.reservation-content-ref {
    color: #1c1a2c;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem;
    margin-top: 1.5rem
}

.reservation-content-payment {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 4.5rem 0;
    padding: 3rem 0
}

.reservation-content-payment-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reservation-content-payment-title {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem
}

.reservation-content-payment-code {
    color: #37d999;
    font-size: 44.8px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
    padding-left: .5rem
}

.reservation-content-payment-text {
    color: #474655;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    padding-top: 1rem
}

.reservation-content-infos {
    margin-bottom: 4.5rem
}

.reservation-content-infos-title {
    color: #474655;
    font-size: 41.6px;
    font-size: 2.6rem;
    line-height: 54.4px;
    line-height: 3.4rem;
    font-weight: 700
}

.reservation-content-infos-pro {
    margin: 2rem 0
}

.reservation-content-infos-pro-name {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem
}

.reservation-content-infos-pro-info {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    padding-top: .5rem
}

.reservation-content-infos-useful p {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0
}

.reservation-content-infos-useful-title {
    color: #474655;
    font-size: 32px;
    font-size: 2rem;
    line-height: 41.6px;
    line-height: 2.6rem;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.reservation-content-map .experience-map-aside {
    padding: 3rem 1.6rem 3rem 3rem
}

.reservation-content-map .experience-map-aside h3 {
    margin-top: 0
}

.reservation-content-map .experience-map-content,
.reservation-content-map .experience-map-content .map {
    height: 400px;
    height: 25rem
}

.reservation-content-cancel {
    text-align: right;
    margin-top: 4.5rem
}

.reservation-content-cancel>a {
    color: #f75b6c;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-content-cancel>a:focus,
.reservation-content-cancel>a:hover {
    color: #dd3240
}

.reservation-content-suggestions {
    border-top: 1px solid #ddd;
    margin-top: 4.5rem;
    padding-top: 3rem
}

.reservation-content-suggestions-heading,
.reservation-content-suggestions-subheading {
    color: #474655
}

.reservation-content-suggestions-heading {
    font-size: 41.6px;
    font-size: 2.6rem;
    line-height: 57.6px;
    line-height: 3.6rem;
    font-weight: 700
}

.reservation-content-suggestions-subheading {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding: 1rem 0 3rem
}

.reservation-content-suggestions-items {
    margin-top: 3rem
}

@media (max-width:764.9px) {
    .reservation-content .reservation-infos {
        margin-top: 3rem
    }

    .reservation-content-text {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .reservation-content-alternative-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reservation-content-alternative-content {
        border-bottom: none;
        border-right: 1px solid #bbb;
        padding: 1.5rem
    }

    .reservation-content-alternative-link.button {
        text-align: center
    }

    .reservation-content-payment {
        margin: 3rem 0
    }

    .reservation-content-payment-code {
        font-size: 2.2rem
    }

    .reservation-content-infos {
        margin-bottom: 3rem
    }

    .reservation-content-infos-title,
    .reservation-content-suggestions-heading {
        font-size: 2.2rem
    }

    .reservation-content-suggestions {
        margin-top: 3rem
    }

    .reservation-content-suggestions-subheading {
        padding: 1rem 0
    }

    .reservation-content-cancel {
        margin-top: 3rem;
        padding: 0 3rem;
        text-align: center
    }

    .reservation-content-cancel>a {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.reservation-credit {
    background-color: #fff;
    border: .2rem solid #37d999;
    margin-bottom: 2rem;
    padding: 2rem;
    position: relative
}

.reservation-credit-title {
    background-color: #37d999;
    color: #251a80;
    font-family: bebas;
    font-size: 35.2px;
    font-size: 2.2rem;
    left: 32px;
    left: 2rem;
    letter-spacing: 3.2px;
    letter-spacing: .2rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    overflow: visible;
    padding: .6rem 1.5rem 1rem;
    position: absolute;
    top: -19.2px;
    top: -1.2rem
}

.reservation-credit-content {
    margin-top: 3rem
}

.reservation-credit-info,
.reservation-credit-subtitle,
.reservation-credit-text {
    color: #474655
}

.reservation-credit-info span,
.reservation-credit-subtitle span,
.reservation-credit-text span {
    font-weight: 700
}

.reservation-credit-subtitle {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-credit-subtitle span {
    color: #37d999
}

.reservation-credit-info,
.reservation-credit-text {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-top: 2rem
}

.reservation-credit-info span {
    color: #37d999
}

@media (max-width:764.9px) {
    .reservation-credit {
        margin: 0 2rem 2rem
    }
}

.reservation-details {
    background: #fff;
    border: .2rem solid #251a80;
    margin-bottom: 1rem;
    padding: 2rem 2rem 3rem
}

.reservation-details.is-basket {
    border: .1rem solid #ddd;
    border-radius: .4rem
}

.reservation-details.is-basket.is-payment {
    padding: 2rem 2rem 0
}

.reservation-details-title {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.reservation-details-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem
}

.reservation-details-header-title {
    color: #474655;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-details-header-image {
    background-position: 50% 50%;
    background-size: cover;
    height: 96px;
    height: 6rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1.5rem;
    width: 128px;
    width: 8rem
}

.reservation-details-formula {
    border-top: .1rem solid #ddd;
    padding: 2rem 0
}

.reservation-details-formula-title {
    color: #474655;
    font-weight: 700;
    margin-bottom: 1rem
}

.reservation-details-formula-item,
.reservation-details-formula-title {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.reservation-details-formula-item {
    color: #666;
    margin: 0 0 1rem
}

.reservation-details-formula-total {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin-top: 3rem;
    text-align: right;
    text-transform: uppercase
}

.reservation-details-exp {
    padding: 0 0 2rem
}

.reservation-details-exp-item {
    border-bottom: .1rem dashed #ddd;
    margin: 0 0 1.5rem;
    padding: 0 0 1rem
}

.reservation-details-exp-title {
    color: #474655;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem
}

.reservation-details-exp-price {
    color: #474655;
    display: block;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: .5rem;
    text-align: right
}

.reservation-details-exp-infos {
    margin: .5rem 0 0
}

.reservation-details-exp-infos span {
    display: block;
    color: #251a80;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-details-exp-content {
    margin-top: .5rem
}

.reservation-details-exp-subexp {
    color: #666;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 28.8px;
    line-height: 1.8rem;
    padding: .5rem 0
}

.reservation-details-exp-credit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: .1rem solid #37d999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .5rem;
    padding-top: .5rem
}

.reservation-details-exp-credit>p,
.reservation-details-exp-credit>span {
    color: #37d999;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0
}

.reservation-details-exp-credit>span {
    font-weight: 700
}

.reservation-details-exp-kitty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .3rem
}

.reservation-details-exp-kitty>p,
.reservation-details-exp-kitty>span {
    color: #37d999;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 0
}

.reservation-details-exp-kitty>span {
    font-weight: 700
}

.reservation-details-exp-total {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin-top: 3rem;
    text-align: right;
    text-transform: uppercase
}

.reservation-details-button {
    border-top: .1rem solid #ddd;
    padding: 2rem 0 0
}

.reservation-details-button .button {
    font-weight: 400;
    padding: 1.2rem 3rem 1rem
}

.reservation-details-conditions {
    border-top: .1rem solid #ddd;
    padding-top: 2rem
}

.reservation-details-conditions h4 {
    color: #474655;
    font-weight: 700;
    margin: 0 0 1rem
}

.reservation-details-conditions h4,
.reservation-details-conditions p {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.reservation-details-conditions p {
    color: #666;
    margin: 0
}

.reservation-details-conditions-link {
    position: relative
}

.reservation-details-conditions-link a,
.reservation-details-conditions-link span {
    color: #474655;
    cursor: pointer;
    text-decoration: underline
}

.reservation-details-conditions-link a {
    display: none
}

.reservation-details-conditions-link:hover .reservation-details-tooltip {
    display: block
}

.reservation-details-tooltip {
    display: none;
    background: #f75b6c;
    border: .4rem solid #f75b6c;
    border-radius: .4rem;
    bottom: 48px;
    bottom: 3rem;
    -webkit-box-shadow: rgba(0, 0, 0, .1) .1rem .1rem .2rem 0;
    box-shadow: .1rem .1rem .2rem 0 rgba(0, 0, 0, .1);
    height: auto;
    padding: 1.5rem 1.5rem 0;
    position: absolute;
    left: -368px;
    left: -23rem;
    text-align: center;
    text-shadow: rgba(0, 0, 0, .1) 1.6px 1.6px 1.6px;
    text-shadow: rgba(0, 0, 0, .1) .1rem .1rem .1rem;
    width: 800px;
    width: 50rem
}

.reservation-details-tooltip p {
    color: #fff;
    display: block;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 25.6px;
    line-height: 1.6rem;
    margin: 0 0 1.5rem;
    text-align: left
}

.reservation-details-tooltip:after {
    content: "";
    border: 1rem solid transparent;
    border-top-color: #f75b6c;
    bottom: -35.2px;
    bottom: -2.2rem;
    height: 0;
    left: 50%;
    position: absolute;
    width: 0
}

.reservation-details.is-wii-smile .reservation-details-exp-credit,
.reservation-details.is-wii-smile .reservation-details-exp-kitty {
    border-color: #3cb4a0
}

.reservation-details.is-wii-smile .reservation-details-exp-credit>p,
.reservation-details.is-wii-smile .reservation-details-exp-credit>span,
.reservation-details.is-wii-smile .reservation-details-exp-kitty>p,
.reservation-details.is-wii-smile .reservation-details-exp-kitty>span {
    color: #3cb4a0
}

@media (max-width:1023.9px) {
    .reservation-details.is-basket {
        border: .1rem solid #ddd;
        border-radius: .4rem;
        padding: 2rem;
        margin-bottom: 0
    }

    .reservation-details.is-basket.is-payment {
        margin-bottom: 1rem
    }

    .reservation-details-conditions-link>span {
        display: none
    }

    .reservation-details-conditions-link>a {
        display: inline
    }

    .reservation-details-conditions-link:hover .reservation-details-tooltip {
        display: none
    }
}

@media (max-width:764.9px) {
    .reservation-details.is-basket {
        border: transparent;
        border-radius: 0;
        padding: 2rem 2rem 0;
        margin-bottom: 0
    }

    .reservation-details.is-basket.is-payment {
        margin-bottom: 0
    }

    .reservation-details.is-basket .reservation-details-title {
        font-size: 1.4rem;
        margin-bottom: 1rem
    }

    .reservation-details.is-basket .reservation-details-exp {
        padding: 0
    }

    .reservation-details.is-basket .reservation-details-exp-total {
        margin: 0;
        padding: 0 0 1rem
    }

    .reservation-details.is-basket .reservation-details-button {
        border: transparent;
        padding: 0 0 2rem
    }
}

@media (max-width:369.9px) {
    .reservation-details.is-basket.is-payment {
        padding: 1.5rem 1.5rem 0
    }
}

.reservation-feedback-form {
    border: 1px solid #ccc;
    padding: 3rem
}

.reservation-feedback-text,
.reservation-feedback-title {
    color: #474655
}

.reservation-feedback-title {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 41.6px;
    line-height: 2.6rem
}

.reservation-feedback-text {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding: 1rem 0 1.5rem
}

.reservation-feedback-item {
    position: relative;
    padding-bottom: 1.5rem
}

.reservation-feedback-item>input[type=checkbox] {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 32px;
    height: 2rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 336px;
    width: 21rem;
    z-index: 1
}

.reservation-feedback-item>input[type=checkbox]:checked+.reservation-feedback-checkmark {
    background-color: #fff;
    border: .2rem solid #f75b6c
}

.reservation-feedback-item>input[type=checkbox]:checked+.reservation-feedback-checkmark:after {
    opacity: 1
}

.reservation-feedback-item>input[type=checkbox]:checked+.reservation-feedback-label {
    color: #474655
}

.reservation-feedback-checkmark {
    background-color: #f3f3f3;
    border: .1rem solid #bbb;
    border-radius: .4rem;
    height: 32px;
    height: 2rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px;
    width: 2rem
}

.reservation-feedback-checkmark:after {
    content: "";
    border-color: #f75b6c;
    border-style: solid;
    border-width: 0 .2rem .2rem 0;
    height: 16px;
    height: 1rem;
    left: 8.8px;
    left: .55rem;
    opacity: 0;
    position: absolute;
    top: 3.2px;
    top: .2rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    width: .5rem
}

.reservation-feedback-item>label {
    display: inline-block;
    margin: 0 0 0 3.5rem
}

.reservation-feedback-item>label>span,
.reservation-feedback-textarea {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-feedback-textarea {
    background-color: #f8f8f8;
    border: .1rem solid #ccc;
    border-radius: .5rem;
    font-family: Metropolis;
    padding: 1.5rem;
    resize: none;
    width: 100%
}

.reservation-feedback-textarea::-webkit-input-placeholder {
    color: #bbb
}

.reservation-feedback-textarea::-moz-placeholder {
    color: #bbb
}

.reservation-feedback-textarea::-ms-input-placeholder {
    color: #bbb
}

.reservation-feedback-textarea::placeholder {
    color: #bbb
}

.reservation-feedback-textarea:focus {
    background-color: #f8f8f8
}

.reservation-feedback-button {
    margin-top: 3rem;
    text-align: right
}

.reservation-feedback-button>button {
    font-size: 20.8px;
    font-size: 1.3rem;
    padding: 1.4rem 3rem 1.1rem
}

@media (max-width:764.9px) {
    .reservation-feedback-form {
        padding: 2rem
    }

    .reservation-feedback-button {
        text-align: center
    }

    .reservation-feedback-button>button {
        display: block;
        width: 100%
    }
}

.reservation-header {
    background-color: #f1f1f1;
    padding: 6rem 0
}

.reservation-header.with-aside .reservation-header-container {
    max-width: 1760px;
    max-width: 110rem
}

.reservation-header.with-aside .reservation-header-title {
    max-width: 1008px;
    max-width: 63rem
}

.reservation-header-container {
    margin: 0 auto;
    max-width: 1120px;
    max-width: 70rem;
    padding: 0 2rem
}

.reservation-header-title {
    color: #1c1a2c;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 67.2px;
    line-height: 4.2rem;
    margin: 0;
    text-transform: uppercase;
    width: 100%
}

@media (max-width:1023.9px) {
    .reservation-header.with-aside .reservation-header-title {
        max-width: 100%
    }
}

@media (max-width:764.9px) {
    .reservation-header {
        padding: 3rem 0
    }

    .reservation-header-title {
        font-size: 2.2rem;
        line-height: 3.2rem
    }
}

@media (max-width:369.9px) {
    .reservation-header {
        padding: 2rem 0
    }

    .reservation-header-container {
        padding: 0 1.5rem
    }

    .reservation-header-title {
        font-size: 2rem;
        line-height: 3rem
    }
}

.reservation-infos {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1rem
}

.reservation-infos.is-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ccc;
    padding: 3rem
}

.reservation-infos.is-card .reservation-infos-icon>.icon>svg {
    height: 64px;
    height: 4rem;
    width: 64px;
    width: 4rem
}

.reservation-infos.is-card .reservation-infos-icon {
    margin-right: 3rem
}

.reservation-infos.is-success .reservation-infos-icon>.icon>svg path {
    fill: #37d999
}

.reservation-infos.is-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reservation-infos-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin-right: 1.5rem
}

.reservation-infos-icon>.icon>svg path {
    fill: #251a80
}

.reservation-infos-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.reservation-infos-content div+* {
    margin-top: 1.5rem
}

.reservation-infos-title {
    color: #251a80;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 500;
    line-height: 41.6px;
    line-height: 2.6rem
}

.reservation-infos-text {
    color: #1c1a2c;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.reservation-infos-link {
    color: #1c1a2c;
    text-decoration: underline
}

.reservation-infos-link:focus,
.reservation-infos-link:hover {
    color: #f75b6c;
    text-decoration: underline
}

.reservation-recap {
    background-color: #fff;
    border: .1rem solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
    padding: 3rem
}

.reservation-recap-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    width: 240px;
    width: 15rem
}

.reservation-recap-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 160px;
    height: 10rem;
    width: 240px;
    width: 15rem
}

.reservation-recap-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 3rem
}

.reservation-recap-title {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin: 0
}

.reservation-recap-date {
    margin: 1rem 0
}

.reservation-recap-date span {
    color: #6286f6;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 35.2px;
    line-height: 2.2rem;
    letter-spacing: .8px;
    letter-spacing: .05rem
}

.reservation-recap-date span.reservation-recap-datetime:before {
    content: "-";
    padding: 0 .5rem
}

.reservation-recap-exp {
    color: #666;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin: .6rem 0 0
}

.reservation-recap-ref {
    color: #474655;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1.5rem
}

.reservation-recap-link {
    margin-top: .5rem
}

.reservation-recap-link span>span {
    font-weight: 700
}

.reservation-recap-link>a,
.reservation-recap-link span {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-recap-link>a {
    color: #f75b6c;
    padding: 0 .5rem;
    text-decoration: underline
}

.reservation-recap-link>a:focus,
.reservation-recap-link>a:hover {
    color: #d33b78
}

.reservation-recap-status {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem;
    padding: 1rem 0 0;
    text-transform: uppercase
}

@media (max-width:764.9px) {
    .reservation-recap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2rem
    }

    .reservation-recap-aside,
    .reservation-recap-image {
        width: 100%
    }

    .reservation-recap-image {
        height: 12rem
    }

    .reservation-recap-content {
        margin: 2rem 0 0
    }

    .reservation-recap-link>a,
    .reservation-recap-link span {
        font-size: 1.5rem;
        line-height: 2.2rem
    }
}

@media (max-width:764.9px) {
    .reservation-recap {
        padding: 1.5rem
    }
}

.reservation-review {
    background-color: #fff;
    border: .1rem solid #ccc;
    max-width: 100%;
    padding: 3rem
}

.reservation-review.is-column {
    border-color: #ddd;
    padding: 2rem 3rem
}

.reservation-review.is-column .reservation-review-container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.reservation-review.is-column .reservation-review-image {
    margin-bottom: 1.5rem;
    margin-right: 0;
    width: 100%
}

.reservation-review.with-pro {
    border: none
}

.reservation-review.with-pro .reservation-review-image,
.reservation-review.with-pro .reservation-review-total {
    display: none
}

.reservation-review.with-pro .reservation-review-heading {
    margin-bottom: 2rem
}

.reservation-review.with-pro.is-column {
    padding: 3rem
}

.reservation-review-pro {
    border-bottom: 1px solid #ddd;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    text-align: center
}

.reservation-review-pro-title {
    color: #251a80;
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    font-weight: 700
}

.reservation-review-pro-response {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin-top: .5rem
}

.reservation-review-date,
.reservation-review-heading,
.reservation-review-items,
.reservation-review-title {
    margin: 0 0 1rem
}

.reservation-review-heading {
    color: #251a80;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .32px;
    letter-spacing: .02rem;
    line-height: 32px;
    line-height: 2rem;
    text-transform: uppercase
}

.reservation-review-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reservation-review-image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 160px;
    height: 10rem;
    margin-right: 2rem;
    width: 240px;
    width: 15rem
}

.reservation-review-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.reservation-review-date>span,
.reservation-review-title {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 32px;
    line-height: 2rem
}

.reservation-review-title {
    color: #1c1a2c;
    font-weight: 500
}

.reservation-review-date>span {
    color: #251a80;
    font-weight: 500;
    padding-right: .5rem
}

.reservation-review-date>span:last-child {
    padding-right: 0
}

.reservation-review-items {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.reservation-review-items>li {
    color: #666;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 28.8px;
    line-height: 1.8rem;
    margin-top: .7rem
}

.reservation-review-items>li:before {
    content: "-";
    margin-right: .3rem
}

.reservation-review-total {
    line-height: 1;
    margin-top: 2rem;
    text-align: right
}

.reservation-review-total>span {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700
}

.reservation-review-total>span:first-child {
    text-transform: uppercase;
    padding-right: .5rem
}

.reservation-review-subtotal {
    line-height: 1;
    margin-top: 1.5rem;
    text-align: right
}

.reservation-review-subtotal>span {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700
}

.reservation-review-credit {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reservation-review-credit>span {
    color: #37d999;
    font-size: 25.6px;
    font-size: 1.6rem
}

.reservation-review-credits-wrapper {
    border-top: 1px dashed #37d999;
    margin-top: 1rem;
    padding-top: 1rem
}

@media (max-width:764.9px) {

    .reservation-review,
    .reservation-review.is-column,
    .reservation-review.with-pro.is-column {
        padding: 2rem
    }

    .reservation-review-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .reservation-review-image {
        margin-bottom: 1.5rem;
        margin-right: 0;
        width: 100%
    }

    .reservation-review-content {
        width: 100%
    }
}

.reservation-secure {
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    overflow: hidden;
    margin-bottom: 1rem;
    padding: 2rem
}

.reservation-secure-title {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 2rem;
    text-transform: uppercase
}

.reservation-secure-text {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    margin: 1rem 0
}

.reservation-secure-list {
    margin: 0 0 1rem
}

.reservation-secure-item {
    float: left;
    margin-top: 1rem;
    text-align: center;
    width: 50%
}

.reservation-secure-img {
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: 80px;
    height: 5rem;
    width: 144px;
    width: 9rem
}

@media (max-width:764.9px) {
    .reservation-secure {
        border: transparent;
        border-top: .1rem solid #ddd;
        border-radius: 0;
        margin: 0;
        padding: 2rem 2rem 4rem
    }
}

@media (max-width:369.9px) {
    .reservation-secure {
        padding: 2rem 1.5rem 4rem
    }
}

.reservation-support {
    background-color: #fff;
    border: .1rem solid #ddd;
    padding: 2rem 3rem 3rem;
    width: 100%
}

.reservation-support-list .reservation-support-item:last-child {
    border-bottom: transparent;
    margin-bottom: 0
}

.reservation-support-item {
    border-bottom: .1rem solid #ddd;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

.reservation-support-title {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 1.5rem
}

.reservation-support-mail,
.reservation-support-phone,
.reservation-support-text {
    color: #474655;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 35.2px;
    line-height: 2.2rem;
    margin: 0
}

.reservation-support-mail p,
.reservation-support-phone p {
    display: inline;
    margin: 0
}

.reservation-support-mail>span,
.reservation-support-phone>span {
    font-weight: 700
}

.reservation-support-mail a,
.reservation-support-phone a {
    color: #f75b6c;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.reservation-support-mail a:focus,
.reservation-support-mail a:hover,
.reservation-support-phone a:focus,
.reservation-support-phone a:hover {
    text-decoration: underline
}

.reservation-support.is-wii-smile .reservation-support-title {
    color: #3cb4a0
}

@media (max-width:764.9px) {
    .reservation-support {
        padding: 2rem
    }
}

@media (max-width:369.9px) {
    .reservation-support {
        padding: 2rem
    }
}

.reservation-trustpilot {
    background-color: #fff;
    border: .1rem solid #ddd;
    border-radius: .4rem;
    overflow: hidden;
    margin-bottom: 1rem;
    padding: 2rem 0
}

.reservation-trustpilot-title {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 2rem;
    padding: 0 2rem;
    text-transform: uppercase
}

.reservation-trustpilot-content {
    height: 448px;
    height: 28rem;
    padding: 0 1rem
}

@media (max-width:1023.9px) {
    .reservation-trustpilot-content {
        height: 14rem
    }
}

@media (max-width:764.9px) {
    .reservation-trustpilot {
        border: transparent;
        border-top: .1rem solid #ddd;
        border-radius: 0;
        margin: 0;
        padding: 2rem 2rem 4rem
    }

    .reservation-trustpilot-content {
        height: 10rem;
        padding: 0
    }
}

@media (max-width:369.9px) {
    .reservation-trustpilot {
        padding: 2rem 1.5rem 4rem
    }

    .reservation-trustpilot-title {
        padding: 0
    }

    .reservation-trustpilot-content {
        margin-bottom: 1rem;
        margin-left: -1rem
    }
}

.reservation-validate {
    width: 100%
}

.reservation-validate-header {
    background-color: #f7cd5b;
    padding: 1.5rem 0;
    height: 288px;
    height: 18rem
}

.reservation-validate-header-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-image: url(/assets.woom.fr/packs/base/icons/send-validation-05f9152b571b3506c29f971368a7f858.svg);
    background-position: 57% 50%;
    background-size: 12.5rem 12.5rem;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 1760px;
    max-width: 110rem;
    padding: 0 2rem;
    width: 100%
}

.reservation-validate-heading,
.reservation-validate-title {
    color: #1c1a2c;
    margin: 0;
    max-width: 1104px;
    max-width: 69rem;
    width: 100%
}

.reservation-validate-title {
    display: block;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 67.2px;
    line-height: 4.2rem;
    text-transform: uppercase
}

.reservation-validate-heading {
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 500;
    margin-top: .5rem
}

.reservation-validate-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1760px;
    max-width: 110rem;
    padding: 0 2rem 16rem
}

.reservation-validate-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 6rem;
    width: 100%
}

.reservation-validate-aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: -16rem;
    max-width: 528px;
    max-width: 33rem;
    position: relative;
    width: 100%
}

.reservation-validate-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    grid-column-gap: 3rem
}

.reservation-validate-block {
    border-bottom: .1rem solid #ddd;
    padding: 2.5rem 0 3rem
}

.reservation-validate-block.no-border {
    border-bottom: transparent;
    padding: 2.5rem 0 3rem
}

.reservation-validate-block.no-padding {
    padding: 2.5rem 0 0
}

.reservation-validate-subtitle {
    color: #474655;
    font-size: 35.2px;
    font-size: 2.2rem;
    line-height: 54.4px;
    line-height: 3.4rem;
    font-weight: 700;
    margin: 0 0 1.5rem
}

.reservation-validate-additional {
    width: 100%
}

.reservation-validate-additional-text {
    margin-bottom: 1.5rem
}

.reservation-validate-additional-text,
.reservation-validate-additional textarea {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.reservation-validate-additional textarea {
    background-color: #f8f8f8;
    border: .1rem solid #ddd;
    min-height: 192px;
    min-height: 12rem;
    padding: 2rem;
    width: 100%
}

.reservation-validate-additional-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 2rem
}

.reservation-validate-additional-button .button {
    padding: 1.2rem 3rem 1rem
}

.reservation-validate-additional-confirm {
    background-color: rgba(55, 217, 153, .1);
    border-radius: .4rem;
    color: #37d999;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding: 2rem;
    margin: 1rem
}

.reservation-validate-additional-confirm-edit {
    text-decoration: underline;
    cursor: pointer
}

.reservation-validate-additional-error {
    background-color: rgba(214, 67, 83, .1);
    border-radius: .4rem;
    color: #7b4aa1;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding: 2rem;
    margin: 1rem
}

.reservation-validate-order {
    border: .1rem solid #ddd;
    list-style-type: none;
    margin: 0;
    padding: 2rem
}

.reservation-validate-order-item {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    padding: 1rem 0;
    border-bottom: .1rem dashed #ddd
}

.reservation-validate-order-item span {
    color: #474655;
    font-weight: 700;
    padding-right: 1rem
}

.reservation-validate-order-item.is-credit,
.reservation-validate-order-item.is-credit span {
    color: #37d999
}

.reservation-validate-order-item:first-child {
    padding-top: 0
}

.reservation-validate-order-total {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 1.5rem;
    text-transform: uppercase
}

.reservation-validate-kitty {
    border: .2rem dashed #37d999;
    padding: 2rem
}

.reservation-validate-kitty p {
    color: #474655;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 1rem
}

.reservation-validate-kitty p:last-child {
    margin: 0
}

.reservation-validate-kitty p>span {
    color: #37d999;
    font-weight: 500
}

.reservation-validate-button {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.reservation-validate-button .button {
    display: inline-block;
    font-weight: 500;
    margin-top: 3rem;
    padding: 1.4rem 3rem 1.2rem
}

.reservation-validate-print {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1rem;
    margin-left: auto;
    padding-right: 1rem
}

.reservation-validate-print>span {
    color: #1c1a2c;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem
}

.reservation-validate-print .icon>svg {
    height: 48px;
    height: 3rem;
    margin-left: 1rem;
    width: 48px;
    width: 3rem
}

.reservation-validate-print:focus>span,
.reservation-validate-print:hover>span {
    text-decoration: underline
}

@media (max-width:1023.9px) {
    .reservation-validate-header-wrapper {
        background-position: 90% 80%;
        max-width: 66rem
    }

    .reservation-validate-subtitle,
    .reservation-validate-title {
        max-width: 100%
    }

    .reservation-validate-title {
        font-size: 2.4rem;
        line-height: 3.4rem
    }

    .reservation-validate-heading {
        font-size: 1.6rem;
        margin-top: 1rem
    }

    .reservation-validate-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 2rem 8rem;
        max-width: 66rem
    }

    .reservation-validate-content {
        padding-right: 0
    }

    .reservation-validate-aside {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-top: 3rem;
        max-width: 100%
    }

    .reservation-validate-block,
    .reservation-validate-block.no-border {
        padding: 3rem 0
    }

    .reservation-validate-button .button {
        margin-top: 0
    }
}

@media (max-width:764.9px) {
    .reservation-validate-header {
        height: auto;
        padding: 2.5rem 0
    }

    .reservation-validate-header-wrapper {
        background-image: none
    }

    .reservation-validate-container {
        padding: 0 2rem 3rem
    }

    .reservation-validate-title {
        font-size: 2.2rem;
        line-height: 3rem
    }

    .reservation-validate-columns {
        display: block
    }

    .reservation-validate-block.no-border {
        padding: 3rem 0 0
    }

    .reservation-validate-subtitle {
        font-size: 2rem;
        line-height: 2.8rem
    }

    .reservation-validate-button {
        margin-top: 3rem
    }

    .reservation-validate-button .button {
        padding: 1.4rem 2rem 1.2rem;
        text-align: center;
        width: 100%
    }

    .reservation-validate-print {
        margin-top: 2rem
    }
}

@media (max-width:369.9px) {
    .reservation-validate-header-wrapper {
        padding: 0 1.5rem
    }

    .reservation-validate-container {
        padding: 0 1.5rem 3rem
    }

    .reservation-validate-aside {
        margin-top: 2.5rem
    }

    .reservation-validate-title {
        font-size: 2rem;
        line-height: 2.8rem
    }

    .reservation-validate-block {
        padding: 2.5rem 0
    }

    .reservation-validate-block.no-border {
        padding: 2.5rem 0 0
    }

    .reservation-validate-button {
        margin-top: 2.5rem
    }

    .reservation-validate-order {
        padding: 1.5rem
    }
}

.reservation-validate.is-wii-smile .reservation-validate-header {
    background-color: #3cb4a0
}

.reservation-validate.is-wii-smile .reservation-validate-order-item.is-credit,
.reservation-validate.is-wii-smile .reservation-validate-order-item.is-credit span {
    color: #3cb4a0
}

.reservation-validate.is-wii-smile .reservation-checkpoint .icon>svg path {
    fill: #3cb4a0
}

.rich-text h2 {
    color: #222;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 48px;
    line-height: 3rem;
    margin: 6rem 0 1rem
}

.rich-text h3 {
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 2rem 0 1rem
}

.rich-text h3,
.rich-text p {
    color: #474655;
    line-height: 38.4px;
    line-height: 2.4rem
}

.rich-text p {
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 2rem
}

.rich-text ul {
    list-style-type: disc;
    margin: 0 0 2rem 1.8rem;
    padding: 0
}

.rich-text ul li {
    color: #474655;
    margin-top: 1rem;
    padding-top: 0
}

.rich-text a,
.rich-text ul li {
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500
}

.rich-text a {
    color: #251a80;
    line-height: 38.4px;
    line-height: 2.4rem;
    text-decoration: underline
}

.rich-text a:hover,
.rich-text afocus {
    color: #f75b6c
}

.is-article .share {
    margin: 0 auto
}

.share {
    max-width: 1120px;
    max-width: 70rem;
    padding: 0 0 4.5rem
}

.share-save {
    margin-top: 2rem
}

.share-save label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: .2rem solid #251a80;
    color: #251a80;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem 2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.share-save label:focus,
.share-save label:hover {
    background-color: #f5f5f5
}

.share-save input[type=checkbox],
.share-save input[type=checkbox]:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    pointer-events: none
}

.share-save input[type=checkbox]:before,
.share-save input[type=checkbox]:checked:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
    z-index: 20
}

.share-save input[type=checkbox]:before {
    background-image: url(/assets.woom.fr/packs/components/share/like_icon-00f654259dc6443c612b45c85d87bded.png)
}

.share-save input[type=checkbox]:checked:before {
    background-image: url(/assets.woom.fr/packs/components/share/like_icon_checked-6622b9d6ec876d76e515f252d471ead4.png)
}

.share-save span {
    padding-left: 1rem
}

.share-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2rem
}

.share-title {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-right: 3rem;
    text-transform: uppercase
}

.share-list-items {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.share-list-item {
    display: inline-block;
    padding-right: 1rem
}

.share-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f7cd5b;
    border-radius: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 96px;
    height: 6rem;
    width: 96px;
    width: 6rem
}

.share-link:focus,
.share-link:hover {
    background-color: rgba(247, 205, 91, .7)
}

.share-link .icon {
    pointer-events: none
}

.share-link .icon>svg {
    height: 48px;
    height: 3rem;
    width: 48px;
    width: 3rem
}

.share-tripadvisor>img {
    display: block;
    margin: 2rem 0 0;
    max-width: 256px;
    max-width: 16rem;
    width: 100%
}

@media (max-width:764.9px) {
    .share .share-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .share .share-title {
        margin-bottom: 1.5rem
    }
}

.share .error-message,
.share .info-message {
    border-radius: .4rem;
    padding: 1.5rem;
    margin: .5rem
}

.share .error-message {
    border: .1rem solid #dd3240;
    color: #dd3240
}

.share .info-message {
    border: .1rem solid #37d999;
    color: #37d999
}

.standard-content {
    padding: 4rem 0
}

.standard-content h1,
.standard-content H2,
.standard-content h3 {
    color: #1c1a2c;
    font-weight: 700
}

.standard-content h1 {
    font-size: 51.2px;
    font-size: 3.2rem;
    line-height: 67.2px;
    line-height: 4.2rem;
    margin: 0 0 4rem;
    text-align: center
}

.standard-content h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: 0 0 2rem
}

.standard-content h3,
.standard-content p {
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0 0 1.5rem
}

.standard-content p {
    color: #474655;
    font-weight: 400
}

.standard-content a {
    color: #6286f6;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.standard-content a:focus,
.standard-content a:hover {
    color: #251a80
}

.standard-content-list,
.standard-content ol,
.standard-content ul {
    margin: 0 0 1.5rem;
    padding: 0 0 0 3.5rem
}

.standard-content-list li,
.standard-content ol li,
.standard-content ul li {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin-top: 1rem
}

.standard-content-list li:first-child,
.standard-content ol li:first-child,
.standard-content ul li:first-child {
    margin-top: 0
}

.standard-content table {
    width: 100%
}

.standard-content table td {
    text-align: center;
    vertical-align: middle
}

.standard-content table td p {
    margin: 2rem 0
}

@media (max-width:764.9px) {
    .standard-content table td p {
        margin: 1rem 0
    }
}

.stars {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stars.large {
    margin: 2rem 0 4rem
}

.stars.large .stars-current {
    display: none
}

.stars.large .icon>svg {
    cursor: pointer;
    height: 56px;
    height: 3.5rem;
    width: 56px;
    width: 3.5rem
}

.stars.disabled {
    pointer-events: none
}

.stars-title {
    margin-right: 1rem
}

.stars-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.stars-list .icon>svg {
    cursor: pointer;
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.stars-current {
    color: #474655;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: 700;
    margin-left: 1rem;
    padding-top: .2rem
}

.stars-current:after {
    content: "/5";
    display: inline-block
}

.subnav {
    background-color: #f7cd5b
}

.subnav.is-wii-smile {
    background-color: #f7f7f7
}

.subnav-container {
    color: #999;
    margin: 0 auto;
    max-width: 2048px;
    max-width: 128rem;
    padding: 0 2rem;
    width: 100%
}

.subnav-items {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    padding: 0 1rem;
    margin: 0
}

.subnav-link {
    display: block;
    padding: 0 3rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.subnav-link:focus,
.subnav-link:hover {
    background-color: #ffe8aa
}

.subnav-link span {
    color: #474655;
    display: block;
    font-size: 22.4px;
    font-size: 1.4rem;
    padding: 2.2rem 0 2rem
}

.subnav-link.is-active {
    color: #251a80;
    font-weight: 700
}

.subnav-link.is-active span {
    position: relative
}

.subnav-link.is-active span:after {
    content: "";
    background-color: #251a80;
    bottom: 0;
    height: 4.8px;
    height: .3rem;
    left: 0;
    position: absolute;
    width: 100%
}

.subnav-show-menu {
    color: #474655;
    cursor: pointer;
    display: none;
    padding: 2rem 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

.subnav-container>input[type=checkbox] {
    display: none
}

@media (max-width:764.9px) {
    .subnav-container {
        padding: 0
    }

    .subnav-show-menu {
        display: block
    }

    .subnav-items {
        border-top: .1rem solid #474655;
        display: none;
        padding: 0
    }

    .subnav-container>input[type=checkbox]:checked~.subnav-items {
        display: block
    }

    .subnav-item,
    .subnav-item a {
        width: 100%
    }

    .subnav-item:focus,
    .subnav-item:hover,
    .subnav-item a:focus,
    .subnav-item a:hover {
        background-color: transparent;
        text-decoration: underline
    }

    .subnav-link {
        padding: 0 2rem
    }

    .subnav-link.is-active {
        background-color: rgba(255, 232, 170, .4);
        color: #251a80;
        font-weight: 700
    }

    .subnav-link.is-active span {
        position: relative
    }

    .subnav-link.is-active span:after {
        content: none
    }
}

.sweepstake-block-container {
    padding: 0 2rem;
    margin: 0 auto;
    max-width: 1664px;
    max-width: 104rem;
    width: 100%
}

@media (max-width:764.9px) {
    .sweepstake-block-container {
        padding: 0 1.5rem
    }
}

.sweepstake-features {
    margin: 9rem 0 13.5rem
}

.sweepstake-features-item {
    width: 100%
}

.sweepstake-features-item:after {
    height: 192px;
    height: 12rem
}

.sweepstake-features-item:after,
.sweepstake-features-item:first-child:before {
    content: "";
    background-color: #e4e3f1;
    display: block;
    margin: 0 auto;
    width: 6.4px;
    width: .4rem
}

.sweepstake-features-item:first-child:before {
    height: 96px;
    height: 6rem
}

.sweepstake-features-item:last-child:after {
    height: 144px;
    height: 9rem
}

.sweepstake-features-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper .sweepstake-features-image {
    margin: 0 0 0 7.5rem
}

.sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper .sweepstake-features-content {
    margin: 0 7.5rem 0 0
}

.sweepstake-features-image {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 480px;
    height: 30rem;
    margin-right: 7.5rem;
    width: 480px;
    width: 30rem
}

.sweepstake-features-divider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sweepstake-features-divider:after,
.sweepstake-features-divider:before {
    content: "";
    background-color: #e4e3f1;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    width: 6.4px;
    width: .4rem
}

.sweepstake-features-divider-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: .1rem solid rgba(37, 26, 128, .05);
    border-radius: .8rem;
    -webkit-box-shadow: 0 .2rem 0 .1rem rgba(37, 26, 128, .1);
    box-shadow: 0 .2rem 0 .1rem rgba(37, 26, 128, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 128px;
    width: 8rem;
    height: 128px;
    height: 8rem
}

.sweepstake-features-divider-text>span {
    color: #474655;
    font-family: bebas;
    font-size: 76.8px;
    font-size: 4.8rem;
    line-height: 1;
    padding-bottom: .5rem
}

.sweepstake-features-divider-text.blue span {
    color: #251a80
}

.sweepstake-features-divider-text.red span {
    color: #f75b6c
}

.sweepstake-features-divider-text.green span {
    color: #37d999
}

.sweepstake-features-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 7.5rem
}

.sweepstake-features-title {
    color: #251a80;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: 0 0 1.5rem
}

.sweepstake-features-title>span {
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 400
}

.sweepstake-features-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem
}

.sweepstake-features-text>span {
    font-weight: 700
}

.sweepstake-features-call {
    margin-top: 3rem
}

.sweepstake-features-call-title {
    color: #251a80;
    font-size: 57.6px;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 70.4px;
    line-height: 4.4rem;
    margin: 0;
    text-align: center
}

.sweepstake-features-call-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3rem
}

.sweepstake-features-call-content .button {
    display: block;
    margin: 0 1rem;
    max-width: 432px;
    max-width: 27rem;
    text-align: center;
    width: 100%
}

.sweepstake-features-call-content .button span {
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.6px;
    letter-spacing: .1rem
}

.sweepstake-features-call-content .button.outline {
    border-width: .2rem
}

.sweepstake-features-call-content .button.outline:focus,
.sweepstake-features-call-content .button.outline:hover {
    background-color: rgba(247, 91, 108, .05)
}

@media (max-width:1023.9px) {
    .sweepstake-features {
        margin: 5rem 0 6rem
    }

    .sweepstake-features-item {
        width: 100%
    }

    .sweepstake-features-item:after {
        height: 6rem
    }

    .sweepstake-features-item:first-child:before,
    .sweepstake-features-item:last-child:after {
        height: 3rem
    }

    .sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper .sweepstake-features-image {
        margin: 0 0 0 3rem
    }

    .sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper .sweepstake-features-content {
        margin: 0 3rem 0 0
    }

    .sweepstake-features-image {
        margin-right: 3rem
    }

    .sweepstake-features-content {
        margin-left: 3rem
    }
}

@media (max-width:764.9px) {
    .sweepstake-features {
        margin: 5rem 0 6rem
    }

    .sweepstake-features-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sweepstake-features-item {
        width: 100%
    }

    .sweepstake-features-item:after {
        height: 8rem
    }

    .sweepstake-features-item:first-child:before {
        display: none
    }

    .sweepstake-features-item:last-child:after {
        height: 8rem
    }

    .sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper .sweepstake-features-image {
        margin: 2rem 0 0;
        height: 25rem
    }

    .sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper .sweepstake-features-content {
        margin: 0
    }

    .sweepstake-features-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 22rem;
        margin: 0
    }

    .sweepstake-features-divider {
        display: none
    }

    .sweepstake-features-content {
        margin: 1.5rem 0 1rem
    }

    .sweepstake-features-text,
    .sweepstake-features-title {
        text-align: center
    }

    .sweepstake-features-call {
        margin-top: 1.5rem
    }

    .sweepstake-features-call-title {
        font-size: 3.4rem;
        line-height: 4rem
    }

    .sweepstake-features-call-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 2rem
    }

    .sweepstake-features-call-content .button {
        max-width: 100%;
        margin: 1rem 0 0
    }
}

@media (max-width:369.9px) {

    .sweepstake-features-item:after,
    .sweepstake-features-item:last-child:after {
        height: 6rem
    }

    .sweepstake-features-item:nth-child(2n) .sweepstake-features-wrapper .sweepstake-features-image {
        height: 20rem
    }

    .sweepstake-features-image {
        height: 17rem
    }

    .sweepstake-features-content {
        margin: 1.5rem 0 1rem
    }

    .sweepstake-features-call-title {
        font-size: 3rem;
        line-height: 3.6rem
    }

    .sweepstake-features-call-content {
        margin-top: 1rem
    }
}

.sweepstake-hero {
    background-image: url(/assets.woom.fr/packs/components/sweepstake/hero/sweepstake-hero-bg-a9c90604140aae30ce6fae72c467ce1a.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding: 6rem 0 5rem;
    width: 100%
}

.sweepstake-hero-container {
    padding: 0 2rem;
    margin: 0 auto;
    max-width: 1664px;
    max-width: 104rem;
    width: 100%
}

.sweepstake-hero-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.sweepstake-hero-aside,
.sweepstake-hero-content {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sweepstake-hero-title {
    color: #474655;
    font-size: 73.6px;
    font-size: 4.6rem;
    font-weight: 700;
    line-height: 89.6px;
    line-height: 5.6rem;
    letter-spacing: -1.6px;
    letter-spacing: -.1rem;
    margin: 0
}

.sweepstake-hero-title>span {
    color: #f75b6c
}

.sweepstake-hero-text {
    color: #474655;
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 51.2px;
    line-height: 3.2rem;
    margin: 0;
    padding: 3rem 1.5rem 0 0
}

.sweepstake-hero-text>span {
    font-weight: 700
}

.sweepstake-hero-aside {
    margin-top: 9rem;
    padding: 0 0 0 4.5rem
}

.sweepstake-hero-image {
    background-position: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 731.2px;
    height: 45.7rem;
    width: 100%
}

.sweepstake-hero-summary {
    position: relative;
    top: -48px;
    top: -3rem
}

.sweepstake-hero-subtitle {
    color: #251a80;
    font-size: 51.2px;
    font-size: 3.2rem;
    font-weight: 700;
    padding-bottom: 2rem
}

.sweepstake-hero-list {
    margin-top: 1.5rem
}

.sweepstake-hero-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: .1rem solid rgba(37, 26, 128, .05);
    border-radius: .8rem;
    -webkit-box-shadow: 0 .2rem 0 .1rem rgba(37, 26, 128, .1);
    box-shadow: 0 .2rem 0 .1rem rgba(37, 26, 128, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1rem;
    max-width: 656px;
    max-width: 41rem;
    padding: 2rem 3rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.sweepstake-hero-item:focus,
.sweepstake-hero-item:hover {
    -webkit-box-shadow: 0 .2rem 0 .1rem rgba(37, 26, 128, .7);
    box-shadow: 0 .2rem 0 .1rem rgba(37, 26, 128, .7);
    -webkit-transform: translateY(-.5rem);
    transform: translateY(-.5rem)
}

.sweepstake-hero-item-count {
    color: #474655;
    font-size: 96px;
    font-size: 6rem;
    font-family: bebas;
    line-height: 80px;
    line-height: 5rem;
    padding-right: 3rem;
    position: relative;
    top: -9.6px;
    top: -.6rem
}

.sweepstake-hero-item-count.blue {
    color: #251a80
}

.sweepstake-hero-item-count.red {
    color: #f75b6c
}

.sweepstake-hero-item-count.green {
    color: #37d999
}

.sweepstake-hero-item-text {
    color: #251a80;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 0
}

.sweepstake-hero-item-text>span {
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 400
}

@media (max-width:1023.9px) {
    .sweepstake-hero-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sweepstake-hero-content {
        margin: 0 auto;
        max-width: 55rem;
        width: 100%
    }

    .sweepstake-hero-text,
    .sweepstake-hero-title {
        text-align: center
    }

    .sweepstake-hero-aside {
        margin-top: 5rem;
        padding: 0;
        width: 100%
    }

    .sweepstake-hero-image {
        background-position: 50%;
        height: 40rem
    }

    .sweepstake-hero-summary {
        margin: 4rem auto 0;
        max-width: 41rem;
        top: 0;
        width: 100%
    }

    .sweepstake-hero-subtitle {
        text-align: center
    }
}

@media (max-width:764.9px) {
    .sweepstake-hero-container {
        padding: 0 1rem
    }

    .sweepstake-hero-title {
        font-size: 3.3rem;
        line-height: 4.3rem
    }

    .sweepstake-hero-text {
        padding: 2rem 0 0;
        line-height: 2.8rem
    }

    .sweepstake-hero-image {
        height: 36rem
    }

    .sweepstake-hero-summary {
        margin: 5rem auto 0
    }

    .sweepstake-hero-subtitle {
        font-size: 2.8rem
    }

    .sweepstake-hero-item-text {
        font-size: 1.7rem;
        line-height: 2.2rem
    }
}

@media (max-width:369.9px) {
    .sweepstake-hero-title {
        font-size: 3rem;
        line-height: 4rem
    }

    .sweepstake-hero-text {
        padding: 2rem 0 0;
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .sweepstake-hero-image {
        height: 30rem
    }

    .sweepstake-hero-summary {
        margin: 5rem auto 0
    }

    .sweepstake-hero-subtitle {
        font-size: 2.6rem
    }

    .sweepstake-hero-item-text {
        font-size: 1.6rem;
        line-height: 2.2rem
    }

    .sweepstake-hero-item-text>span {
        font-size: 1.4rem
    }
}

.sweepstake-reassurance {
    border-top: .1rem solid #ddd;
    padding-top: 9rem
}

.sweepstake-reassurance-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6rem
}

.sweepstake-reassurance-opinion,
.sweepstake-reassurance-trustpilot {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 2rem
}

.sweepstake-reassurance-trustpilot {
    margin-right: 1.5rem
}

.sweepstake-reassurance .trustpilot-carroussel,
.sweepstake-reassurance .trustpilot-carroussel-container {
    margin: 0;
    max-width: 100%;
    padding: 0
}

.sweepstake-reassurance-opinion {
    margin-left: 1.5rem
}

.sweepstake-reassurance-text {
    color: #474655;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 41.6px;
    line-height: 2.6rem;
    margin: 0
}

.sweepstake-reassurance-text>span {
    font-weight: 700
}

.sweepstake-reassurance-user {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3rem
}

.sweepstake-reassurance-user-avatar {
    border-radius: 1.4rem;
    background-position: 50%;
    background-size: cover;
    height: 112px;
    height: 7rem;
    width: 112px;
    width: 7rem
}

.sweepstake-reassurance-user-infos {
    margin-left: 2rem
}

.sweepstake-reassurance-user-infos p {
    color: #251a80;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0
}

.sweepstake-reassurance-user .stars {
    margin-top: .5rem
}

.sweepstake-reassurance-user .stars .icon>svg {
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem
}

.sweepstake-reassurance-feature .reassurance-wrapper {
    padding: 0
}

@media (max-width:1023.9px) {
    .sweepstake-reassurance {
        padding-top: 6rem
    }

    .sweepstake-reassurance-opinion {
        padding-bottom: 0
    }
}

@media (max-width:764.9px) {
    .sweepstake-reassurance {
        padding-top: 5rem
    }

    .sweepstake-reassurance-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 5rem
    }

    .sweepstake-reassurance-trustpilot {
        margin: 0 0 3rem;
        padding: 0;
        width: 100%
    }

    .sweepstake-reassurance-opinion {
        margin: 2rem 0 0;
        padding: 0
    }

    .sweepstake-reassurance-text {
        line-height: 2.4rem
    }

    .sweepstake-reassurance-user {
        margin-top: 2rem
    }

    .sweepstake-reassurance-feature {
        display: none
    }
}

.testimonial {
    background-image: url(/assets.woom.fr/packs/base/patterns/pattern-half-circle-a5a42bed7a21d6f0fdd53d799ff20a2c.png);
    background-position: 100% 40%;
    background-size: 65%;
    background-repeat: no-repeat;
    margin-top: 4.5rem;
    padding: 6rem 0 0
}

.testimonial-title {
    color: #251a80;
    display: block;
    font-family: bebas;
    font-size: 76.8px;
    font-size: 4.8rem;
    font-weight: 400;
    letter-spacing: 1.6px;
    letter-spacing: .1rem;
    line-height: 86.4px;
    line-height: 5.4rem;
    margin: 0 auto 2.5rem;
    max-width: 496px;
    max-width: 31rem;
    text-align: left;
    width: 100%
}

.testimonial-title:after {
    content: "";
    display: block;
    width: 72px;
    width: 4.5rem;
    height: 12.8px;
    height: .8rem;
    margin-top: 2rem;
    background-color: #ffcfd4
}

.testimonial-content {
    margin: 3rem auto;
    max-width: 1776px;
    max-width: 111rem;
    overflow: hidden;
    width: 100%
}

.testimonial-content .flickity-viewport {
    overflow: visible
}

.testimonial-item-wrapper {
    height: 720px;
    height: 45rem;
    margin: 0 2rem;
    padding: 6rem 2rem 0;
    max-width: 544px;
    max-width: 34rem;
    width: 100%
}

.testimonial-item {
    background-color: #fff;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 2rem .5rem rgba(0, 0, 0, .08);
    box-shadow: 0 .3rem 2rem .5rem rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 566.4px;
    min-height: 35.4rem;
    padding: 5rem 2.5rem 3rem;
    position: relative;
    width: 100%
}

.testimonial-item-avatar {
    background-position: 50%;
    background-size: cover;
    border-radius: 100%;
    bottom: auto;
    -webkit-box-shadow: 0 .4rem 1.2rem -.1rem rgba(71, 70, 85, .6);
    box-shadow: 0 .4rem 1.2rem -.1rem rgba(71, 70, 85, .6);
    height: 176px;
    height: 11rem;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -88px;
    top: -5.5rem;
    width: 176px;
    width: 11rem
}

.testimonial-item-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3rem
}

.testimonial-item-rating .icon>svg {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem
}

.testimonial-item-text {
    color: #474655;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem;
    margin: 1.5rem 0 0;
    padding-top: 0
}

.testimonial-item-name,
.testimonial-item-text {
    font-size: 20.8px;
    font-size: 1.3rem;
    text-align: center
}

.testimonial-item-name {
    color: #251a80;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700;
    margin-top: 3rem
}

.testimonial-trustpilot {
    margin: 0 auto;
    max-width: 1776px;
    max-width: 111rem;
    padding: 0 3rem;
    width: 100%
}

@media (max-width:1023.9px) {
    .testimonial {
        background-image: none
    }
}

@media (max-width:764.9px) {
    .testimonial {
        margin: 2rem 0;
        padding: 0
    }

    .testimonial-title {
        font-size: 3.8rem;
        line-height: 4.4rem;
        margin: 0;
        padding: 0 2rem
    }

    .testimonial-content {
        margin: 3rem auto 4rem;
        overflow: visible
    }

    .testimonial-item-wrapper {
        padding: 6rem 2rem 0
    }

    .testimonial-item-text {
        font-size: 1.5rem
    }

    .testimonial-item-name {
        font-size: 1.6rem
    }
}

@media (max-width:369.9px) {
    .testimonial-title {
        font-size: 3.2rem;
        line-height: 4rem
    }

    .testimonial-item {
        padding: 5rem 2rem 2rem
    }

    .testimonial-item-text {
        font-size: 1.3rem
    }

    .testimonial-trustpilot {
        padding: 0
    }
}

.tooltip {
    position: relative
}

.tooltip .icon:focus+.tooltip-text,
.tooltip .icon:hover+.tooltip-text {
    opacity: 1
}

.tooltip .icon>svg {
    height: 20.8px;
    height: 1.3rem;
    width: 20.8px;
    width: 1.3rem
}

.tooltip-text {
    background-color: #000;
    border-radius: .5rem;
    color: #fff;
    font-size: 20.8px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    text-align: left;
    top: 48px;
    top: 3rem;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    width: 400px;
    width: 25rem;
    z-index: 100
}

.tooltip-text.align-on-left {
    right: 0
}

.tooltip-text.align-on-right {
    left: 0
}

@media (max-width:1023.9px) {
    .tooltip-text {
        width: 15rem
    }
}

.transversals {
    margin-top: -5.6rem;
    text-align: center
}

.transversals-title {
    display: block;
    text-align: center;
    z-index: 2
}

.transversals-title,
.transversals-title h2 {
    bottom: -24px;
    bottom: -1.5rem;
    position: relative
}

.transversals-title h2 {
    background-color: #251a80;
    border-top: .4rem solid #fff;
    border-radius: .8rem;
    -webkit-box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .15);
    color: #ffcfd4;
    display: inline-block;
    font-family: bebas, sans-serif;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 3.2px;
    letter-spacing: .2rem;
    margin: 0;
    padding: 1.3rem 5rem 1.7rem
}

.transversals-item {
    background: 50% no-repeat;
    background-size: cover;
    min-height: 100vh;
    padding: 2rem;
    position: relative
}

.transversals-item:after {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 26, 44, .6)), to(rgba(28, 26, 44, 0)));
    background: linear-gradient(180deg, rgba(28, 26, 44, .6), rgba(28, 26, 44, 0));
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.transversals-item.is-aligned-left {
    text-align: left
}

.transversals-item.is-aligned-left.is-inactive .transversals-item-content>* {
    -webkit-transform: translateX(-10rem);
    transform: translateX(-10rem)
}

.transversals-item.is-aligned-right {
    text-align: right
}

.transversals-item.is-aligned-right .transversals-item-content {
    float: right
}

.transversals-item.is-aligned-right.is-inactive .transversals-item-content>* {
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem)
}

.transversals-item.is-inactive .transversals-item-content>* {
    opacity: 0
}

.transversals-item-content {
    color: #fff;
    margin-top: 7rem;
    max-width: 1216px;
    max-width: 76rem;
    position: relative;
    z-index: 2
}

.transversals-item-title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 57.6px;
    line-height: 3.6rem;
    font-weight: 700;
    margin: 0 0 1rem
}

.transversals-item-text {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 51.2px;
    line-height: 3.2rem;
    margin-bottom: 2rem;
    max-width: 1088px;
    max-width: 68rem
}

@media (min-width:765px) and (max-width:1023.9px) {
    .transversals-item-title {
        font-size: 2.8rem
    }
}

@media (max-width:764.9px) {
    .transversals .about-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .transversals-item.is-aligned-left {
        text-align: left
    }

    .transversals-item.is-aligned-left .transversals-item-content {
        padding-left: 2rem
    }

    .transversals-item.is-aligned-right {
        text-align: left
    }

    .transversals-item.is-aligned-right .transversals-item-content {
        padding-right: 2rem
    }

    .transversals-item-title {
        font-size: 2.4rem
    }

    .transversals-item-text {
        font-size: 1.8rem
    }
}

@media (max-width:474.9px) {
    .transversals .layout-container {
        margin: 0 1rem;
        padding: 0;
        max-width: 100%
    }

    .transversals-title h2 {
        font-size: 1.9rem;
        padding: 1.3rem 3rem 1.7rem
    }

    .transversals-item.is-aligned-left .transversals-item-content,
    .transversals-item.is-aligned-right .transversals-item-content {
        padding: 0
    }

    .transversals-item-content {
        padding-left: 0;
        text-align: center
    }
}

.trustpilot-carroussel {
    margin: 0 auto;
    max-width: 1776px;
    max-width: 111rem;
    padding: 1rem 0;
    width: 100%
}

.trustpilot-carroussel-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 2048px;
    max-width: 128rem
}

.trustpilot-grid {
    margin: 2rem 0 5rem;
    padding: 1rem
}

.trustpilot-grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px
}

.trustpilot-microstar .trustpilot-widget,
.trustpilot-microstar .trustpilot-widget>iframe {
    height: 32px;
    height: 2rem
}

.user-message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: .1rem solid #474655;
    border-radius: .5rem;
    color: #474655;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 38.4px;
    line-height: 2.4rem;
    margin: 1rem auto;
    max-width: 2048px;
    max-width: 128rem;
    padding: 1.5rem 2rem;
    width: 100%
}

.user-message.error {
    background-color: rgba(221, 50, 64, .1);
    border-color: #dd3240;
    color: #dd3240
}

.user-message.error .icon>svg path {
    fill: #dd3240
}

.user-message.info {
    background-color: rgba(37, 26, 128, .1);
    border-color: #251a80;
    color: #251a80
}

.user-message.info .icon>svg path {
    fill: #251a80
}

.user-message.validate {
    background-color: rgba(71, 154, 56, .1);
    border-color: #479a38;
    color: #479a38
}

.user-message.validate .icon>svg path {
    fill: #479a38
}

.user-message.danger {
    background-color: rgba(231, 159, 23, .1);
    border-color: #e79f17;
    color: #e79f17
}

.user-message.danger .icon>svg path {
    fill: #e79f17
}

@media (max-width:764.9px) {
    .user-message.mobile-hidden {
        display: none
    }
}

.user-message.is-margin {
    margin: 1rem 2rem
}

.user-message .icon>svg {
    height: 48px;
    height: 3rem;
    margin-right: 1.5rem;
    width: 48px;
    width: 3rem
}

.user-message-text {
    margin: 0
}

.user-message-list {
    margin: 0;
    padding: 0 0 0 1.5rem
}

/*!
 * Datepicker for Bootstrap v1.4.1 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, .2)
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker>div {
    display: none
}

.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999;
    cursor: default
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a));
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background: #eee;
    border-radius: 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3c17a), to(#f3e97a));
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 0
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
    background-color: #efe24b\9
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(grey));
    background-image: linear-gradient(top, #b3b3b3, grey);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
    border-color: grey grey #595959;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
    background-color: grey
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active {
    background-color: #666\9
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #006dcc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#04c));
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc", endColorstr="#0044cc", GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #04c
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#04c));
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc", endColorstr="#0044cc", GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker tfoot tr th,
.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker tfoot tr th:hover,
.datepicker thead tr:first-child th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child .cw {
    cursor: default;
    background-color: transparent
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-size: 13px;
    line-height: 20px
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
    padding: 4px 5px
}