@font-face {
    font-family: "os-regular";
    src: url(/v2/assets/font/OpenSans-regular.woff) format("woff"),
    url(/v2/assets/font/OpenSans-regular.ttf) format("truetype"),
    url(/v2/assets/font/OpenSans-regular.svg#OpenSans-regular) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "os-bold";
    src: url("/v2/assets/font/OpenSans-bold.woff") format("woff"),
    url("/v2/assets/font/OpenSans-bold.ttf") format("truetype"),
    url("/v2/assets/font/OpenSans-bold.svg#OpenSans-bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: bzc-glyphes;
    src: url(/v2/assets/font/glyphes/bazarchic-glyphes.woff?57304983) format("woff"),
    url(/v2/assets/font/glyphes/bazarchic-glyphes.ttf?57304983) format("truetype"),
    url(/v2/assets/font/glyphes/bazarchic-glyphes.svg?57304983#bazarchic-glyphes) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "granville-bold";
    src: url(/v2/assets/font/Granville/Granville-Bold.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "granville-bold-italic";
    src: url(/v2/assets/font/Granville/Granville-Bold-Italic.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "granville-italic";
    src: url(/v2/assets/font/Granville/Granville-Italic.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: granville-light;
    src: url(/v2/assets/font/Granville/Granville-Light.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "granville-light-italic";
    src: url(/v2/assets/font/Granville/Granville-Light-Italic.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "granville-regular";
    src: url(/v2/assets/font/Granville/Granville-Regular.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url(/v2/assets/font/Montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MontserratSemiBold";
    src: url(/v2/assets/font/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "MontserratMedium";
    src: url(/v2/assets/font/Montserrat/Montserrat-Medium.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

.fontMontserrat {
    font-family: 'Montserrat' !important;
}
.fontMontserratMedium {
    font-family: 'MontserratMedium' !important;
}
.fontMontserratSemiBold {
    font-family: 'MontserratSemiBold' !important;
}

i {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

i:before {
    display: inline-block;
    font-family: bzc-glyphes;
}

i.jusqua_70:before {
    content: "\e900"
}

i.camion:before {
    content: "\e901"
}

i.map_pin:before {
    content: "\e902"
}

i.jours_14:before {
    content: "\e903"
}

i.facebook:before {
    content: "\e904"
}

i.pinterest:before {
    content: "\e905"
}

i.google_plus:before {
    content: "\e906"
}

i.twitter:before {
    content: "\e907"
}

i.instagram:before {
    content: "\e908"
}

i.youtube:before {
    content: "\e909"
}

i.appstore-apple:before {
    content: "\e90e"
}

i.appstore-windows:before {
    content: "\e90f"
}

i.appstore-google:before {
    content: "\e910"
}

i.tel-01:before {
    content: "\e90a"
}

i.tel-02:before {
    content: "\e90b"
}

i.hf-panier:before {
    content: "\e913"
}

i.hf-livraison:before {
    content: "\e911"
}

i.hf-paiement:before {
    content: "\e912"
}

i.hf-valid:before {
    content: "\e914"
}

i.arrow01-up:before {
    content: "\e916"
}

i.arrow01-down:before {
    content: "\e917"
}

i.arrow01-left:before {
    content: "\e915"
}

i.arrow01-right:before {
    content: "\e918"
}

i.arrow02-up:before {
    content: "\e91d"
}

i.arrow02-down:before {
    content: "\e91e"
}

i.arrow02-left:before {
    content: "\e91f"
}

i.arrow02-right:before {
    content: "\e920"
}

i.more02:before {
    content: "\e921"
}

i.loupe:before {
    content: "\e90d"
}

i.cross:before {
    content: "\e90c"
}

i.check:before {
    content: "\e919"
}

i.mobile:before {
    content: "\e91a"
}

i.crayon:before {
    content: "\e91b"
}

i.trash:before {
    content: "\e91c"
}

i.basket:before {
    content: "\e922"
}

i.checkFat:before {
    content: "\e923"
}

i.lock:before {
    content: "\e924"
}

i.crown:before {
    content: "\e925"
}

i.leaf:before {
    content: "\e926"
}

i.heavy:before {
    content: "\e927"
}

i.house:before {
    content: "\e928"
}

i.shop:before {
    content: "\e929"
}

i.mail:before {
    content: "\e92c"
}

i.compte:before {
    content: "\e92b"
}

i.colis:before {
    content: "\e92a"
}

i.less02:before {
    content: "\e92d"
}

i.basketSad:before {
    content: "\e92f"
}

i.oops:before {
    content: "\e92e"
}

i.btn-info:before {
    content: "\e930"
}

i.happy-cloud:before {
    content: "\e931"
}

i.circleCross:before {
    content: "\e932"
}

i.more002:before {
    content: "\e933"
}

i.percent:before {
    content: "\e834"
}

i.eye:before {
    content: "\E835"
}

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,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    -moz-osx-font-smoothing: grayscale;
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

button,
input,
select,
textarea {
    font: inherit
}

optgroup {
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select {
    overflow: visible
}

button,
input,
select,
textarea {
    margin: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

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

button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield
}

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

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px
}

body {
    font-size: 12px
}

ol,
ul {
    list-style: none;
    padding: 0
}

ol,
p,
ul {
    margin: 0
}

a:active,
a:focus,
button:active,
button:focus,
div:active,
div:focus,
input:active,
input:focus,
span:active,
span:focus,
textarea:active,
textarea:focus {
    outline: none
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff;
    box-shadow: inset 0 0 0 50px #fff;
    border-left: 0;
    -webkit-text-fill-color: #000
}

.landingPage,
.tunnelPage {
    width: 100%;
    height: 100%;
    min-width: 320px;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    line-height: normal
}

.inscr_ctr *,
.inscr_ctr:after,
.inscr_ctr:before,
.header-ctn *,
.header-ctn:after,
.header-ctn:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    /* height: 100vh; */
}

.site-wrapper {
    width: 90%;
    padding: 0 2rem;
    margin: 0 auto;
    display: flex;
}

.header-connect-form,
.header-user-unco,
.l-flex-valign-center,
.landingPage .header-ctn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.inscr_form_ctr,
.l-flex-halign-center {
    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
}

.l-ctn {
    max-width: 96.5rem;
    margin: auto;
    position: relative
}

.l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.l-flex-vh-center {
    -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
}

.inscr-btn-ctr,
.l-flex-valign,
.l-flex-vh-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-flex-keepwidth {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.inscr_ctn,
.l-flex-coltorow-mq-767 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .inscr_ctn,
    .l-flex-coltorow-mq-767 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.l-flex-coltorow-mq-541 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:541px) {
    .l-flex-coltorow-mq-541 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.l-flex-coltorow-mq-980 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:980px) {
    .l-flex-coltorow-mq-980 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.u-mq-min768-show {
    display: none
}

@media screen and (min-width:768px) {
    .u-mq-min768-show {
        display: block
    }
}

.u-mq-min980-show {
    display: none
}

@media screen and (min-width:980px) {
    .u-mq-min980-show {
        display: block
    }
}

.u-txt-break:after {
    content: "\A";
    white-space: pre
}

.border-v-spacer {
    position: relative
}

.border-v-spacer:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    border-right: 1px solid #ccc
}

.inscr-btn-ctr .link-cgv,
.link-txt {
    border-bottom: 1px solid
}

.inscr-btn-ctr .link-cgv,
.link-txt--invert {
    color: #fff
}

.checkbox--green-left label,
.checkbox--green-right label,
.checkbox--green label,
.checkbox label,
.input-text--anim .label-forfocus,
.input-text--anim .placeholder,
.input-text--promo>span,
.no-selection,
.radioButton--btn label,
.radioButton--btnRound label,
.radioButton--left--hideBtn label,
.radioButton--left label,
.radioButton--right--hideBtn label,
.radioButton--right label,
.radioButton label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bloc-error,
.input-text--verif .error,
.input-text .error {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .3rem 1.6rem;
    font-size: 1.2rem;
    color: #fff;
    line-height: 1;
    -webkit-transition: max-height .3s ease, padding .3s ease;
    transition: max-height .3s ease, padding .3s ease;
    background-color: red;
    border: 1px solid red;
    position: absolute;
    left: -1px;
    bottom: -2rem;
    width: calc(100% + 2px);
    z-index: 10;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3)
}

.bloc-error.animate,
.input-text--verif .animate.error,
.input-text .animate.error {
    color: #d41548;
    position: relative;
    width: 100%;
    background-color: #f3f2f1;
    text-align: center;
    -webkit-box-shadow: inset 0 -8px 4px -9px #d41548;
    box-shadow: inset 0 -8px 4px -9px #d41548
}

.header-user-unco {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 58.1rem;

}

.header-user-unco .mdp {
    color: #3E3E3E;
    text-decoration: underline;
    font-weight: 600;
    font-size: 1.5rem;
}

.header-connect-form {
    margin-top: .8rem
}

.header-logo {
    width: 35rem;
    margin-bottom: 6px;
}

.header-logo-img {
    width: 100%;
    height: auto
}

.header-connect-email {
    width: 28rem;
    margin-right: 2.4rem;
}

.header-connect-password {
    width: 28rem;
    margin-right: 2.1rem;
}

.header-connect-submit {
    max-width: 16.4rem
}

.loaderCircle {
    font-size: 2px;
    position: relative;
    width: 12em;
    height: 12em;
    border-radius: 50%;
    background-color: #f3f2f1;
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

.loaderCircle:before {
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    border-radius: 6em 0 0 6em;
    background-color: #09c
}

.loaderCircle:after {
    display: block;
    content: "";
    position: absolute;
    top: 1em;
    left: 1em;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    background-color: #fff
}

#loading-bar,
#loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: all .35s linear;
    transition: all .35s linear
}

#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active,
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active {
    opacity: 0
}

#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave,
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave {
    opacity: 1
}

#loading-bar .bar {
    -webkit-transition: width .35s;
    transition: width .35s;
    background: #29d;
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px
}

#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: 2px;
    opacity: .45;
    -ms-box-shadow: #29d 1px 0 6px 1px;
    -webkit-box-shadow: 1px 0 6px 1px #29d;
    box-shadow: 1px 0 6px 1px #29d;
    border-radius: 100%
}

#loading-bar-spinner {
    display: block;
    position: fixed;
    z-index: 10002;
    top: 10px;
    left: 10px
}

#loading-bar-spinner .spinner-icon {
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: a .4s linear infinite;
    animation: a .4s linear infinite
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.checkbox,
.checkbox--green,
.checkbox--green-left,
.checkbox--green-right {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .3125em 0
}

.checkbox[data-error=true] label:before,
[data-error=true].checkbox--green-left label:before,
[data-error=true].checkbox--green-right label:before,
[data-error=true].checkbox--green label:before {
    border-color: red
}

.checkbox--green-left input,
.checkbox--green-right input,
.checkbox--green input,
.checkbox input {
    position: absolute;
    z-index: -999;
    opacity: 0
}

.checkbox--green-left label,
.checkbox--green-right label,
.checkbox--green label,
.checkbox label {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.checkbox--green-left label:before,
.checkbox--green-right label:before,
.checkbox--green label:before,
.checkbox label:before {
    display: block;
    position: absolute;
    background-color: #fff
}

.checkbox--green-left label:after,
.checkbox--green-right label:after,
.checkbox--green label:after,
.checkbox label:after {
    display: block;
    position: absolute
}

.checkbox--green-left label:before,
.checkbox--green-right label:before,
.checkbox--green label:before {
    top: 50%;
    margin-top: -1.4rem;
    width: 2.6rem;
    height: 2.6rem;
    content: "";
    border: 2px solid #ccc;
    border-radius: 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.checkbox--green-left label:after,
.checkbox--green-right label:after,
.checkbox--green label:after {
    top: 50%;
    margin-top: -0.5rem;
    font-family: bzc-glyphes!important;
    content: "\e919";
    color: #6c6;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0
}

.checkbox--green-left input:checked+label:before,
.checkbox--green-right input:checked+label:before,
.checkbox--green input:checked+label:before {
    border-color: #6c6
}

.checkbox--green-left input:checked+label:after,
.checkbox--green-right input:checked+label:after,
.checkbox--green input:checked+label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.checkbox--green-left label {
    padding-left: 3em
}

.checkbox--green-left label:before {
    left: 0
}

.checkbox--green-left label:after {
    left: .8rem
}

.checkbox--green-right label {
    padding-right: 3em
}

.checkbox--green-right label:before {
    right: 0
}

.checkbox--green-right label:after {
    right: .375em
}

.button--naked,
.darkLink,
.darkLink--arrowLeft,
.darkLink--arrowRight,
.lightLink,
.lightLink--arrowLeft,
.lightLink--arrowRight,
.link,
.link-button,
.link-button--colored,
.link-button--colored--arrowLeft,
.link-button--colored--arrowRight,
.link-button--fb,
.link-button--left,
.link-button--pink,
.link-button--pink--arrowRight,
.link-button--right {
    padding: 0;
    border-width: 0;
    background-color: transparent
}

a {
    text-decoration: none;
    color: #000
}

.link {
    color: #09c
}

.link:hover {
    text-decoration: underline
}

.darkLink,
.darkLink--arrowLeft,
.darkLink--arrowRight,
.lightLink,
.lightLink--arrowLeft,
.lightLink--arrowRight {
    text-transform: uppercase
}

.darkLink--arrowLeft:after,
.darkLink--arrowLeft:before,
.darkLink--arrowRight:after,
.darkLink--arrowRight:before,
.darkLink:after,
.darkLink:before,
.lightLink--arrowLeft:after,
.lightLink--arrowLeft:before,
.lightLink--arrowRight:after,
.lightLink--arrowRight:before,
.lightLink:after,
.lightLink:before {
    display: inline;
    position: relative;
    bottom: -.0625em;
    font-family: bzc-glyphes!important
}

.darkLink--arrowLeft {
    text-transform: inherit
}

.darkLink--arrowLeft:before {
    content: "\e915\00a0"
}

.darkLink--arrowRight:after {
    content: "\00a0\e918"
}

.lightLink,
.lightLink--arrowLeft,
.lightLink--arrowRight {
    color: #999
}

.lightLink--arrowLeft:before {
    content: "\e915\00a0"
}

.lightLink--arrowRight:after {
    content: "\00a0\e918"
}

.link-button,
.link-button--colored,
.link-button--colored--arrowLeft,
.link-button--colored--arrowRight,
.link-button--fb,
.link-button--left,
.link-button--pink,
.link-button--pink--arrowRight,
.link-button--right {
    position: relative;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-sizing: border-box;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 2.2rem;
    height: 5rem;
    /*border: 1px solid #000;*/
    text-transform: uppercase;
    font-size: 1.4rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.link-button--colored--arrowLeft:hover,
.link-button--colored--arrowRight:hover,
.link-button--colored:hover,
.link-button--fb:hover,
.link-button--left:hover,
.link-button--pink--arrowRight:hover,
.link-button--pink:hover,
.link-button--right:hover{
    background-color: #000;
    color: #fff
}

.link-button.loaderCircleWrapper,
.link-button.loaderCircleWrapper--on,
.loaderCircleWrapper--on.link-button--colored,
.loaderCircleWrapper--on.link-button--colored--arrowLeft,
.loaderCircleWrapper--on.link-button--colored--arrowRight,
.loaderCircleWrapper--on.link-button--fb,
.loaderCircleWrapper--on.link-button--left,
.loaderCircleWrapper--on.link-button--pink,
.loaderCircleWrapper--on.link-button--pink--arrowRight,
.loaderCircleWrapper--on.link-button--right,
.loaderCircleWrapper.link-button--colored,
.loaderCircleWrapper.link-button--colored--arrowLeft,
.loaderCircleWrapper.link-button--colored--arrowRight,
.loaderCircleWrapper.link-button--fb,
.loaderCircleWrapper.link-button--left,
.loaderCircleWrapper.link-button--pink,
.loaderCircleWrapper.link-button--pink--arrowRight,
.loaderCircleWrapper.link-button--right {
    -webkit-transition: color .5s linear;
    transition: color .5s linear
}

.link-button.loaderCircleWrapper--on .loaderCircle,
.link-button.loaderCircleWrapper .loaderCircle,
.loaderCircleWrapper--on.link-button--colored--arrowLeft .loaderCircle,
.loaderCircleWrapper--on.link-button--colored--arrowRight .loaderCircle,
.loaderCircleWrapper--on.link-button--colored .loaderCircle,
.loaderCircleWrapper--on.link-button--fb .loaderCircle,
.loaderCircleWrapper--on.link-button--left .loaderCircle,
.loaderCircleWrapper--on.link-button--pink--arrowRight .loaderCircle,
.loaderCircleWrapper--on.link-button--pink .loaderCircle,
.loaderCircleWrapper--on.link-button--right .loaderCircle,
.loaderCircleWrapper.link-button--colored--arrowLeft .loaderCircle,
.loaderCircleWrapper.link-button--colored--arrowRight .loaderCircle,
.loaderCircleWrapper.link-button--colored .loaderCircle,
.loaderCircleWrapper.link-button--fb .loaderCircle,
.loaderCircleWrapper.link-button--left .loaderCircle,
.loaderCircleWrapper.link-button--pink--arrowRight .loaderCircle,
.loaderCircleWrapper.link-button--pink .loaderCircle,
.loaderCircleWrapper.link-button--right .loaderCircle {
    position: absolute;
    top: calc(50% - 1.2rem);
    left: calc(50% - 1.2rem);
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.link-button.loaderCircleWrapper--on,
.loaderCircleWrapper--on.link-button--colored,
.loaderCircleWrapper--on.link-button--colored--arrowLeft,
.loaderCircleWrapper--on.link-button--colored--arrowRight,
.loaderCircleWrapper--on.link-button--fb,
.loaderCircleWrapper--on.link-button--left,
.loaderCircleWrapper--on.link-button--pink,
.loaderCircleWrapper--on.link-button--pink--arrowRight,
.loaderCircleWrapper--on.link-button--right {
    color: transparent!important
}

.link-button.loaderCircleWrapper--on .loaderCircle,
.loaderCircleWrapper--on.link-button--colored--arrowLeft .loaderCircle,
.loaderCircleWrapper--on.link-button--colored--arrowRight .loaderCircle,
.loaderCircleWrapper--on.link-button--colored .loaderCircle,
.loaderCircleWrapper--on.link-button--fb .loaderCircle,
.loaderCircleWrapper--on.link-button--left .loaderCircle,
.loaderCircleWrapper--on.link-button--pink--arrowRight .loaderCircle,
.loaderCircleWrapper--on.link-button--pink .loaderCircle,
.loaderCircleWrapper--on.link-button--right .loaderCircle {
    opacity: 1
}

.link-button--left {
    padding-left: 2.875em;
    margin-top: 2em;
    width: 17em
}

.link-button--left:after {
    display: block;
    position: absolute;
    left: 1em;
    top: .875em;
    font-family: bzc-glyphes!important;
    content: "\e915"
}

.link-button--right {
    padding-right: 2.875em
}

.link-button--right:after {
    display: block;
    position: absolute;
    right: 1em;
    top: .875em;
    font-family: bzc-glyphes!important;
    content: "\e918"
}

.link-button--colored,
.link-button--colored--arrowLeft,
.link-button--colored--arrowRight,
.link-button--fb,
.link-button--pink,
.link-button--pink--arrowRight {
    background-color: #09c;
    border-color: #09c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    color: #fff
}

.link-button--colored[data-lock=true],
[data-lock=true].link-button--colored--arrowLeft,
[data-lock=true].link-button--colored--arrowRight,
[data-lock=true].link-button--fb,
[data-lock=true].link-button--pink,
[data-lock=true].link-button--pink--arrowRight {
    background-color: #999;
    border-color: #999;
    cursor: default
}

.link-button--colored--arrowLeft:hover,
.link-button--colored--arrowRight:hover,
.link-button--colored:hover,
.link-button--fb:hover,
.link-button--pink--arrowRight:hover,
.link-button--pink:hover {
    background-color: #000;
    border-color: #000;
}

.link-button--colored--arrowLeft:hover[data-lock=true],
.link-button--colored--arrowRight:hover[data-lock=true],
.link-button--colored:hover[data-lock=true],
.link-button--fb:hover[data-lock=true],
.link-button--pink--arrowRight:hover[data-lock=true],
.link-button--pink:hover[data-lock=true] {
    background-color: #999;
    border-color: #999
}

.link-button--colored--arrowLeft .loaderCircle,
.link-button--colored--arrowRight .loaderCircle,
.link-button--colored .loaderCircle,
.link-button--fb .loaderCircle,
.link-button--pink--arrowRight .loaderCircle,
.link-button--pink .loaderCircle {
    width: 12em;
    height: 12em;
    background-color: #04aae1
}

.link-button--colored--arrowLeft .loaderCircle:before,
.link-button--colored--arrowRight .loaderCircle:before,
.link-button--colored .loaderCircle:before,
.link-button--fb .loaderCircle:before,
.link-button--pink--arrowRight .loaderCircle:before,
.link-button--pink .loaderCircle:before {
    border-radius: 6em 0 0 6em;
    background-color: #fff
}

.link-button--colored--arrowLeft .loaderCircle:after,
.link-button--colored--arrowRight .loaderCircle:after,
.link-button--colored .loaderCircle:after,
.link-button--fb .loaderCircle:after,
.link-button--pink--arrowRight .loaderCircle:after,
.link-button--pink .loaderCircle:after {
    top: 1em;
    left: 1em;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    background-color: #09c
}

.link-button--colored--arrowRight:after {
    display: inline;
    font-family: bzc-glyphes!important;
    content: "\00a0\e918";
    font-size: .8em
}

.link-button--colored--arrowLeft:before {
    display: inline;
    font-family: bzc-glyphes!important;
    content: "\e915\00a0";
    font-size: .8em
}

.link-button--pink {
    background-color: #f66;
    border-color: #f66
}

.link-button--pink:hover {
    background-color: #ff7979;
    border-color: #ff7979
}

.link-button--pink:hover .loaderCircle {
    width: 12em;
    height: 12em;
    background-color: #f66
}

.link-button--pink:hover .loaderCircle:before {
    border-radius: 6em 0 0 6em;
    background-color: #fff
}

.link-button--pink:hover .loaderCircle:after {
    top: 1em;
    left: 1em;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    background-color: #ff7979
}

.link-button--pink .loaderCircle {
    width: 12em;
    height: 12em;
    background-color: #ff7979
}

.link-button--pink .loaderCircle:before {
    border-radius: 6em 0 0 6em;
    background-color: #fff
}

.link-button--pink .loaderCircle:after {
    top: 1em;
    left: 1em;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    background-color: #f66
}

.link-button--pink--arrowRight {
    background-color: #f66;
    border-color: #f66
}

.link-button--pink--arrowRight:hover {
    background-color: #ff7979;
    border-color: #ff7979
}

.link-button--pink--arrowRight:hover .loaderCircle {
    width: 12em;
    height: 12em;
    background-color: #f66
}

.link-button--pink--arrowRight:hover .loaderCircle:before {
    border-radius: 6em 0 0 6em;
    background-color: #fff
}

.link-button--pink--arrowRight:hover .loaderCircle:after {
    top: 1em;
    left: 1em;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    background-color: #ff7979
}

.link-button--pink--arrowRight:after {
    display: inline;
    font-family: bzc-glyphes!important;
    content: "\00a0\e918";
    font-size: .8em
}

.link-button--pink--arrowRight .loaderCircle {
    width: 12em;
    height: 12em;
    background-color: #ff7979
}

.link-button--pink--arrowRight .loaderCircle:before {
    border-radius: 6em 0 0 6em;
    background-color: #fff
}

.link-button--pink--arrowRight .loaderCircle:after {
    top: 1em;
    left: 1em;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    background-color: #f66
}

.link-button--fb {
    background-color: #3b5998;
    /*border-color: #3b5998*/
    border: none;
}

.link-button--fb:hover {
    background-color: #4161a5;
    border-color: #4161a5
}

.link-button--fb,
.link-button--icon-left {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.link-button--fb .link-button-icon,
.link-button--icon-left .link-button-icon {
    font-size: 3rem;
    width: 4.6rem;
    text-align: center
}

.link-button--fb .link-button-txt,
.link-button--icon-left .link-button-txt {
    padding: 1.2rem 2.2rem;
    position: relative
}

.link-button--fb .link-button-txt:before,
.link-button--icon-left .link-button-txt:before {
    content: "";
    position: absolute;
    height: calc(100% - 2.4rem);
    width: 1px;
    border-left: 1px solid;
    left: 0;
    top: 0;
    margin: 1.2rem 0
}

.link-button--small {
    height: 2.8rem
}

.link-button--small .link-button-icon {
    font-size: 1.7rem;
    width: 2.6rem
}

.link-button--large {
    font-size: 2.1rem;
    height: 5.8rem
}

.button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1.5rem
}

.radioButton,
.radioButton--left,
.radioButton--left--hideBtn,
.radioButton--right,
.radioButton--right--hideBtn {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .3125em 0
}

.radioButton[data-error=true] label:after,
[data-error=true].radioButton--left--hideBtn label:after,
[data-error=true].radioButton--left label:after,
[data-error=true].radioButton--right--hideBtn label:after,
[data-error=true].radioButton--right label:after {
    border-color: red
}

.radioButton--left--hideBtn input,
.radioButton--left input,
.radioButton--right--hideBtn input,
.radioButton--right input,
.radioButton input {
    position: absolute;
    z-index: -999;
    opacity: 0
}

.radioButton--left--hideBtn label,
.radioButton--left label,
.radioButton--right--hideBtn label,
.radioButton--right label,
.radioButton label {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.radioButton--left--hideBtn label:after,
.radioButton--left label:after,
.radioButton--right--hideBtn label:after,
.radioButton--right label:after,
.radioButton label:after {
    width: 1.875em;
    height: 1.875em;
    background-color: trasparent;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: .1875em;
    font-family: bzc-glyphes!important;
    content: "";
    border: 2px solid #ccc;
    border-radius: 50%;
    color: #6c6;
    line-height: 1.5em;
    text-align: center;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
    background-color: #fff
}

.radioButton--left--hideBtn input:checked+label:after,
.radioButton--left input:checked+label:after,
.radioButton--right--hideBtn input:checked+label:after,
.radioButton--right input:checked+label:after,
.radioButton input:checked+label:after {
    border: .7em solid #09c
}

.radioButton--left--hideBtn label,
.radioButton--left label {
    padding-left: 3em
}

.radioButton--left--hideBtn label:after,
.radioButton--left label:after {
    left: 0;
    top: .8125em
}

.radioButton--left--hideBtn label:after {
    display: none
}

.radioButton--right--hideBtn label,
.radioButton--right label {
    padding-right: 3em
}

.radioButton--right--hideBtn label:after,
.radioButton--right label:after {
    right: 0
}

.radioButton--right--hideBtn label:after {
    display: none
}

.radioButton-ctr {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.radioButton--btn,
.radioButton--btnRound {
    width: calc(50% - 5px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.radioButton--btn[data-error=true] label,
[data-error=true].radioButton--btnRound label {
    border-color: red
}

.radioButton--btn input,
.radioButton--btnRound input {
    position: absolute;
    z-index: -999;
    opacity: 0
}

.radioButton--btn input:checked+label,
.radioButton--btnRound input:checked+label {
    background-color: #09c;
    border-color: #09c;
    color: #fff
}

.radioButton--btn label,
.radioButton--btnRound label {
    background-color: #fff;
    color: #000;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 4.8rem;
    border: 1px solid #ccc;
    cursor: pointer;
    line-height: 4.6rem;
    text-align: center;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.radioButton--btn .fieldError,
.radioButton--btnRound .fieldError {
    border: 1px solid #f00;
}

.radioButton--btn label span,
.radioButton--btnRound label span {
    font-size: 1.4rem
}

.radioButton--btnRound input:checked+label {
    background-color: #09c;
    border-color: #09c;
    color: #fff
}

.radioButton--btnRound label {
    width: 6.438em;
    height: 2.5em;
    border-radius: 2em;
    background-color: #f3f2f1;
    border-color: #f3f2f1;
    line-height: 2.3125em
}

.radioButton--btnRound label span {
    font-size: 1em
}

.input-group-inline-ctr {
    display: flex;
    justify-content: flex-start;
}

.input-group-inline {
    width: 50%;
}

.input-text,
.input-text--verif {
    padding: 1px;
    background-color: #ccc;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.input-text[data-error=true],
[data-error=true].input-text--verif {
    background-color: red!important
}

.input-text[data-error=true] .error,
[data-error=true].input-text--verif .error {
    max-height: 10em
}

.input-text[data-error=false] .error,
[data-error=false].input-text--verif .error {
    padding: 0
}

.input-text--verif .error,
.input-text .error {
    overflow: hidden;
    max-height: 0
}

.input-text--verif input,
.input-text input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3em;
    padding: 0 1em;
    border-radius: 0;
    border: none
}

.input-text--verif {
    position: relative;
    overflow: hidden
}

.input-text--verif[data-button=true] input {
    padding-right: 6em
}

.input-text--verif[data-button=true] .link-button--colored,
.input-text--verif[data-button=true] .link-button--colored--arrowLeft,
.input-text--verif[data-button=true] .link-button--colored--arrowRight,
.input-text--verif[data-button=true] .link-button--fb,
.input-text--verif[data-button=true] .link-button--pink,
.input-text--verif[data-button=true] .link-button--pink--arrowRight {
    right: 1px
}

.input-text--verif[data-ok=false]:before,
.input-text--verif[data-ok=true]:before {
    left: 1em
}

.input-text--verif[data-ok=false] input,
.input-text--verif[data-ok=true] input {
    padding-left: 4.125em
}

.input-text--verif[data-ok=true]:before {
    content: "\e919";
    color: #6c6;
    border-color: #6c6
}

.input-text--verif[data-ok=false]:before {
    content: "\e90c";
    color: red;
    border-color: red
}

.input-text--verif[data-hide=true] {
    background-color: #f3f2f1
}

.input-text--verif[data-hide=true] input {
    background-color: #f3f2f1;
    cursor: pointer
}

.input-text--verif:before {
    top: .5em;
    left: -3.125em;
    width: 3.125em;
    height: 3em;
    border: 1px solid #fff;
    content: "";
    text-align: center;
    line-height: 2em;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 2em;
    height: 2em;
    background-color: transparent;
    border-radius: 50%
}

.input-text--verif:after,
.input-text--verif:before {
    display: block;
    position: absolute;
    font-family: bzc-glyphes!important
}

.input-text--verif:after {
    z-index: 1;
    top: .1875em;
    right: .1875em;
    content: "\e91b";
    font-size: 2em;
    cursor: pointer
}

.input-text--verif input {
    -webkit-transition: padding .3s ease;
    transition: padding .3s ease
}

.input-text--verif .link-button--colored,
.input-text--verif .link-button--colored--arrowLeft,
.input-text--verif .link-button--colored--arrowRight,
.input-text--verif .link-button--fb,
.input-text--verif .link-button--pink,
.input-text--verif .link-button--pink--arrowRight {
    position: absolute;
    z-index: 3;
    top: 1px;
    right: -6em;
    width: 6em;
    height: 3em;
    margin: 0;
    padding: 0;
    -webkit-transition: right .3s ease;
    transition: right .3s ease
}

.input-text--verif .link-button--colored--arrowLeft span,
.input-text--verif .link-button--colored--arrowRight span,
.input-text--verif .link-button--colored span,
.input-text--verif .link-button--fb span,
.input-text--verif .link-button--pink--arrowRight span,
.input-text--verif .link-button--pink span {
    font-size: .875em
}

.input-v-ctr+.input-v-ctr {
    margin-top: 1rem
}

.input-text--anim {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 4.6rem;
    font-size: 1.6rem
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}

.input-text--anim:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 2.8125em;
    font-family: bzc-glyphes!important;
    color: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    content: "";
    width: 4.8rem;
    text-align: center;
    pointer-events: none
}

.input-text--anim.input-text--success input,
.input-text--anim[data-ok=true] input {
    padding-right: 3rem
}

.input-text--anim.input-text--success:after,
.input-text--anim[data-ok=true]:after {
    z-index: 8;
    content: "\e919";
    color: #05bd05;
    font-weight: 700
}

.input-text--anim.input-text--error input,
.input-text--anim[data-ok=false] input {
    padding-right: 3rem
}

.input-text--anim.input-text--error:after,
.input-text--anim[data-ok=false]:after {
    content: "\e90c";
    color: red;
    background-color: #fff
}

.input-text--anim.input-text--error,
.input-text--anim[data-error=true] {
    border-color: red
}

.input-text--anim input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 1.6rem 1.6rem 0;
    border: 0;
    background-color: #fff;
    border-radius: 5px;
}

.input-text--anim .label-forfocus,
.input-text--anim .placeholder {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    padding: .3rem 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 1.9rem;
    pointer-events: none
}

.input-text--anim .label-forfocus span,
.input-text--anim .placeholder span {
    color: #969696;
    font-weight: 600;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.input-text--anim.fancy-placeholder--active .label-forfocus,
.input-text--anim input.ng-not-empty+.placeholder,
.input-text--anim input:focus+.placeholder {
    z-index: 9;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.2rem;
}

.input-text--anim .hideShowPassword-wrapper {
    height: calc(3em - 2px)
}

.input-text--anim .ico-hideshow-password {
    position: absolute;
    z-index: 9;
    right: 1.5rem;
    top: 5px;
    height: 100%;
    width: 2.6rem;
    font-size: 3rem;
    opacity: 0.3;
    /* background-color: #fff; */
    border: none;
    color: #999;
    border-radius: 5px;
}

.input-text--anim.fancy-placeholder--active .ico-hideshow-password,
.input-text--anim .ico-hideshow-password:hover {
    color: #999
}

.input-text--anim.fancy-placeholder--active .hideShowPassword-shown~.ico-hideshow-password {
    color: black;
    opacity: 1;
}

.input-textarea--anim {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cc
}

.input-textarea--anim[data-error=true] {
    z-index: 2;
    border-color: red
}

.input-textarea--anim textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
    padding: 1em 1em 0;
    border: 0;
    background-color: transparent;
    resize: vertical
}

.input-textarea--anim .label-forfocus {
    position: absolute;
    z-index: 1;
    top: .5625em;
    left: 1em;
    -webkit-transition: top .2s ease;
    transition: top .2s ease
}

.input-textarea--anim .label-forfocus span {
    font-size: .875em;
    color: #999
}

.input-textarea--anim textarea.ng-not-empty+.placeholder,
.input-textarea--anim textarea:focus+.placeholder {
    top: -.1875em
}

.showValidButton.input-text--promo>span {
    right: 0
}

.input-text--promo {
    position: relative;
    overflow: hidden
}

.input-text--promo.promoCodeError input {
    border-color: red
}

.input-text--promo i {
    position: absolute;
    top: .7em;
    right: .8em;
    color: #999;
    font-size: 1.2em
}

.input-text--promo input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3em;
    padding: 0 1em;
    border-radius: 0;
    border: 1px solid #ccc;
    background: transparent
}

.input-text--promo input:focus+span {
    right: 0
}

.input-text--promo>span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: -7em;
    height: 100%;
    width: 6.7em;
    padding: 1.3em 0 0;
    text-transform: uppercase;
    background-color: #09c;
    color: #fff;
    font-size: .7em;
    text-align: center;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: right .5s ease;
    transition: right .5s ease;
    cursor: pointer
}

.input-text--promo.val--nok input {
    padding-left: 3em
}

.input-text--promo.val--nok:before {
    display: block;
    position: absolute;
    top: -.28em;
    left: .25em;
    font-family: bzc-glyphes!important;
    content: "\e932";
    text-align: center;
    font-size: 2.2em;
    line-height: 1.9em;
    color: red
}

.input-text--promo--error {
    margin-top: -1em;
    padding: 1em;
    background-color: red;
    color: #fff;
    font-size: .8em
}

.input-text--promo--mod {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 3em;
    margin: .5em 0;
    padding: 0 1em 0 3em;
    border-radius: 0;
    border: 1px solid #ccc
}

.input-text--promo--mod i {
    position: absolute;
    top: 0;
    right: 0;
    padding: .7em .8em;
    color: #999;
    font-size: 1.2em;
    cursor: pointer
}

.input-text--promo--mod:before {
    display: block;
    position: absolute;
    top: .35em;
    left: .4em;
    width: 1em;
    height: 1em;
    font-family: bzc-glyphes!important;
    content: "\e923";
    text-align: center;
    font-size: 1.5em;
    color: #6c6;
    border: 3px solid #6c6;
    border-radius: 50%
}

.landingPage header {
    width: 100%;
    /* A decommenter test */
    position: relative;
    top: 0px;

    background: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(51, 51, 51, .2);
    box-shadow: 0 2px 2px rgba(51, 51, 51, .2);
}

.landingPage .header-ctn {
    min-height: 10.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.4rem
}

.inscr_ctr {
    /*height: 100vh;*/
    color: #fff;
    display: flex; /*for IE 11*/
}

.mea_bzc_ctr {
    font-size: 2.2rem;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
    width: 40%;
}

.mea_bzc_ctn {
    max-width: 52rem;
    padding: 0 5rem;
    margin: auto
}


.soldes {
    font-family: 'Montserrat', sans-serif;
    font-size: 120px;
    line-height: 55px;
    letter-spacing: 3px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 191px;
}

.bloc-home {
    font-family: 'granville-bold', sans-serif;
    font-size: 4.5rem;
    letter-spacing: 2px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 15px 0;
}
.bloc-home,.titleHome{
    font-weight: 700;
}
.percentHome{
    font-size: 3.9rem;
}


.soldes, .titleSolde{
    font-weight: 600;
}

.percentSoldes{
    font-weight: 800;
}

.inscr_ctn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: calc(100vh - 143px);
    align-items: center;
    @media screen and (min-width: 768px) and (max-width: 965px)  {
        align-items: normal;
    }
}




.inscr_form_ctr form {
    max-width: 30.8rem;
    margin: auto
}

@media screen and (min-width:768px) {
    .inscr_form_ctr form {
        width: 30.8rem
    }
}

.inscr-btn-ctr {
    font-size: 1.4rem
}

.title-special {
    font-weight: 400
}

.mea_bzc_title {
    font-size: 4rem;
    line-height: 4rem;
    position: relative
}

.mea_bzc_title:after,
.mea_bzc_title:before {
    content: "";
    position: absolute;
    width: 5rem;
    height: calc(100% - 4.5rem);
    border: 1px solid #fff;
    top: 2.5rem
}

.mea_bzc_title:before {
    left: -5rem;
    border-right: none
}

.mea_bzc_title:after {
    right: -5rem;
    border-left: none
}

.mea_bzc_title_rubrik {
    display: inline-block;
    margin-top: 2.7rem
}

.mea_bzc_title small {
    font-size: 2.5rem
}

/* Ajouts par rapport à l'ancienne version */
.header-connect-submit {
    padding: 0 1rem;
}
.inscr_ctr {
    box-sizing: border-box;
}
.inscr_form_ctr, .mea_bzc_ctr {
    /*margin-top: 14.5rem;
    margin-bottom: 6rem;*/
}
.inscr_ctr, .inscr_ctn {
    position: relative;
}
.inscr_ctn {
    z-index: 100;
    width: 100%; /*for IE11*/
    /* height: 100vh; */
}

/*.inscr_ctr:after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: 0;
}*/
.wallpaper {
    position: relative;
}

.wallpaper:after {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: 0;
}
/*.inscr_ctr:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,1,17,0.2);
}*/

.wallpaper:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,1,17,0.2);
}

.cap {
    text-transform: uppercase;
}
.inscr_form_title {
    -moz-osx-font-smoothing: grayscale;
    font-size: 2rem;
    letter-spacing: 0.2rem;
}
.inscr_offer_ctr {
    position: fixed;
    z-index: 100;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #000;
    /* background-color: #FDEF6A; */
    color: white;
    text-transform: uppercase;
    font-family: 'Montserrat';
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 1rem 0;
}

.hideBannerWelecome {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 10px;
}
.accept-checkbox-ctr {
    font-size: 1.4rem;
    margin-top: 2rem;
}
.accept-cgv-ctr {
    display: flex;
}
.link-cgv {
    color: #fff;
    text-decoration: underline;
}
.link-cgv:hover {
    color: #000;
}
.error:not(.bloc-error), .cgv-error {
    display: block;
    color: #f00;
    font-size: 1.3rem;
    margin: 0.5rem 0 1rem;
}

/* Modal RGPD */
.infos-rgpd-ico, #closemodal, #testmodal {
    cursor: pointer;
}
.infos-rgpd-ico {
    padding-top: 0.8rem;
}
.infos-rgpd-ico-bdr {
    fill: #fff;
}
.infos-rgpd-ico-bg {
    fill: none;
}
.infos-rgpd-ico:hover .infos-rgpd-ico-bdr {
    fill: #09c;
}
.infos-rgpd-ico:hover .infos-rgpd-ico-bg {
    fill: #09c;
}
.cgv-error {
    display: none;
}
.modal-cgv-ctr {
    display: none;
}
#testmodal, #closemodal {
    position: fixed;
    z-index: -999;
}
#closemodal {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 99998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
#closemodal::-ms-check {
    display: none;
}
#testmodal:checked ~ #closemodal {
    display: block;
}
#testmodal:checked ~ .modal-cgv-ctr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
#closemodal:checked ~ .modal-cgv-ctr {
    display: none;
}
.modal-cgv-ctn {
    position: relative;
    z-index: 99999;
    width: 40.5rem;
    min-height: 27.4rem;
    background-color: #fff;
    color: #000;
    font-size: 1.4rem;
    align-self: center;
}
.modal-cgv-body, .modal-cgv-header {
    padding: 2rem;
}
.modal-cgv-header {
    position: relative;
    border-bottom: 1px solid #ccc;
}
.modal-cgv-title {
    margin: 0;
    text-transform: uppercase;
}
.modal-cgv-close {
    position: absolute;
    z-index: 99999;
    top: 0;
    right: 0;
    background: none;
    border: 0;
    padding: 1rem;
    height: 4.2rem;
    width: 4.2rem;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Subfooter */
.subfooter-ctr + footer {
    border-top: none;
}
.subfooter-ctr {
    max-width: 965px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
}
.subfooter-ctn {
    display: flex;
    justify-content: space-around;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
}
.subfooter-link {
    display: inline-block;
    padding: 20px;
}
.subfooter-link:hover {
    color: #09c;
}

/* Footer */
.scrollup {width: 50px; height: 50px; position: fixed; bottom: 50px; margin-bottom: -25px; right: 50px; display: none; text-indent: -9999px; background: url('../img/icon_top.png') no-repeat;z-index: 1;}

.promo #site{background:#ededed no-repeat center top ;}
/*.promo footer:before{background: url(/images/noel/frise-footer.png) repeat-x 0 0 transparent;height: 30px;width: 100%;content:'';position: absolute;top: -30px;left: 0;}*/
.promo footer{padding-top: 30px;}

.privacyWarning #privacyWarningBanner{position: fixed;width: 100%;bottom: 0;z-index: 5000;}
.privacyWarning footer{margin-bottom: 42px;}


#accesFooter{background: #ededed;}
.no-js #accesFooter{background: transparent;}
footer{position:relative !important;clear: both;background: white;width:100%; min-width: 965px; border-top: 1px solid #ccc;}
footer section{overflow: hidden;margin: 0 auto;border-top: 1px solid #ccc;}

.footer_media_ctr, .footer_socialmedia_ctr, .footer_app_ctr, .footer_socialmedia_ctn, .footer_app_ctn {
    display: flex;
}
.footer_media_ctr {
    padding: 30px 0;
    font-size: 12px;
}
.footer_socialmedia_ctr, .footer_app_ctr {
    justify-content: space-between;
    align-items: center;
    flex-basis: 50%;
}
.footer_app_ctr {
    padding: 0 20px 0 48px;
}
.footer_socialmedia_ctr {
    border-right: 1px solid #ccc;
    max-width: 767px;
    padding: 0 20px;
}
.footer_media_title {
    width: 148px;
}
.footer_socialmedia_ico {
    display: flex;
    width: 55px;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.footer_ico:hover .footer_ico_path {
    fill: #09c;
    stroke: #09c;
}
.footer_app_ico {
    display: inline-block;
    margin: 0 20px;
}

footer .mea{padding: 30px 0;border-top: none;}
footer .mea>div{overflow: hidden;float: left;width: 200px;padding: 0 20px;}
footer .mea>div img{float: left;}
footer .mea>div .titre{float: right;font-size: 14px;width: 140px;margin:10px 0 0 10px;}
footer .mea>div p{clear: both;color: #666;font-size: 12px;padding: 20px 0 0 0;}

footer .rs{padding: 30px 0; }
footer .rs>div{width: 420px;float: left;font-size: 0;}
footer .rs>div>*{font-size: 12px;display: inline-block;vertical-align: middle;}
footer .rs>div:first-child{border-right: 1px solid #ccc;width: 541px;}
footer .rs .titre{font-weight: normal;margin: 0 85px 0 60px;width: 163px;}
footer .rs ul{font-size: 0;}
footer .rs li{display: inline-block;margin: 0 0 0 10px;}
footer .rs li:first-child{margin: 0;}
footer .rs>div:first-child .titre{margin: 0 0 0 20px;}

footer .assistance{background: #ededed;border: 1px solid #ccc;padding: 20px 0;}
footer .assistance>div{font-size: 0;padding: 0 20px;}
footer .assistance>div>*{font-size: 12px;display: table-cell;vertical-align: middle;}
footer .assistance .titre{text-transform: uppercase;font-size: 13px;min-width: 160px;}
footer .assistance .tel{padding: 0 100px 0 50px;}
footer .assistance .tel .bold{font-size: 24px;background: transparent url(/images/bg-picto-tel-contact.png) 0 50% no-repeat;padding-left: 30px;}
footer .assistance .tel+p{color: #666;}

footer .infos{padding: 30px 0 40px;border: none;}
footer .infos>div{width: 200px;float: left;padding: 0 20px;}
footer .infos>div .titre{text-transform: uppercase;font-size: 13px;}
footer .infos>div .titre~.titre{margin: 17px 0 0 0;}
footer .infos>div ul{margin: 17px 0 0 0;}
footer .infos>div li{margin: 5px 0 0 0;}
footer .infos>div li:first-child{margin: 0;}
footer .infos>div li a{text-decoration: none;color: #666;display: block;}
footer .infos>div li a:hover{text-decoration: underline;}
footer .infos a{color: #09c;}
footer .infos a:hover{text-decoration: underline;}

footer .pied{padding: 20px 0 40px 0;width: 965px;margin: 0 auto;border-top: 1px solid #ccc;overflow: hidden;font-size: 14px;}
footer .pied>.left {width: 290px;padding: 0 5px; text-align: center;}
footer .pied>.left+.left{width: 230px;text-align: center;margin-top: 2px;}
footer .pied>.left+.left+.left{width: 202px;text-align: center;}
footer .pied>.left:first-child{margin: 15px 0 30px;}
footer .pied>.left:first-child p{margin-top: 18px;}
footer .pied>.left:nth-child(3) p{margin-top: 8px;}
footer .pied>.left:nth-child(4) {margin-top: 5px;}
footer .pied>.left:nth-child(4) p {margin-top: 9px;}
footer .pied>p{clear: both;}
footer .pied>.info{text-align: center; border-top: 1px solid #cccccc; font-size: 12px; padding: 1em 0 1em 7em; margin-top: 9em;}
footer .pied img{vertical-align:middle;}
footer .pied a:hover{text-decoration: underline;}
footer .pied.desc>p{margin: 0 0 20px;color: #666;font-size: 12px;}
footer .pied.desc>p a{text-decoration: none;}
footer .pied.desc>p a:hover{text-decoration: underline;}
footer .pied #privacyWarningBanner{position: static;clear: both;height: auto;}

footer #privacyWarningBanner{margin: 0 auto;padding: 10px 20px;background: #ededed;color: #666; text-align:center;}
footer #privacyWarningBanner #privacyWarningAccept{background-color: #ccc;border: 1px solid #bbb;font-size: 11px;padding: 0 4px;line-height: 20px;}

footer #privacyWarningBanner.WarningBanner{position: fixed;z-index: 100;bottom: 0;right: 0;width: 223px;padding: 40px;text-align: left;font-size: 15px;background: #ededed;color: #000;opacity: 0.8;}
footer #privacyWarningBanner.WarningBanner button#privacyWarningAccept{font-size: 20px;padding: 20px;position: absolute;top: 0;right: 0;border: 0; background: transparent;cursor: pointer;}

footer #privacyWarningBanner a{color: #09c;text-decoration: underline;}
footer #privacyWarningBanner a:hover{text-decoration: underline;}
footer #privacyWarningBanner.WarningBanner #privacyWarningAccept{font-size: 11px;padding: 20px;line-height: 20px;}

/* Footer not log */
.menu-non-log.menu-footer {overflow: hidden;margin: 50px 0 0 0; border-top: 1px solid #cccccc;font-size: 12px;}
.menu-non-log.menu-footer .shadow ul{display: flex;align-items: center;justify-content: space-between;padding: 20px 0 0;}
.menu-non-log.menu-footer .shadow ul li{text-align: center;}
.menu-non-log.menu-footer .shadow a{color: #666;}

/* Widget avis vérifiés */
.footer_averif {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}
.footer_averif_logo {
    margin-right: 5px;
}
.footer_averif_rates_star {
    position: relative;
    width: 100px;
    height: 15px;
    display: inline-flex;
}
.footer_averif_rates_star:before, .footer_averif_rates_star:after {
    content: "";
    width: 20px;
    height: 15px;
    background-size: 20px 100%;
    position: absolute;
}
.footer_averif_rates_star:before {
    background-image: url('/common/img/ico-star-grey.svg');
    right: 0;
}
.footer_averif_rates_star:after {
    background-image: url('/common/img/ico-star.svg');
    left: 0;
}
.footer_averif_rates_star--s--5:before, .footer_averif_rates_star--s--0:after {
    width: 0;
}
.footer_averif_rates_star--s--4:before, .footer_averif_rates_star--s--1:after {
    width: 20px;
}
.footer_averif_rates_star--s--3:before, .footer_averif_rates_star--s--2:after {
    width: 40px;
}
.footer_averif_rates_star--s--2:before, .footer_averif_rates_star--s--3:after {
    width: 60px;
}
.footer_averif_rates_star--s--1:before, .footer_averif_rates_star--s--4:after {
    width: 80px;
}
.footer_averif_rates_star--s--0:before, .footer_averif_rates_star--s--5:after {
    width: 100px;
}

.left {
    float: left;
}

.hide {
    display: none;
}

.register-home{
    margin-top: 1.6rem;
}

.mea_bzc_title.mea_bzc_title--campagneTV {
    font-size: 3.5rem;
}
.mea_bzc_title.mea_bzc_title--campagneTV:before {
    left: -6rem;
}
.mea_bzc_title.mea_bzc_title--campagneTV:after {
    right: -6rem;
}
.mea_bzc_title.mea_bzc_title--campagneTV small {
    font-size: 2rem;
}

.shadowForm {
    width: 550px;
}

.react-register-home-desktop input::-ms-clear, .react-register-home-desktop input::-ms-reveal  { display:none; }

svg.svgv4  {width: 4rem; /*height: auto;*/}


/* new charte */

.btn-color--purple {
    background-color: #6C4DFF;
    color: #fff;
}

.btn-color--purple:hover {
    background-color: #907AFC;
    color: #fff;
}

.size {
    width: 5.9rem;
    font-size: 2rem;
    font-family: "Montserrat", Sans-Serif;
    font-weight: 600;
}

.rounded {
    border-radius: 10px;
}
header {
    width: 100%;
     background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: relative;
    z-index: 1000;
}

/* BIRTHDAY MODAL */
.favScO {
    background-color: #6C4DFF !important;
    /* color: rgb(255, 255, 255); */
    /* padding: 1.5rem; */
}
.hvAzgv {
    background-color: #907AFC !important;
}
.jFlLhS > div.selected {
    color: #6C4DFF !important;
}

.bvuVeH > div.selected {
    color: #6C4DFF !important;
}

.zuipt0-3 .kwXelA {
    font-family: 'Montserrat';
    font-size: 14px !important;
}

.inscr_offer_ctr {
    text-transform: uppercase;
    font-family: 'Montserrat';
}

.btnFbk {
    background-color: transparent;
    border: none;
    width: 1.7rem;
    height: 3.4rem;
    /* padding: 0 !important; */
}

.contentLogin {
    margin-bottom: 25px;
}

.btnFbk i {
    color: #3c5997;
    font-size: 4rem;
}
.btnFbk i:hover {
    color: #3c5997;
}

.input-text--anim {
    border-radius: 5px !important;
}
.input-text--anim input {
    border-radius: 5px !important;
}


/* BIRTHDAY MODAL */
.favScO {
    background-color: #6C4DFF !important;
    /* color: rgb(255, 255, 255); */
    /* padding: 1.5rem; */
}
.hvAzgv {
    background-color: #907AFC !important;
}
.jFlLhS > div.selected {
    color: #6C4DFF !important;
}


.bvuVeH > div.selected {
    
    color: #6C4DFF !important;
}

/* test */
.bHEwAP .iXvIrQ {
    font-size: 12px !important;
    font-family: 'MontserratSemiBold' !important;
}
.inscr_form_ctr {
    margin: 20px 0px;
    position: absolute;
    top: 110px;
    right: 65px;
}
.bHEwAP {
    font-size: 14px !important;
    font-weight: 'MontserratSemiBold' !important;
}

.vl {
    border-left: 1px solid #707070;
    height: 5rem;
    margin-left: 2.3rem;
}

.zuipt0-3 .kwXelA {
    font-family: 'Montserrat';
    font-size: 14px !important;
}

.contentLogin {

    width: 100%;
    /* margin-top: 40px; */

    /* TEST a decommenter */
    /* position: absolute;
    bottom: 10px;
    left: 10px;
    right: 30px; */
}

@media screen and (min-width:1500px) {
    .contentLogin {
        bottom: 90px;
    }
}

.fontMontSerrat {
    font-family: 'Montserrat', sans-serif;
}

.fontGrandvilleBold {
    font-family: "granville-bold";
}

.fontGrandvilleLight {
    font-family: "granville-light";
}

.header-user-unco p {
    font-weight: 700;
    font-size: 2.5rem;
}
.header-connect-form {
    width: 100%;
}
.header-user-unco p {
    font-size: 23px !important;
}
.connexion-header {
    font-size: 23px !important;
}
.inline-radio-button {
    font-family: 'MontserratSemiBold' !important;
}

.centeredBtnLogin {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.test {
    font-size: 20rem;
}
.test svg {
    stroke: red;
}

.sc-1jlz3rr-3 .cBHAay {
    font-family: 'Montserrat' !important;
    font-weight: 600 !important;
    color: #414141 !important;
}
.cBHAay {
    font-weight: 600 !important;
    font-weight: bold;
}
.zuipt0-4 .bKthCe {
    font-family: 'Montserrat' !important;
}

@media screen and (min-width: 600px) and (max-width: 900px) {
    .header-user-unco {
        width: 46.1rem !important;
    }
    .header-connect-email {
        width: 22rem !important;
    }
    .header-connect-password {
        width: 22rem !important;
    }
}