/** > /css-v2002/profil/profil-banner.css **/
/* http://meyerweb.com/eric/tools/css-v2002/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*	font-size: 100%;
        font: inherit;*/
    vertical-align: baseline;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-size: 12px;
}

ol, ul {
    list-style: none;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

sup, sub {
    font-size: 0.7em;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

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

.layout {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .layout {
        width: calc(100vw - 32px);
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .layout {
        width: calc(100vw - 64px);
    }
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    .layout {
        width: calc(100vw - 128px);
    }
}

@media screen and (min-width: 1441px) {
    .layout {
        width: 1312px;
    }
}

/* price système */
.price-area {
    position: relative;
    display: block;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    color: #0957a9;
    background: #fff;
    font-size: 1em;
    width: 100%;
    text-align: right;
}

.price-area .left-border {
    display: none;
    height: 20px;
    width: 12px;
    /*background: url("/imagerie/leclub/bg-price.png") no-repeat left top;*/
    margin-left: -17px;
    float: left;
}

.price-area .price,
.price-area .price span {
    display: inline;
    line-height: 20px;
    height: 23px;
}

/* commun elements */
.mainContainer {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .mainContainer {
        width: calc(100vw - 32px);
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .mainContainer {
        width: calc(100vw - 64px);
    }
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
    .mainContainer {
        width: calc(100vw - 64px);
    }
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    .mainContainer {
        width: calc(100vw - 128px);
    }
}

@media screen and (min-width: 1441px) {
    .mainContainer {
        width: 1312px;
    }
}


.contentContainer {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .contentContainer {
        width: calc(100vw - 32px);
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .contentContainer {
        width: calc(100vw - 64px);
    }
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    .contentContainer {
        width: calc(100vw - 128px);
    }
}

@media screen and (min-width: 1441px) {
    .contentContainer {
        width: 1312px;
    }
}


.middleContent {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.errorPage, .succesPage {
    margin: 100px auto;
}

.conditions {
    text-align: left;
    padding: 20px;
}

.backBtn {
    float: right;
    background-color: #050033;
    color: #FFF;
    font-size: 15px;
    font-family: "Montserrat", Arial, sans-serif;
    text-decoration: none;
    padding: 10px 30px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

@media screen and (max-width: 767px) {
    .middleContent {
        width: calc(100vw - 32px);
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .middleContent {
        width: calc(100vw - 64px);
    }
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    .middleContent {
        width: calc(100vw - 128px);
    }
}

@media screen and (min-width: 1441px) {
    .middleContent {
        width: 1312px;
    }
}

#hotel-offers .middleContent {
    min-height: 823px;
}

.clearFix {
    clear: both;
}

.bold {
    font-weight: bold;
}

.middleContent .row.frise {
    position: absolute;
    bottom: 32px;
    margin: 0;
    width: inherit;
    left: 240px;
}

.middleContent .row {
    display: inline-block;
    position: relative;
    width: 100%;
    clear: both;
    margin-bottom: 12px;
}

.middleContent .bloc1 {
    width: 100%;
}

.middleContent .bloc2 {
    width: 493px;
    margin-left: 12px;
    min-height: 100px;
    float: left;
}

.middleContent .bloc3 {
    width: 240px;
    margin-left: 12px;
    min-height: 100px;
    float: left;
}

.middleContent .bloc2:first-child,
.middleContent .bloc3:first-child {
    margin-left: 0;
}

#tips img:first-child {
    margin-bottom: 5px;
}

/*! jQuery UI - v1.10.3 - 2013-05-06
* http://jqueryui.com
* Includes: jquery.ui-datepicker-wrapper .ui.core.css, jquery.ui-datepicker-wrapper .ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=%233B73AC&bgTextureHeader=highlight_soft&bgImgOpacityHeader=55&borderColorHeader=%234297d7&fcHeader=%23ffffff&iconColorHeader=%23d8e7f3&bgColorContent=%23fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=%23a6c9e2&fcContent=%23222222&iconColorContent=%23469bdd&bgColorDefault=%23dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=%23c5dbec&fcDefault=%232e6e9e&iconColorDefault=%236da8d5&bgColorHover=%23d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%2379b7e7&fcHover=%231d5987&iconColorHover=%23217bc0&bgColorActive=%23f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=%2379b7e7&fcActive=%23e17009&iconColorActive=%23f9bd01&bgColorHighlight=%23fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23fad42e&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-datepicker-wrapper .ui-helper-hidden {
    display: none
}

.ui-datepicker-wrapper .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0000);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    margin: -1px;
    padding: 0
}

.ui-datepicker-wrapper .ui-helper-reset {
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.ui-datepicker-wrapper .ui-helper-clearfix:before, .ui-datepicker-wrapper .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-datepicker-wrapper .ui-helper-clearfix:after {
    clear: both
}

.ui-datepicker-wrapper .ui-helper-clearfix {
    min-height: 0
}

.ui-datepicker-wrapper .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-datepicker-wrapper .ui-front {
    z-index: 100
}

/* Interaction Cues
----------------------------------*/
.ui-datepicker-wrapper .ui-state-disabled {
    cursor: default !important
}

/* Icons
----------------------------------*/
/* states and images */
.ui-datepicker-wrapper .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-datepicker-wrapper .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaaaaa url(/imagerie/common/leclub/calendar/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-datepicker-wrapper .ui-datepicker {
    min-width: 17em;
    display: none;
    padding: .2em .2em 0
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-prev, .ui-datepicker-wrapper .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker-wrapper .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-prev span, .ui-datepicker-wrapper .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    text-align: center;
    margin: 0 2.3em
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker-wrapper .ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker-wrapper .ui-datepicker select.ui-datepicker-month, .ui-datepicker-wrapper .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker-wrapper .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker-wrapper .ui-datepicker th {
    text-align: center;
    font-weight: bold;
    border: 0;
    padding: .7em .3em
}

.ui-datepicker-wrapper .ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker-wrapper .ui-datepicker td span, .ui-datepicker-wrapper .ui-datepicker td a {
    display: block;
    text-align: right;
    text-decoration: none;
    padding: .2em
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin: .7em 0 0;
    padding: 0 .2em
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    cursor: pointer;
    width: auto;
    overflow: visible;
    margin: .5em .2em .4em;
    padding: .2em .6em .3em
}

/* with multiple calendars */
.ui-datepicker-wrapper .ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-wrapper .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-wrapper .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-wrapper .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-wrapper .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-wrapper .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-wrapper .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-wrapper .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-wrapper .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

/* RTL support */
.ui-datepicker-wrapper .ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

/* Component containers
----------------------------------*/
.ui-datepicker-wrapper .ui-widget {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1.1em
}

.ui-datepicker-wrapper .ui-widget .ui-widget {
    font-size: 1em
}

.ui-datepicker-wrapper .ui-widget input, .ui-datepicker-wrapper .ui-widget select, .ui-datepicker-wrapper .ui-widget textarea, .ui-datepicker-wrapper .ui-widget button {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1em
}

.ui-datepicker-wrapper .ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(/imagerie/commun/leclub/calendar/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222222;
    z-index: 22 !important;
}

.ui-datepicker-wrapper .ui-widget-content a {
    color: #222222
}

.ui-datepicker-wrapper .ui-widget-header {
    border: 1px solid #4297d7;
    background: #3B73AC url(/imagerie/commun/leclub/calendar/ui-bg_highlight-soft_55_3B73AC_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold
}

.ui-datepicker-wrapper .ui-widget-header a {
    color: #ffffff
}

/* Interaction states
----------------------------------*/
.ui-datepicker-wrapper .ui-state-default, .ui-datepicker-wrapper .ui-widget-content .ui-state-default, .ui-datepicker-wrapper .ui-widget-header .ui-state-default {
    border: 1px solid #c5dbec;
    background: #dfeffc url(/imagerie/commun/leclub/calendar/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e
}

.ui-datepicker-wrapper .ui-state-default a, .ui-datepicker-wrapper .ui-state-default a:link, .ui-datepicker-wrapper .ui-state-default a:visited {
    color: #2e6e9e;
    text-decoration: none
}

.ui-datepicker-wrapper .ui-state-hover, .ui-datepicker-wrapper .ui-widget-content .ui-state-hover, .ui-datepicker-wrapper .ui-widget-header .ui-state-hover, .ui-datepicker-wrapper .ui-state-focus, .ui-datepicker-wrapper .ui-widget-content .ui-state-focus, .ui-datepicker-wrapper .ui-widget-header .ui-state-focus {
    border: 1px solid #79b7e7;
    background: #d0e5f5 url(/imagerie/commun/leclub/calendar/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1d5987
}

.ui-datepicker-wrapper .ui-state-hover a, .ui-datepicker-wrapper .ui-state-hover a:hover, .ui-datepicker-wrapper .ui-state-hover a:link, .ui-datepicker-wrapper .ui-state-hover a:visited {
    color: #1d5987;
    text-decoration: none
}

.ui-datepicker-wrapper .ui-state-active, .ui-datepicker-wrapper .ui-widget-content .ui-state-active, .ui-datepicker-wrapper .ui-widget-header .ui-state-active {
    border: 1px solid #79b7e7;
    background: #f5f8f9 url(/imagerie/commun/leclub/calendar/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #e17009
}

.ui-datepicker-wrapper .ui-state-active a, .ui-datepicker-wrapper .ui-state-active a:link, .ui-datepicker-wrapper .ui-state-active a:visited {
    color: #e17009;
    text-decoration: none
}

/* Interaction Cues
----------------------------------*/
.ui-datepicker-wrapper .ui-state-highlight, .ui-datepicker-wrapper .ui-widget-content .ui-state-highlight, .ui-datepicker-wrapper .ui-widget-header .ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88 url(/imagerie/commun/leclub/calendar/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
    color: #363636
}

.ui-datepicker-wrapper .ui-state-highlight a, .ui-datepicker-wrapper .ui-widget-content .ui-state-highlight a, .ui-datepicker-wrapper .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-datepicker-wrapper .ui-state-error, .ui-datepicker-wrapper .ui-widget-content .ui-state-error, .ui-datepicker-wrapper .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/imagerie/common/leclub/calendar/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-datepicker-wrapper .ui-priority-primary, .ui-datepicker-wrapper .ui-widget-content .ui-priority-primary, .ui-datepicker-wrapper .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-datepicker-wrapper .ui-priority-secondary, .ui-datepicker-wrapper .ui-widget-content .ui-priority-secondary, .ui-datepicker-wrapper .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-datepicker-wrapper .ui-state-disabled, .ui-datepicker-wrapper .ui-widget-content .ui-state-disabled, .ui-datepicker-wrapper .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-datepicker-wrapper .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-datepicker-wrapper .ui-icon, .ui-datepicker-wrapper .ui-widget-content .ui-icon {
    background-image: url(/imagerie/common/leclub/calendar/ui-icons_469bdd_256x240.png)
}

/* Icons
----------------------------------*/
/* states and images */
.ui-datepicker-wrapper .ui-widget-header .ui-icon {
    background-image: url(/imagerie/booking/common/calendar/ui-icons_d8e7f3_256x240.png)
}

.ui-datepicker-wrapper .ui-state-default .ui-icon {
    background-image: url(/imagerie/booking/common/calendar/ui-icons_6da8d5_256x240.png)
}

.ui-datepicker-wrapper .ui-state-hover .ui-icon, .ui-datepicker-wrapper .ui-state-focus .ui-icon {
    background-image: url(/imagerie/booking/common/calendar/ui-icons_217bc0_256x240.png)
}

.ui-datepicker-wrapper .ui-state-active .ui-icon {
    background-image: url(/imagerie/booking/common/calendar/ui-icons_f9bd01_256x240.png)
}

.ui-datepicker-wrapper .ui-state-highlight .ui-icon {
    background-image: url(/imagerie/booking/common/calendar/ui-icons_2e83ff_256x240.png)
}

.ui-datepicker-wrapper .ui-state-error .ui-icon, .ui-datepicker-wrapper .ui-state-error-text .ui-icon {
    background-image: url(/imagerie/booking/common/calendar/ui-icons_cd0a0a_256x240.png)
}

/* positioning */
.ui-datepicker-wrapper .ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-datepicker-wrapper .ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-datepicker-wrapper .ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-datepicker-wrapper .ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-datepicker-wrapper .ui-corner-all, .ui-datepicker-wrapper .ui-corner-top, .ui-datepicker-wrapper .ui-corner-left, .ui-datepicker-wrapper .ui-corner-tl {
    border-top-left-radius: 5px
}

.ui-datepicker-wrapper .ui-corner-all, .ui-datepicker-wrapper .ui-corner-top, .ui-datepicker-wrapper .ui-corner-right, .ui-datepicker-wrapper .ui-corner-tr {
    border-top-right-radius: 5px
}

.ui-datepicker-wrapper .ui-corner-all, .ui-datepicker-wrapper .ui-corner-bottom, .ui-datepicker-wrapper .ui-corner-left, .ui-datepicker-wrapper .ui-corner-bl {
    border-bottom-left-radius: 5px
}

.ui-datepicker-wrapper .ui-corner-all, .ui-datepicker-wrapper .ui-corner-bottom, .ui-datepicker-wrapper .ui-corner-right, .ui-datepicker-wrapper .ui-corner-br {
    border-bottom-right-radius: 5px
}

/* Overlays */
.ui-datepicker-wrapper .ui-widget-shadow {
    background: #aaaaaa url(/imagerie/common/leclub/calendar/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
    margin: -8px 0 0 -8px;
    padding: 8px
}


.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-wrapper .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-wrapper .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-wrapper .ui-state-error a, .ui-datepicker-wrapper .ui-widget-content .ui-state-error a, .ui-datepicker-wrapper .ui-widget-header .ui-state-error a, .ui-datepicker-wrapper .ui-state-error-text, .ui-datepicker-wrapper .ui-widget-content .ui-state-error-text, .ui-datepicker-wrapper .ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-datepicker-wrapper .ui-icon-seek-start, .ui-datepicker-wrapper .ui-icon-seek-first {
    background-position: -80px -160px
}

/* tooltip */
.tooltip {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: relative;
    background: url("/imagerie/commun/leclub/tooltip.png") no-repeat;
    margin-left: 8px;
    cursor: help;
    text-indent: -9999px;
}

.tooltip:hover {
    background-position: 0 -17px;
}

#divToolTip {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 10px #111;
    -webkit-box-shadow: 0 0 10px #111;
    box-shadow: 0 0 10px #111;
    background: #fff;
    padding: 10px;
    margin-left: -25px;
    color: #5d5e60;
    z-index: 500;
    color: #002d59;
    font-size: 0.9em;
    text-align: center;
    display: none;
    border: 0;
}

/* Newsletter popin*/
.ui-dialog iframe.newsletter-iframe-login {
    background-color: #FFFFFF;
    display: block;
    height: 260px;
    margin: 0 auto;
    padding: 10px;
    width: 270px;
}

.newsletter_popin_bottom_title,
.newsletter_popin_head_title {
    background-color: #FFFFFF;
    display: block;
    color: #888888;
    padding: 10px 5px 7px 10px;
    display: block;
    height: auto;
    float: left;
    text-align: justify;
    font-size: 11px;
}

.newsletter_popin_bottom_title {
    background: url("/imagerie/leclub/pics/pic-warning.png") no-repeat scroll 8px 8px transparent;
    min-height: 36px;
    padding: 10px 5px 7px 48px;
}

/* Hide phone number in footer */
.numberWraper .disponibility {
    display: none;
}

/* Offre expirée */
#expiredOffer-leclub .contentContainer {
    margin-top: 0;
}

#expiredOffer-leclub .middleContent {
    min-height: 570px;
}

.expiredOffer {
    padding-top: 40px;
}

.expiredOffer h1 {
    color: #003f6f;
    font-variant: small-caps;
    font-size: 36px;
    font-weight: normal;
}

.expiredOffer .white {
    border: none;
    height: 2px;
    width: 50%;
    margin: 15px 0;
    background: -webkit-linear-gradient(to right, white, rgba(0, 255, 0, 0));
    background: linear-gradient(to right, white, rgba(0, 255, 0, 0));
}

.expiredOffer p {
    line-height: 20px;
    color: white;
    font-size: 15px;
}

.expiredOffer .btnContainer {
    margin: 30px 0 0 110px;
}


#bannerOAS {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


/* Override position surheader content (2x la classe pour plus de spécificité) */
/* .pb-content-wrapper.pb-content-wrapper {
    position: absolute;
    top: 28px;
    left: 0;
} */

.printer {
    display: block;
    background-image: url('/imagerie/fh/picto-imprimer.gif');
    padding-left: 23px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 10px;
    position: absolute;
    top: 0;
    right: 60px;
    height: 18px;
    font-weight: bold;
    text-decoration: underline;
}

body.ar .printer {
    right: auto;
    left: 60px;
    background-position: right;
    padding-left: 0;
    padding-right: 23px;
    margin-top: 5px;
}

/** > /css-v2002/profil/profil-banner.css **/
/* popin */
body#partners-details .popin-members.ui-widget,
.popin-members.ui-widget {
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: url("/imagerie/leclub/bg-popin.jpg") repeat-x center top #fff;
    padding: 4px;
    position: relative;
    text-align: left;
}

body#partners-details .popin-members iframe,
.popin-members iframe {
    width: 100%;
    height: 100%;
}

body#partners-details .popinBaseContent,
.popinBaseContent {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #c5c5c5;
    overflow: auto;
    background: #fff;
    width: 100%;
    height: 100%;
}

body#partners-details .popin-members-title,
.popin-members-title {
    display: none;
}

body#partners-details .popin-members .popin-members-titlebar-close,
.popin-members .popin-members-titlebar-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

body.ar#partners-details .popin-members-titlebar-close,
body.ar .popin-members-titlebar-close {
    right: auto;
    left: 10px;
}

body#partners-details .popin-members .popin-members-titlebar-close .ui-icon,
.popin-members .popin-members-titlebar-close .ui-icon {
    text-indent: -9999px;
    width: 11px;
    height: 11px;
    display: block;
    cursor: pointer;
    background: url("/imagerie/leclub/prospect/close-popin.png") no-repeat;
}

body.ar#partners-details .popin-members .popin-members-titlebar-close .ui-icon,
body.ar .popin-members .popin-members-titlebar-close .ui-icon {
    background-position: right;
    text-indent: 9999px;
}

body#partners-details .popin-PromoRoomDates .popin-members-titlebar-close .ui-icon, .popin-PromoRoomDates .popin-members-titlebar-close .ui-icon {
    text-indent: 0;
    color: #fff;
    width: 60px;
    background: url("/imagerie/leclub/prospect/close-popin-offer.png") no-repeat;
    background-position: right;
}

body#partners-details .popin-PromoRoomDates .popin-members-titlebar-close,
.popin-PromoRoomDates .popin-members-titlebar-close {
    text-decoration: none;
}

body#partners-details .popin-bod .title, body#partners-details .popin-members .title .popin-bod .title, .popin-members .title {
    font-size: 18px;
    font-variant: small-caps;
    color: #0e5185;
}

body#partners-details .ui-widget-overlay,
.ui-widget-overlay {
    background-color: #fff;
    opacity: 0.9;
    -ms-filter: "alpha(opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    position: fixed;
    top: 0;
    left: 0;
}

/* popin members */
.popin-members p {
    color: #5d5e60;
    text-align: center;
    line-height: 1.5em;
    width: 262px;
    margin: auto;
}

.popin-members p:nth-child(2) {
    width: 292px;
}

.popin-members .title {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0 5px;
}

.popin-members .btn {
    margin-top: 0;
    padding-top: 20px;
    margin-bottom: 16px;
    outline: none;
}

.popin-members hr {
    height: 1px;
    border: 0;
    width: 268px;
    background: url("/imagerie/leclub/prospect/popin-separator.png") center center no-repeat;
}

/* popin points */
.popin-members .warning {
    background: url("/imagerie/leclub/pics/pic-warning.png") no-repeat 15% center;
    height: 35px;
    padding-top: 25px;
    padding-left: 80px;
    padding-right: 20px;
    text-align: left;
}

.popin-members .btn-ok {
    padding-top: 10px;
}

/* popin bod */
.popin-bod .infos {
    padding: 5px;
    padding-left: 38px;
    background: url("/imagerie/leclub/pics/pic-info-blue.png") 0 center no-repeat #829cc2;
    color: #fff;
    margin: 5px 2px;
    font-size: 11px;
    line-height: 1.2em;
}

.popin-bod .infos p {
    color: #fff;
}

.popin-bod label,
.popin-bod p {
    color: #5d5e60;
}

.popin-bod label {
    display: block;
    margin-bottom: 2px;
}

.popin-bod p,
.popin-bod .title {
    margin: 5px;
    margin-right: 20px;
}

.popin-bod .title {
    margin-bottom: 10px;
}

.popin-bod .select-area {
    position: relative;
    margin: auto;
    width: 415px;
    margin-top: 10px;
    display: inline-block;
    margin-left: 16px;
}

.popin-bod .select-area .controlGroup {
    margin-left: 0;
    width: 100%;
    margin-bottom: 10px;
}

.popin-bod .select-area select {
    border: 1px solid #9ca9bd;
    width: 100%;
    position: relative;
    z-index: 0;
}

.popin-bod .noResult {
    text-align: center;
    clear: both;
    margin-top: 70px;
    font-size: 11px;
}

.popin-bod .bodResult {
    width: 93%;
    clear: both;
    margin: auto;
    display: none;
}

.popin-bod p {
    font-size: 11px;
}

.popin-bod .bodResult p {
    margin: 0;
    margin-top: 10px;
}

.popin-bod .bodResult table {
    width: 100%;
}

.popin-bod .bodResult th {
    text-transform: uppercase;
    color: #000;
    padding-bottom: 10px;
    padding-top: 15px;
}

.popin-bod .bodResult th,
.popin-bod .bodResult td {
    font-size: 10px;
    width: 50%;
    text-align: left;
}

.popin-bod .bodResult td {
    padding: 3px;
}

.popin-bod .bodResult .line-i th,
.popin-bod .bodResult .line-i td {
    background-color: #9bb0ce;
    color: #fff;
}

.popin-bod .bodResult .scroll {
    height: 80px;
    overflow-y: auto;
}

.popin-bod .bodResult p.printLink {
    text-align: right;
    margin-bottom: 10px;
}

.popin-bod .printLink a {
    color: #5d5e60;
    text-decoration: underline;
}

.popin-bod .printLink img {
    vertical-align: middle;
    margin-left: 5px;
    text-decoration: none;
}


#burnOnlineCondition {
    margin: 20px;
}

#burnOnlineCondition h3 {
    font-size: 30px;
    margin-top: 20px;
    font-variant: small-caps;
    font-weight: normal;
    color: #003f6f;
}

#burnOnlineCondition h4 {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #003f6f;
    font-size: 14px;
}

#burnOnlineCondition ul {
    margin-left: 20px;
}

#burnOnlineCondition li {
    list-style: none;
    line-height: 1.3em;
    margin-bottom: 5px;
}

#burnOnlineCondition p {
    line-height: 1.3em;
    margin-bottom: 5px;
}

#burnOnlineCondition a {
    color: #215389;
    font-variant: small-caps;
    font-size: 14px;
    background: url("/imagerie/leclub/pics/double-arrow-grey.png") no-repeat 0 6px;
    padding-left: 13px;
    outline: none;
}

/* popin CGU le club */
.popin-members.popin-cgu p {
    color: #5d5e60;
    text-align: center;
    line-height: 1.5em;
    width: 650px;
    margin: auto;
}

.popin-members.popin-cgu .title {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 0;
}

.popin-members.popin-cgu .btn {
    margin-top: 0;
    padding-top: 20px;
    margin-bottom: 16px;
    outline: none;
}

.popin-members.popin-cgu hr {
    height: 1px;
    border: 0;
    width: 268px;
    background: url("/imagerie/leclub/prospect/popin-separator.png") center center no-repeat;
}

/* popin points */
.popin-members.popin-cgu .warning {
    background: url("/imagerie/leclub/pics/pic-warning.png") no-repeat 15% center;
    height: 35px;
    padding-top: 25px;
    padding-left: 80px;
    padding-right: 20px;
    text-align: left;
}

.popin-members.popin-cgu .btn-ok {
    padding-top: 10px;
}

.popin-members.popin-cgu iframe {

    width: 600px;
    height: 700px;
    position: relative;
    z-index: 1;
}

.popin-members.ui-widget.popin-infos.popin-conditionsClub, .popinconditionsClub {
    padding-bottom: 13px;
    padding-right: 3px;
}

.popinconditionsClub > iframe.popinBaseContent {
    padding-bottom: 20px;
}

.nb > a.popin, .prospect-system .attentions .more-offers a.popin {
    text-transform: lowercase;
}

.nb > a.popin::first-letter, .prospect-system .attentions .more-offers a.popin::first-letter {
    text-transform: capitalize;
}

body#home-leclub .nb > a.popin:first-letter, .prospect-system .attentions .more-offers a.popin:first-letter {
    text-transform: none;
}

body#home-leclub .nb > a.popin, .prospect-system .attentions .more-offers a.popin {
    text-transform: none;
}

#cards-leclub .contentMiddle.clearFix.contentCards .row1 .nb {
    display: table;
    clear: both;
    padding: 5px 0 0 12px;
    float: right;
}

.ko#cards-leclub .contentMiddle.clearFix.contentCards .row1 .nb {
    padding: 5px 0 15px 12px;
}

#cards-leclub .contentMiddle.clearFix.contentCards .row1 .nb a {
    text-transform: uppercase;
    font-size: 11px;
    text-align: right;
    width: 96%;
}

/* -- FIX POPIN https://www.accorhotels.com/fr/leclub/index-no-connect.shtml -> status -- */

#home-leclub .popinconditionsClub.ui-dialog-content .popinBaseContent,
#hotel-offers .popinBaseContent {
    background: #ffffff;
    width: 100%;
    height: 100%;
}

#hotel-offers .printer {
    font-size: 0;
    background-image: url("/imagerie/leclub/earn/places/print.gif");
}

#home-leclub .popin-conditionsClub.popin-infos .ui-dialog-titlebar.ui-widget-header,
{
    text-align: right;
    padding: 5px;
}

#hotel-offers .ui-dialog-titlebar .ui-dialog-titlebar-close {

    float: right;
    margin-bottom: 5px;

}


#home-leclub .popin-conditionsClub.popin-infos .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close,
#hotel-offers .ui-dialog-titlebar .ui-dialog-titlebar-close {
    color: #ffffff;
}


/** > /css-v2002/leclub/commun/button.css **/
.btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

button.btn {
    border: 0;
    background: none;
}

.btn span {
    float: left;
    display: block;
}

.btn .content {
    color: #fff;
    cursor: pointer;
    font-variant: small-caps;
    text-decoration: none;
    text-align: center;
}

.btn.btn-white .content {
    color: #fff;
}

.btn.btn-fifty span {
    height: 52px;
}

.btn.btn-fifty .content {
    line-height: 48px;
    padding: 0 10px;
    background: url("/imagerie/leclub/pics/btn-content-fifty.png") repeat-x;
    font-size: 22px;
}

.btn.btn-fifty.two-lines .content {
    line-height: 0.9em;
    padding: 5px 10px 0;
    height: 47px;
    font-size: 18px;
    line-height: 35px;
}

.discover .allOffers.btn-fifty.two-lines .content {
    line-height: 19px;
}

.btn-member .btn-fifty.two-lines .content {
    line-height: 20px !important;
}

.btn.btn-fifty .border-left,
.btn.btn-fifty .border-right {
    width: 20px;
    background: url("/imagerie/leclub/pics/btn-border-fifty.png") no-repeat;
}

/****************/
/* Button thirty */
.btn.btn-thirty span {
    height: 34px;
}

.btn.btn-thirty .content {
    font-family: "Montserrat", Arial, sans-serif;
    line-height: 32px;
    padding: 0 10px;
    background: url("/imagerie/leclub/pics/btn-content-thirty.png") repeat-x;
    font-size: 18px;
}

.btn.btn-thirty .border-left,
.btn.btn-thirty .border-right {
    width: 20px;
    background: url("/imagerie/leclub/pics/btn-border-thirty.png") no-repeat;
}


/* color button */
.btn.btn-fifty.btn-blue .content,
.btn.btn-thirty.btn-blue .content {
    background-position: 0 0;
}

.btn.btn-fifty.btn-blue .border-left,
.btn.btn-thirty.btn-blue .border-left {
    background-position: 0 0;
}

.btn.btn-fifty.btn-blue .border-right,
.btn.btn-thirty.btn-blue .border-right {
    background-position: 100% 0;
}

.btn.btn-fifty.btn-white .content {
    background-position: 0 -52px;
}

.btn.btn-fifty.btn-white .border-left {
    background-position: 0 -52px;
}

.btn.btn-fifty.btn-white .border-right {
    background-position: 100% -52px;
}

.btn.btn-fifty.btn-orange .content {
    background-position: 0 -104px;
}

.btn.btn-fifty.btn-orange .border-left {
    background-position: 0 -104px;
}

.btn.btn-fifty.btn-orange .border-right {
    background-position: 100% -104px;
}

/* color button thirty */
.btn.btn-thirty.btn-orange .content {
    background-position: 0 -73px;
}

.btn.btn-thirty.btn-orange .border-left {
    background-position: 0 -73px;
}

.btn.btn-thirty.btn-orange .border-right {
    background-position: 100% -73px;
}

.btn.btn-thirty.btn-white .content {
    background-position: 0 -36px;
}

.btn.btn-thirty.btn-white .border-left {
    background-position: 0 -36px;
}

.btn.btn-thirty.btn-white .border-right {
    background-position: 100% -36px;
}

#pasteur-leclub.pl .btn.btn-fifty.two-lines .content {
    font-size: 12px;
}

#pasteur-leclub.pt .btn.btn-fifty.two-lines .content {
    font-size: 16px;
}

/** < /css-v2002/leclub/commun/button.css **/

/** > /top-header/css-v2002/common.css **/
.acr-login-mail-block {
    display: table;
    margin: auto;
}

.register {
    display: block;
    text-align: center;
    background-color: #dfdfdf;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pb-lcah-first {
    float: none;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
}

.pb-not-logged-wrapper {
    max-width: none;
}

.pb-border-btn {
    background-color: #ffffff;
    text-decoration: none;
    display: table;
    margin: auto;
    font-weight: 800;
    font-size: 13px;
}

.pb-account-title {
    text-align: center;
    font-weight: 800;
    font-size: 13px;
    color: #232936;
}

.pb-member-title {
    display: table;
    margin: auto;
    width: 300px;
    margin-bottom: 0.5em;
}

.acr-login-or {
    position: absolute;
    font-weight: 800;
    font-size: 13px;
    color: #232936;
}

.acr-login-mail {
    padding-top: 20px;
}

.about-cookie {
    font-size: 14px;
    color: #232936;
    width: auto;
}

.content-btn {
    font-weight: 800;
    font-size: 13px;
}

#login-form .btn-profil {
    text-align: center;
    font-weight: 800;
    font-size: 13px;
    position: static;
    float: none;
    margin-top: 10px;
}

#forgot-pwd {
    display: block;
    width: auto;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
}

#forgot-pwd a {
    display: block;
    width: 100%;
    color: #232936 !important;
}

.fa {
    font-size: 22px;
    vertical-align: middle;
    position: absolute;
    color: #A9A9A9;
}

.facebook a {
    text-decoration: none;
}

.eLogin #login-form {
    width: auto;
}

.identification input {
    height: 50px;
    background-color: #ffffff;
    border-width: 1px;
    border-color: #232936;
    font-size: 13px;
}

#remember-me input {
    transform: scale(1.5);
    left: 3px;
}

#remember-me label {
    font-size: 14px;
    color: #232936;
    margin-left: 5px;
}

.acr-top-header-login-buttons {
    height: 33px;
    padding-top: 15px;
}


#formLogin .eForm {
    height: auto;
}


/*** ILA ***/
@font-face {
    font-family: 'Lato Regular';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/lato/regular/lato-regular.eot);
    src: url(/assets/fonts/lato/regular/lato-regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/lato/regular/lato-regular.woff2) format('woff2'), url(/assets/fonts/lato/regular/lato-regular.woff) format('woff'), url(/assets/fonts/lato/regular/lato-regular.ttf) format('truetype'), url(/assets/fonts/lato/regular/lato-regular.svg#latoregular) format('svg');
}

@font-face {
    font-family: 'Lato Bold';
    font-style: italic;
    font-weight: 700;
    src: url(/assets/fonts/lato/bold/lato-bold.eot);
    src: url(/assets/fonts/lato/bold/lato-bold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/lato/bold/lato-bold.woff2) format('woff2'), url(/assets/fonts/lato/bold/lato-bold.woff) format('woff'), url(/assets/fonts/lato/bold/lato-bold.ttf) format('truetype'), url(/assets/fonts/lato/bold/lato-bold.svg#latobold) format('svg');
}

@font-face {
    font-family: 'Lato Black';
    font-style: normal;
    font-weight: 900;
    src: url(/assets/fonts/lato/black/lato-black.eot);
    src: url(/assets/fonts/lato/black/lato-black.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/lato/black/lato-black.woff2) format('woff2'), url(/assets/fonts/lato/black/lato-black.woff) format('woff'), url(/assets/fonts/lato/black/lato-black.ttf) format('truetype'), url(/assets/fonts/lato/black/lato-black.svg#latoblack) format('svg');
}

body {
    margin: 0;
    overflow-y: initial !important;
}

body #profile-banner.refacto,
#profile-banner.refacto input,
#profile-banner.refacto form,
#profile-banner.refacto .error_msg,
.acr-top-header-register-welcome-text,
.acr-top-header-register-pwd-notice,
.acr-top-header-register-join-club,
.acr-top-header-register-cgu,
.acr-top-header-register-news-letter,
.acr-top-header-register-input,
.acr-top-header-register-select,
.acr-top-header-forget-pwd-message {
    font-size: 14px;
    font-family: "Lato Regular" !important;
}

html #profile-banner.refacto, body #profile-banner.refacto, #profile-banner.refacto div, #profile-banner.refacto span,
#profile-banner.refacto iframe, #profile-banner.refacto h1, #profile-banner.refacto h2, #profile-banner.refacto h3,
#profile-banner.refacto h4, #profile-banner.refacto h5, #profile-banner.refacto h6, #profile-banner.refacto p,
#profile-banner.refacto blockquote, #profile-banner.refacto pre, #profile-banner.refacto a, #profile-banner.refacto abbr,
#profile-banner.refacto dl, #profile-banner.refacto dt, #profile-banner.refacto dd, #profile-banner.refacto ol,
#profile-banner.refacto ul, #profile-banner.refacto li, #profile-banner.refacto fieldset, #profile-banner.refacto form,
#profile-banner.refacto label, #profile-banner.refacto legend, #profile-banner.refacto table, #profile-banner.refacto caption,
#profile-banner.refacto tbody, #profile-banner.refacto tfoot, #profile-banner.refacto thead, #profile-banner.refacto tr,
#profile-banner.refacto th, #profile-banner.refacto td, #profile-banner.refacto article, #profile-banner.refacto aside,
#profile-banner.refacto canvas, #profile-banner.refacto details, #profile-banner.refacto embed, #profile-banner.refacto figure,
#profile-banner.refacto figcaption, #profile-banner.refacto footer, #profile-banner.refacto header, #profile-banner.refacto nav,
#profile-banner.refacto section, #profile-banner.refacto summary, #profile-banner.refacto audio, #profile-banner.refacto video,
#profile-banner.refacto object {
    font-family: "Lato Regular";
}

.acr-top-header-register-welcome-title,
.pb-account-title {
    font-size: 16px;
    /*font-family: "Lato Black";*/
    font-family: "Lato Bold";
}

.identification input,
.about-cookie, #forgot-pwd a {
    font-size: 14px;
}

.content-btn,
.acr-top-header-register-welcome-fb {
    width: 68%;
    font-size: 14px;
    text-align: center;
    margin: auto;
    color: #fff;
    font-weight: bold;
    padding: 16px 30px 16px 50px !important;
    background: #3c539b url("/imagerie/profil/banner/facebook-login.png") 6px 4px no-repeat;
}

@media (min-width: 767px) {
    .content-btn {
        margin: 88px auto 0 auto;
        /*background-position-x: 65px;*/
    }
}

.content-btn a,
.acr-top-header-register-welcome-fb a {
    color: #fff;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

.acr-top-header-register-welcome-table {
    height: 480px;
    margin-top: 20px;
}

.acr-top-header-register-imprint {
    font-size: 13px;
    font-family: "Lato Regular";
    text-align: center;
}

.acr-top-header-register-welcome-title,
.acr-top-header-register-login-block p {
    text-transform: uppercase;
}

.acr-top-header-register-submit.lcah {
    padding: 0 20px;
}

.acr-top-header-login-cell {
    padding: 23px 0 4px 0;
}

.acr-top-header-register-login-block {
    padding: 23px 0 34px 0;
}

.acr-top-header-register-welcome-or-line {
    display: none;
}

.acr-top-header-register-welcome-or-text {
    font-family: "Lato Bold";
    margin-bottom: 15px;
}

.acr-top-header-register-content .contentContainer {
    padding-top: 20px !important;
}

.top-header body #login-form .identification input#login {
    font-size: 14px;
    background: transparent url("/top-header/assets/icons/ux/mail-picto.png") 94% 15px no-repeat;
}

.top-header body #login-form .identification input#pwd {
    font-size: 14px;
    background: transparent url("/top-header/assets/icons/ux/locker-default.png") 93% 10px no-repeat;
}


@media screen and (min-width: 599px) and (max-width: 1023px) {
    .accountMenu .level-2 ul {
        margin-left: 2px;
    }
}

@media screen and (max-width: 599px) {
    .accountMenu .level-2 ul {
        margin-left: -8px;
    }
}

.ui-dialog-titlebar.ui-widget-header span.ui-dialog-title {
    /*margin-left: 55px;*/
    margin-left: -12px;
    font-family: "Lato Regular" !important;
    text-transform: uppercase;
}

.acr-top-header-register-join-club {
    padding-left: 12px;
}

.acr-top-header-register-select {
    padding-left: 10px;
}

@media screen and (min-width: 768px) {
    /* Hack Safari 7+ */
    _::-webkit-full-page-media, _:future, :root .acr-top-header-register-select {
        width: calc(100% + 11px);
    }
}

.acr-top-header-register-input,
.acr-top-header-forget-pwd-email {
    background-color: transparent;
    background-position: 95% 15px;
    background-repeat: no-repeat;
}

.acr-top-header-register-last-name,
.acr-top-header-register-first-name {
    padding-left: 10px;
    background-image: url("/top-header/assets/icons/ux/user-default.png");
}

.acr-top-header-register-email,
.acr-top-header-forget-pwd-email {
    padding-left: 10px;
    background-image: url("/top-header/assets/icons/ux/mail-picto.png");
}

.acr-top-header-forget-pwd-email {
    width: calc(100% - 11px);
}

.acr-top-header-register-pwd {
    padding-left: 10px;
    background-position-y: 10px;
    background-image: url("/top-header/assets/icons/ux/locker-default.png");
}

.ui-dialog-title {
    text-transform: uppercase;
}

.acr-top-header-forget-pwd-message,
.acr-top-header-forget-pwd-confirmation {
    max-width: 455px;
    font-size: 16px;
    margin: 20px auto;
}

@media screen and (max-width: 1023px) {
    .ui-dialog.pb-override iframe {
        height: 100% !important;
        margin: 0;
        padding: 0;
    }

    .ui-dialog-titlebar.ui-widget-header span.ui-dialog-title {
        margin-left: 0;
    }
}

@media screen and (min-width: 1024px) {
    ul li.accountMenu {
        display: none;
    }
}


body .acr-top-header-login-container {
    overflow-x: inherit;
}


/*** PATCH JSP PAGE LOGIN ***/
.jsp.acr-top-header-login-container .pb-iframe-container {
    width: 310px;
    margin: 62px auto auto auto;
    display: table;
}

.jsp.acr-top-header-login-container #eLogin #login-form .btn-profil {
    width: inherit;
    height: 0;
    background-color: transparent;
    border: none;
    overflow: hidden;
    height: 52px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 10px;
}

.jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    padding: 14px 0 !important;
    line-height: 22px;
    font-size: 16px;
    width: 100%;
}


.jsp.acr-top-header-login-container #eLogin #login-form #remember-me input {
    top: -5px;
}

@media (min-width: 767px) {
    .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
        margin: 0 auto;
    }
}

/*** PATCH JSP PAGE LOGIN END ***/
/** End **/


/** START Close button Popins **/
.ui-dialog.pb-override .ui-dialog-titlebar a.ui-dialog-titlebar-close {
    width: 50px;
    height: 50px;
    margin: -2px 2px auto auto;
    border: none;
}

.pb-override.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
    font-family: cursive;
    margin-top: 1px;
    line-height: 40px;
    padding: 2px 5px 4px 3px;
}

/** End **/

/** START Facebook Button **/
.btn-fb-login {
    background: inherit;
}

/** End **/


/** CSS MARQUES **/
#eLogin #login-form .btn-profil,
.acr-top-header-login-buttons,
.acr-top-header-register-submit,
.acr-top-header-register-welcome-login,
.acr-top-header-register-welcome-register,
.acr-top-header-forget-pwd-submit a {
    height: auto;
    font-family: "Lato Regular";
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

#eLogin #login-form .btn-profil,
.acr-top-header-login-buttons,
.acr-top-header-register-submit {
    padding: 14px 0 !important;
}

.top-header body #eLogin #login-form #forgot-pwd {
    margin: 10px auto;
}

.acr-top-header-register-submit {
    padding-bottom: 15px !important;
    text-transform: uppercase;
}

.acr-top-header-forget-pwd-submit a {
    padding: 14px 0 14px 0;
    display: block;
}

/*** ACCORHOTELS **/
.ach #eLogin #login-form .btn-profil,
.ach .acr-top-header-login-buttons,
.ach .acr-top-header-register-login,
.ach .acr-top-header-register-submit,
.ach .acr-top-header-register-welcome-login,
.ach .acr-top-header-register-welcome-register {
    border: 1px solid #38B7FF;
    background-color: #ffffff;
}

.ach #profile-banner .pb-signup,
.ach #profile-banner .pb-signup a,
.ach #eLogin #login-form .btn-profil,
.ach .acr-top-header-register-welcome-login,
.ach .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #38B7FF;
}

.ach .acr-top-header-register-welcome-login,
.ach .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #38B7FF;
    background-color: #38B7FF !important;
}

.ach .pb-border-btn,
.ach .pb-link--highlight,
.ach .acr-top-header-register-submit,
.ach .acr-top-header-register-welcome-register a,
.ach #profile-banner .pb-welcome .username,
.ach #profile-banner .pb-lcah-points .pb-points-count {
    color: #38B7FF;
}

.ach .acr-top-header-register-login,
.ach .pb-small-button--highlight {
    background-color: #38B7FF;
}

.ach .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #38B7FF;
}

.ach .tiering:before {
    border-bottom: 5px solid #38B7FF;
}

/*** SOFITEL **/
.sof #eLogin #login-form .btn-profil,
.sof .acr-top-header-login-buttons,
.sof .acr-top-header-register-login,
.sof .acr-top-header-register-submit,
.sof .acr-top-header-register-welcome-login,
.sof .acr-top-header-register-welcome-register {
    border: 1px solid #997300;
    background-color: #ffffff;
}

.sof #profile-banner .pb-signup,
.sof #profile-banner .pb-signup a,
.sof #eLogin #login-form .btn-profil,
.sof .acr-top-header-register-welcome-login,
.sof .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #997300 !important;
}

.sof .acr-top-header-register-welcome-login,
.sof .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #997300;
    background-color: #997300 !important;
}

.sof .pb-border-btn,
.sof .pb-link--highlight,
.sof .acr-top-header-register-submit,
.sof .acr-top-header-register-welcome-register a,
.sof #profile-banner .pb-welcome .username,
.sof #profile-banner .pb-lcah-points .pb-points-count {
    color: #997300;
}

.sof .acr-top-header-register-login,
.sof .pb-small-button--highlight {
    background-color: #997300;
}

.sof .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #997300;
}

.sof .tiering:before {
    border-bottom: 5px solid #997300;
}

/*** PULLMAN **/
.pul #eLogin #login-form .btn-profil,
.pul .acr-top-header-login-buttons,
.pul .acr-top-header-register-login,
.pul .acr-top-header-register-submit,
.pul .acr-top-header-register-welcome-login,
.pul .acr-top-header-register-welcome-register {
    border: 1px solid #7d516d;
    background-color: #ffffff;
}

.pul #profile-banner .pb-signup,
.pul #profile-banner .pb-signup a,
.pul #eLogin #login-form .btn-profil,
.pul .acr-top-header-register-welcome-login,
.pul .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #7d516d;
}

.pul .acr-top-header-register-welcome-login,
.pul .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #7d516d;
    background-color: #7d516d !important;
}

.pul .pb-border-btn,
.pul .pb-link--highlight,
.pul .acr-top-header-register-submit,
.pul .acr-top-header-register-welcome-register a,
.pul #profile-banner .pb-welcome .username,
.pul #profile-banner .pb-lcah-points .pb-points-count {
    color: #7d516d;
}

.pul .acr-top-header-register-login,
.pul .pb-small-button--highlight {
    background-color: #7d516d;
}

.pul .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #7d516d;
}

.pul .tiering:before {
    border-bottom: 5px solid #7d516d;
}

/*** NOVOTEL **/
.nov #eLogin #login-form .btn-profil,
.nov .acr-top-header-login-buttons,
.nov .acr-top-header-register-login,
.nov .acr-top-header-register-submit,
.nov .acr-top-header-register-welcome-login,
.nov .acr-top-header-register-welcome-register {
    border: 1px solid #071d5b;
    backgr4f107ad-color: #ffffff;
}

.nov #profile-banner .pb-signup,
.nov #profile-banner .pb-signup a,
.nov #eLogin #login-form .btn-profil,
.nov .acr-top-header-register-welcome-login,
.nov .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #071d5b !important;
}

.nov .acr-top-header-register-welcome-login,
.nov .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #071d5b;
    background-color: #071d5b !important;
}

.nov .pb-border-btn,
.nov .pb-link--highlight,
.nov .acr-top-header-register-submit,
.nov .acr-top-header-register-welcome-register a,
.nov #profile-banner .pb-welcome .username,
.nov #profile-banner .pb-lcah-points .pb-points-count {
    color: #071d5b;
}

.nov .acr-top-header-register-login,
.nov .pb-small-button--highlight {
    background-color: #071d5b;
}

.nov .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #071d5b;
}

.nov .tiering:before {
    border-bottom: 5px solid #071d5b;
}

.registration.nov #brandsContainer #brands-line {
    display: none;
}

/*** IBIS **/
.ibi #eLogin #login-form .btn-profil,
.ibi .acr-top-header-login-buttons,
.ibi .acr-top-header-register-login,
.ibi .acr-top-header-register-submit,
.ibi .acr-top-header-register-welcome-login,
.ibi .acr-top-header-register-welcome-register {
    border: 1px solid #0c3a84;
    background-color: #ffffff;
}

.ibi #profile-banner .pb-signup,
.ibi #profile-banner .pb-signup a,
.ibi #eLogin #login-form .btn-profil,
.ibi .acr-top-header-register-welcome-login,
.ibi .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #0c3a84;
}

.ibi .acr-top-header-register-welcome-login,
.ibi .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #0c3a84;
    background-color: #0c3a84 !important;
}

.ibi .pb-border-btn,
.ibi .pb-link--highlight,
.ibi .acr-top-header-register-submit,
.ibi .acr-top-header-register-welcome-register a,
.ibi #profile-banner .pb-welcome .username,
.ibi #profile-banner .pb-lcah-points .pb-points-count {
    color: #0c3a84;
}

.ibi .acr-top-header-register-login,
.ibi .pb-small-button--highlight {
    background-color: #0c3a84;
}

.ibi .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #0c3a84;
}

.ibi .tiering:before {
    border-bottom: 5px solid #0c3a84;
}

/*** MERCURE **/
.mer #eLogin #login-form .btn-profil,
.mer .acr-top-header-login-buttons,
.mer .acr-top-header-register-login,
.mer .acr-top-header-register-submit,
.mer .acr-top-header-register-welcome-login,
.mer .acr-top-header-register-welcome-register {
    border: 1px solid #649da4;
    background-color: #ffffff;
}

.mer #profile-banner .pb-signup,
.mer #profile-banner .pb-signup a,
.mer #eLogin #login-form .btn-profil,
.mer .acr-top-header-register-welcome-login,
.mer .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #649da4;
}

.mer .acr-top-header-register-welcome-login,
.mer .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #649da4;
    background-color: #649da4 !important;
}

.mer .pb-border-btn,
.mer .pb-link--highlight,
.mer .acr-top-header-register-submit,
.mer .acr-top-header-register-welcome-register a,
.mer #profile-banner .pb-welcome .username,
.mer #profile-banner .pb-lcah-points .pb-points-count {
    color: #649da4;
}

.mer .acr-top-header-register-login,
.mer .pb-small-button--highlight {
    background-color: #649da4;
}

.mer .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #649da4;
}

.mer .tiering:before {
    border-bottom: 5px solid #649da4;
}

/*** HOTEL F1 **/
.hof #eLogin #login-form .btn-profil,
.hof .acr-top-header-login-buttons,
.hof .acr-top-header-register-login,
.hof .acr-top-header-register-submit,
.hof .acr-top-header-register-welcome-login,
.hof .acr-top-header-register-welcome-register {
    border: 1px solid #ff9f00;
    background-color: #ffffff;
}

.hof #profile-banner .pb-signup,
.hof #profile-banner .pb-signup a,
.hof #eLogin #login-form .btn-profil,
.hof .acr-top-header-register-welcome-login,
.hof .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #ff9f00;
}

.hof .acr-top-header-register-welcome-login,
.hof .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #ff9f00;
    background-color: #ff9f00 !important;
}

.hof .pb-border-btn,
.hof .pb-link--highlight,
.hof .acr-top-header-register-submit,
.hof .acr-top-header-register-welcome-register a,
.hof #profile-banner .pb-welcome .username,
.hof #profile-banner .pb-lcah-points .pb-points-count {
    color: #ff9f00;
}

.hof .acr-top-header-register-login,
.hof .pb-small-button--highlight {
    background-color: #ff9f00;
}

.hof .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #ff9f00;
}

.hof .tiering:before {
    border-bottom: 5px solid #ff9f00;
}

/*** ACCORHOTELS - BUSINESSTRAVEL **/
.achBT #eLogin #login-form .btn-profil,
.achBT .acr-top-header-login-buttons,
.achBT .acr-top-header-register-login,
.achBT .acr-top-header-register-submit,
.achBT .acr-top-header-register-welcome-login,
.achBT .acr-top-header-register-welcome-register {
    border: 1px solid #07e0d5;
    background-color: #ffffff;
}

.achBT #profile-banner .pb-signup,
.achBT #profile-banner .pb-signup a,
.achBT #eLogin #login-form .btn-profil,
.achBT .acr-top-header-register-welcome-login,
.achBT .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #07e0d5;
}

.achBT .acr-top-header-register-welcome-login,
.achBT .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #07e0d5;
    background-color: #07e0d5 !important;
}

.achBT .pb-border-btn,
.achBT .pb-link--highlight,
.achBT .acr-top-header-register-submit,
.achBT .acr-top-header-register-welcome-register a,
.achBT #profile-banner .pb-welcome .username,
.achBT #profile-banner .pb-lcah-points .pb-points-count {
    color: #07e0d5;
}

.achBT .acr-top-header-register-login,
.achBT .pb-small-button--highlight {
    background-color: #07e0d5;
}

.achBT .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #07e0d5;
}

.achBT .tiering:before {
    border-bottom: 5px solid #07e0d5;
}

.registration.achBT #brandsContainer #brands-line {
    display: none;
}

.registration.achBT #footer {
    width: 100% !important;
    font-family: Arial;
}

.registration.achBT #footer p.copyright,
.registration.achBT #footer p.copyright a {
    color: #464d59;
    font-size: 11px;
    text-align: center;
}

.achBT #profile-banner .profile-banner-display-tabs span.contacts {
    float: inherit;
    display: inherit;
}

/*** ACCORHOTELS - TRAVELPRO **/
.achTP #eLogin #login-form .btn-profil,
.achTP .acr-top-header-login-buttons,
.achTP .acr-top-header-register-login,
.achTP .acr-top-header-register-submit,
.achTP .acr-top-header-register-welcome-login,
.achTP .acr-top-header-register-welcome-register {
    border: 1px solid #fcad1d;
    background-color: #ffffff;
}

.achTP #profile-banner .pb-signup,
.achTP #profile-banner .pb-signup a,
.achTP #eLogin #login-form .btn-profil,
.achTP .acr-top-header-register-welcome-login,
.achTP .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #fcad1d;
}

.achTP .acr-top-header-register-welcome-login,
.achTP .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #fcad1d;
    background-color: #fcad1d !important;
}

.achTP .pb-border-btn,
.achTP .pb-link--highlight,
.achTP .acr-top-header-register-submit,
.achTP .acr-top-header-register-welcome-register a,
.achTP #profile-banner .pb-welcome .username,
.achTP #profile-banner .pb-lcah-points .pb-points-count {
    color: #fcad1d;
}

.achTP .acr-top-header-register-login,
.achTP .pb-small-button--highlight {
    background-color: #fcad1d;
}

.achTP .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #fcad1d;
}

.achTP .tiering:before {
    border-bottom: 5px solid #fcad1d;
}

/*** ACCORHOTELS - MEETINGS **/
.achM #eLogin #login-form .btn-profil,
.achM .acr-top-header-login-buttons,
.achM .acr-top-header-register-login,
.achM .acr-top-header-register-submit,
.achM .acr-top-header-register-welcome-login,
.achM .acr-top-header-register-welcome-register {
    border: 1px solid #f4283e;
    background-color: #ffffff;
}

.achM #profile-banner .pb-signup,
.achM #profile-banner .pb-signup a,
.achM #eLogin #login-form .btn-profil,
.achM .acr-top-header-register-welcome-login,
.achM .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #f4283e;
}

.achM .acr-top-header-register-welcome-login,
.achM .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #f4283e;
    background-color: #f4283e !important;
}

.achM .pb-border-btn,
.achM .pb-link--highlight,
.achM .acr-top-header-register-submit,
.achM .acr-top-header-register-welcome-register a,
.achM #profile-banner .pb-welcome .username,
.achM #profile-banner .pb-lcah-points .pb-points-count {
    color: #f4283e;
}

.achM .acr-top-header-register-login,
.achM .pb-small-button--highlight {
    background-color: #f4283e;
}

.achM .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #f4283e;
}

.achM .tiering:before {
    border-bottom: 5px solid #f4283e;
}


/*** IBIS **/
body.ibi #eLogin #login-form .btn-profil {
    color: #ffffff;
    border: 1px solid #0c3a84;
    background-color: #0c3a84 !important;
}


/*** BUSINESS TRAVEL **/
body.achBT #eLogin #login-form .btn-profil {
    color: #ffffff;
    border: 1px solid #07e0d9;
    background: #07e0d9;
}


/*** MEETINGS **/
body.achM #eLogin #login-form .btn-profil {
    color: #ffffff;
    border: 1px solid #f4283e;
    background: #f4283e;
}


/*** TRAVELPRO **/
body.achTP #eLogin #login-form .btn-profil {
    color: #ffffff;
    border: 1px solid #fcad1d;
    background: #fcad1d;
}

/*** Thalassa **/
.wtc #eLogin #login-form .btn-profil,
.wtc .acr-top-header-login-buttons,
.wtc .acr-top-header-register-login,
.wtc .acr-top-header-register-submit,
.wtc .acr-top-header-register-welcome-login,
.wtc .acr-top-header-register-welcome-register {
    border: 1px solid #f6a230;
    background-color: #ffffff;
}

.wtc #profile-banner .pb-signup,
.wtc #profile-banner .pb-signup a,
.wtc #eLogin #login-form .btn-profil,
.wtc .acr-top-header-register-welcome-login,
.wtc .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #f6a230;
}

.wtc .acr-top-header-register-welcome-login,
.wtc .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #f6a230;
    background-color: #f6a230 !important;
}

.wtc .pb-border-btn,
.wtc .pb-link--highlight,
.wtc .acr-top-header-register-submit,
.wtc .acr-top-header-register-welcome-register a,
.wtc #profile-banner .pb-welcome .username,
.wtc #profile-banner .pb-lcah-points .pb-points-count {
    color: #f6a230;
}

.wtc .acr-top-header-register-login,
.wtc .pb-small-button--highlight {
    background-color: #f6a230;
}

.wtc .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #f6a230;
}

.wtc .tiering:before {
    border-bottom: 5px solid #f6a230;
}

/*** Grandmercure **/
.gme #eLogin #login-form .btn-profil,
.gme .acr-top-header-login-buttons,
.gme .acr-top-header-register-login,
.gme .acr-top-header-register-submit,
.gme .acr-top-header-register-welcome-login,
.gme .acr-top-header-register-welcome-register {
    border: 1px solid #4f107a;
    background-color: #ffffff;
}

.gme #profile-banner .pb-signup,
.gme #profile-banner .pb-signup a,
.gme #eLogin #login-form .btn-profil,
.gme .acr-top-header-register-welcome-login,
.gme .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #4f107a;
}

.gme .acr-top-header-register-welcome-login,
.gme .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #4f107a;
    background-color: #4f107a !important;
}

.gme .pb-border-btn,
.gme .pb-link--highlight,
.gme .acr-top-header-register-submit,
.gme .acr-top-header-register-welcome-register a,
.gme #profile-banner .pb-welcome .username,
.gme #profile-banner .pb-lcah-points .pb-points-count {
    color: #4f107a;
}

.gme .acr-top-header-register-login,
.gme .pb-small-button--highlight {
    background-color: #4f107a;
}

.gme .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #4f107a;
}

.gme .tiering:before {
    border-bottom: 5px solid #4f107a;
}

/*** accorplus **/
.acp #eLogin #login-form .btn-profil,
.acp .acr-top-header-login-buttons,
.acp .acr-top-header-register-login,
.acp .acr-top-header-register-submit,
.acp .acr-top-header-register-welcome-login,
.acp .acr-top-header-register-welcome-register {
    border: 1px solid #00a4dc;
    background-color: #ffffff;
}

.acp #profile-banner .pb-signup,
.acp #profile-banner .pb-signup a,
.acp #eLogin #login-form .btn-profil,
.acp .acr-top-header-register-welcome-login,
.acp .acr-top-header-forget-pwd-submit a {
    color: #ffffff;
    background-color: #00a4dc;
}

.acp .acr-top-header-register-welcome-login,
.acp .jsp.acr-top-header-login-container #eLogin #login-form .btn-profil .content-btn {
    border: 1px solid #00a4dc;
    background-color: #00a4dc !important;
}

.acp .pb-border-btn,
.acp .pb-link--highlight,
.acp .acr-top-header-register-submit,
.acp .acr-top-header-register-welcome-register a,
.acp #profile-banner .pb-welcome .username,
.acp #profile-banner .pb-lcah-points .pb-points-count {
    color: #00a4dc;
}

.acp .acr-top-header-register-login,
.acp .pb-small-button--highlight {
    background-color: #00a4dc;
}

.acp .pb-logged-in:after {
    background: url('/imagerie/profil/banner/pb-arrow-down.png') no-repeat center center #00a4dc;
}

.acp .tiering:before {
    border-bottom: 5px solid #00a4dc;
}

/** < /top-header/css-v2002/common.css **/

/** > /css-v2002/leclub/help.css **/
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.contentHeader {
    margin: 1.65em auto 1.25em;
    text-align: center;
}

.contentHeader .title1 {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    color: #3e3d48;
    margin-top: 8px;
}

.helpContent .title2 {
    font-size: 24px;
    color: #003f6f;
    font-variant: small-caps;
    font-weight: normal;
    background: url("/imagerie/leclub/bg-title.png") no-repeat left bottom;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-top: 15px;
}

.contentHeader .contactSubtitle {
    display: none;
}

.helpGuide {
    margin: 0 auto;
    position: relative;
    text-align: center;
    border: 1px solid #dadadd;
    border-radius: 4px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .helpGuide {
        width: calc(100vw - 32px);
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .helpGuide {
        width: calc(100vw - 64px);
    }
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    .helpGuide {
        width: calc(100vw - 128px);
    }
}

@media screen and (min-width: 1441px) {
    .helpGuide {
        width: 1312px;
    }
}

.helpGuide > .content {
    color: #3e3d48;
    font-style: italic;
    margin-top: 24px;
    font-family: 'Unna', Georgia, serif;
    font-size: 24px;
    line-height: 32px;
}

.helpGuide .btn,
.controlGroup.actions .btn {
    background-color: #1e1852;
    border-radius: 60px;
    border: 0;
    color: #fff;
    margin: 2rem;
    padding: 12px 24px;
    white-space: nowrap;
}

/* contact page */
.tabIndex {
    margin: 2rem auto 5rem;
    width: 100%;
}

.tabIndex .containerTabs {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 2;
    font-family: "Montserrat", Arial, sans-serif;
}

.tabIndex .titleSection {
    background-color: #1e1852;
    color: #fff;
    font-family: "Montserrat", Arial, sans-serif;
    width: 50%;
    text-align: center;
    font-size: 22px;
    float: left;
    line-height: 40px;
    height: 40px;
    margin-top: 6px;
    cursor: pointer;
}

.tabIndex .titleSection.tabsLeft {
    -webkit-border-radius: 3px 0 3px 0;
    -moz-border-radius: 3px 0 3px 0;
    border-radius: 3px 0 3px 0;
}

.tabIndex .titleSection.tabsRight {
    -webkit-border-radius: 0 3px 0 3px;
    -moz-border-radius: 0 3px 0 3px;
    border-radius: 0 3px 0 3px;
}

.tabIndex .titleSection.current {
    background-color: #fff;
    border: 1px solid #dadadd;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    color: #3e3d48;
    cursor: default;
    font-family: "Montserrat", Arial, sans-serif;
    height: 46px;
    line-height: 46px;
    margin-top: 0;
}

.tabIndex .warperTabs {
    background-color: #fff;
    position: relative;
    border: 1px solid #dadadd;
    border-radius: 4px;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.tabIndex .warperTabs fieldset {
    text-align: center;
}

.tabIndex .warperTabs fieldset legend {
    font-family: "Montserrat", Arial, sans-serif;
    color: #3e3d48;
    font-size: 18px;
    width: 100%;
    padding: 2rem;
}

.tabIndex .warperTabs fieldset legend .mentions {
    font-size: 10px;
    padding-left: 1rem;
}

.tabIndex .warperTabs fieldset {
    margin: 1rem auto 3rem;
    position: relative;
    display: inline-block;
    width: 100%;
}

.tabIndex .controlGroup {
    margin: 0 auto 3rem;
    display: inline-block;
    position: relative;
    width: 100%;
}

.tabIndex .controlGroup.error input[type="text"],
.tabIndex .controlGroup.error select {
    border-color: #b2000c;
    color: #b2000c;
    background-color: #FFDFE0;
}

.tabIndex .controlGroup .deleteFile {
    display: none;
    padding-left: 20px;
    background: url("/imagerie/leclub/pics/icon-delete.png") no-repeat;
    height: 16px;
    line-height: 16px;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-left: 7px;
}

.tabIndex .controlGroup .deleteFile:hover {
    text-decoration: underline;
    opacity: 1;
    filter: alpha(opacity=50);
}

.tabIndex .controlGroup.error .required {
    font-weight: bold;
    color: #b2000c;
}

.tabIndex .controlGroup label {
    color: #3e3d48;
    font-size: 13px;
    display: inline-block;
}

#contactEmailSubmitForm .errorMessage,
#formUploadFile .error {
    color: #b2000c;
    margin-left: 60px;
    display: none;
}

#contactEmailSubmitForm .errorMessage {
    margin: 0;
    margin: 10px 0;
}

#formUploadFile .controls label {
    padding: 0;
}

#formUploadFile .controls input {
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

#formUploadFile .controls {
    position: relative;
    display: inline-block;
    height: 23px;
    overflow: hidden;
    width: 450px;
}

#formUploadFile .searchFile {
    font-variant: small-caps;
    color: #000;
    text-decoration: underline;
    margin-left: 10px;
    margin-top: 4px;
    font-size: 13px;
    cursor: pointer;
    float: left;
}

#formUploadFile .searchFile,
#formUploadFile .fakeInput {
    position: relative;
    z-index: 2;
}

#formUploadFile .fakeInput p {
    overflow: hidden;
    white-space: nowrap;
}

.tabIndex .connectBloc {
    background-color: #544e85;
    border-radius: 4px;
    position: relative;
    padding: 2rem 2rem 0;
    margin: 3rem auto;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .tabIndex .connectBloc {
        width: 50%;
    }
}


.tabIndex .connectBloc p {
    font-family: "Montserrat", Arial, sans-serif;
    text-align: center;
    color: #fff;
    margin: 10px auto;
    font-size: 1rem;
}

.tabIndex .connectBloc p a {
    background-color: #fff;
    border-radius: 60px;
    border: 0;

    margin: 2rem;
    padding: 12px 24px;
    white-space: nowrap;
}

.tabIndex .connectBloc p a span {
    color: #1e1852;
}


.tabIndex .infoBloc {
    background-color: #544e85;
    color: #fff;
    padding: 20px 20px 20px 65px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    margin-left: 50px;
    margin-right: 40px;
    margin-bottom: 20px;
}

.tabIndex .infoBloc ol {
    font-size: 11px;
    line-height: 1.2em;
    list-style-type: decimal;
    padding-left: 12px;
}

.tabIndex .infoBloc ol li {
    margin: 5px 0;
}

.tabIndex .infoBloc .close,
.tabIndex .infoBloc .arrow {
    position: absolute;
}

.tabIndex .infoBloc .arrow {
    background: url("/imagerie/leclub/pics/pic-info-arrow.png") no-repeat;
    top: -16px;
    width: 32px;
    height: 16px;
    left: 45px;
}

.tabIndex .infoBloc .close {
    background: url("/imagerie/leclub/pics/close-arrow.png") no-repeat;
    width: 16px;
    height: 16px;
    top: 3px;
    right: 3px;
    cursor: pointer;
    z-index: 2;
}

.tabIndex .infoBloc .content {
    color: #fff;
}

.tabIndex .content p {
    font-family: "Montserrat", Arial, sans-serif;
    text-align: center;
    color: #fff;
    margin: 10px auto;
    font-size: 1rem;
}

body.ar .tabIndex .content p span.tel {
    direction: ltr;
}

.tabIndex .content .title {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 0;
}

.tabIndex .controlGroup textarea {
    width: 100%;

}

.tabIndex .controlGroup.checkbox {
    margin-bottom: 0;
}

.tabIndex .controlGroup.checkbox label {
    float: none;
    display: inline;
    margin-left: 6px;
}

.tabIndex .controlGroup.checkbox input,
.tabIndex .controlGroup.checkbox label {
    cursor: pointer;
}

body.ar .tabIndex .controlGroup.checkbox input,
body.ar .tabIndex .controlGroup.checkbox label {
    float: right;
}

.tabIndex .controlGroup.textarea label {
    float: none;
    display: block;
    margin-bottom: 10px;
}

.tabIndex .controlGroup select {
    height: 3rem;
    padding: 1rem;
}

.tabIndex .controlGroup select#partnerFlyerName {
    width: 133px;
}

.tabIndex .controlGroup .controls {
    padding: 0;
}

.tabIndex .controlGroup input {
    border: 1px solid #dadadd;
    border-radius: 4px;
    font-size: 12px;
    height: 2rem;
    padding: 1rem;
}

.tabIndex .controlGroup.noLabel select {
    width: 100%;
}

@media screen and (min-width: 767px) {
    .tabIndex .controlGroup.noLabel select {
        width: 50%;
    }
}

.tabIndex .controlGroup textarea {
    resize: none;
    height: 110px;
}

.captchaBox {
    margin: 10px 0 0 0;
}

.captchaBox .reload {
    color: #3e3d48;
    float: right;
    text-decoration: none;
}

.captchaBox .reload:hover {
    text-decoration: underline;
}

.tabIndex .controlGroup .fakeInput,
.tabIndex .controlGroup textarea,
.tabIndex .controlGroup select,
.captchaBox input[type="text"],
.tabIndex .controlGroup input[type="text"] {
    border: 1px solid #dadadd;
    border-radius: 4px;
    font-size: 12px;
}

.tabIndex .controlGroup .fakeInput.error,
.tabIndex .controlGroup textarea.error,
.tabIndex .controlGroup select.error,
.captchaBox input[type="text"].error,
.tabIndex .controlGroup input[type="text"].error {
    border: 1px solid #BE1010;
    font-size: 12px;
}

.tabIndex .controlGroup .fakeInput.fileRequired {
    border-color: #BE1010;
}

.tabIndex .controlGroup .fakeInput {
    width: 178px;
    height: 17px;
    padding: 2px;
    background-color: #fff;
    position: relative;
    padding-right: 20px;
    float: left;
    line-height: 17px;
    z-index: 2;
}

.tabIndex .controlGroup .fakeInput .tooltip {
    position: absolute;
    right: 4px;
    top: 4px;
}

.tabIndex .controlGroup input[type="file"] {
    border: 0;
}

.captchaBox input[type="text"],
.tabIndex input[type="text"] {
    padding: 2px 5px;
}

.captchaBox .coln,
.tabIndex .coln {
    width: 44%;
    float: left;
}

body.ar .captchaBox .coln {
    float: right;
}

body.ar .captchaBox .reload {
    float: left;
}

.captchaBox .coln.first-coln,
.tabIndex .coln.first-coln {
    margin-left: 50px;
}

.tabIndex .coln .controlGroup {
    padding: 0;
    margin-bottom: 1rem;
    display: inline-block;
    position: relative;
    text-align: left;
}

.tabIndex .coln .controlGroup label {
    width: 140px;
}

.tabIndex .coln .controlGroup label[for="langCountry"] {
    margin-top: -7px;
}

.zh .tabIndex .coln .controlGroup label[for="langCountry"], .th .tabIndex .coln .controlGroup label[for="langCountry"] {
    margin-top: 0;
}

.tabIndex .coln .controlGroup .controls {
    position: relative;
}

.tabIndex .coln .controlGroup .controls .ui-datepicker-append {
    position: absolute;
    top: 7px;
    left: 10px;
    color: #525252;
    font-style: italic;
}

.tabIndex .coln .controlGroup .controls .checkbox {
    float: none;
    width: 159px;
    text-align: left;
}

.tabIndex #partnerName,
.tabIndex #partnerNameFlyer {
    width: 133px;
}

.tabIndex input.datepicker {
    width: 85px;
    padding-right: 25px;
    background: url("/imagerie/leclub/pics/select-date.png") no-repeat 98px center;
}

.controlGroup.actions {
    padding-right: 0;
    display: inline-block;
    position: relative;
    width: 88%;
}

.controlGroup.actions .preventionMessage {
    width: 390px;
    padding-top: 8px;
    min-height: 27px;
    float: left;
    margin-top: -10px;
}

.controlGroup.actions .btn {
    float: right;
}

.preventionMessage {
    padding-left: 50px;
    color: #3e3d48;
    font-size: 10px;
    min-height: 35px;
    background: url("/imagerie/leclub/pics/pic-warning.png") 5px center no-repeat;
}

.controlGroup .maxChar {
    font-weight: bold;
}

.controlGroup.callSection {
    padding-left: 0;
}

.controlGroup.callSection label {
    margin: 0 auto 1rem;
}

.controlGroup.callSection .numberWraper {
    padding-top: 1rem;
    line-height: 1.8em;
}

.controlGroup.callSection .tel {
    font-size: 24px;
    color: #068484;
    font-weight: bold;
    padding-bottom: 10px;
}

body.ar .controlGroup.callSection .tel {
    direction: ltr;
    text-align: right;
}

.controlGroup.callSection .disponibility {
    color: #3e3d48;
    font-variant: small-caps;
    font-size: 11px;
    font-weight: bold;
}

.controlGroup.callSection .complement {
    font-variant: small-caps;
    color: #068484;
    font-size: 11px;
    font-weight: bold;
}

.tabIndex .warperTabs .connectNumber {
    display: none;
}

.classicContent {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 15px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.classicContent .title {
    color: #3e3d48;
    font-variant: small-caps;
    font-size: 24px;
}

.classicContent .controlGroup.actions {
    width: 100%;
}

.classicContent .subContent {
    margin: 50px auto 40px;
    width: 95%;
}

.classicContent .subContent.disconnected, .classicContent .subContent.connected {
    display: none;
}

.classicContent .subContent a,
.classicContent .subContent p {
    margin-bottom: 20px;
    color: #3e3d48;
}

#contactEmailSubmitForm {
    margin: 0 auto;
    text-align: center;
}

#contactEmailSubmitForm #formCaptcha,
#contactEmailSubmitForm #formChoiceSubject,
#contactEmailSubmitForm #formContactWraper,
#contactEmailSubmitForm .connectBloc,
#formChoiceSubject .alertEuropcar {
    display: none;
}

#formChoiceSubject .alertEuropcar {
    margin-top: 15px;
}

.alertEuropcar img {
    float: left;
}

.alertEuropcar .contentInfo {
    font-size: 0.9em;
    padding-top: 8px;
}

.alertEuropcar .contentInfo,
.alertEuropcar .contentInfo a {
    color: #3e3d48;
}

/* faq page */
.helpContent {
    padding-top: 127px;
}

.helpContent .contentHeader {
    padding: 30px;
    padding-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url("/imagerie/leclub/bg-header-help.jpg") repeat-x #1b4c82;
    border: 1px solid #2d6299;
}

.helpContent .contentHeader .title1 {
    color: #fff;
    padding-top: 0;
    margin-bottom: 5px;
    background-image: url("/imagerie/leclub/benefits/bg-subtitle.png");
}

.helpContent .contentHeader label {
    font-size: 13px;
}

.helpContent .contentHeader .search {
    border: solid 1px #9caabe;
    padding: 2px 30px 2px 10px;
    width: 320px;
    background: url("/imagerie/leclub/pics/search.png") #fff 340px 2px no-repeat;
}

.helpContent .contentHeader .btn {
    margin-left: 10px;
    vertical-align: middle;
    margin-bottom: 2px;
    display: none;
}

.helpContent .responseWraper .arrow-before:before {
    content: '>';
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    margin: 0 0 0 -12px;
    position: absolute;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
}

.ar .helpContent .responseWraper .arrow-before:before {
    margin-right: -15px;
}

.helpContent .responseWraper dt {
    color: #fff;
    padding-left: 7px;
}

.helpContent .responseWraper dt:before {
    content: '•';
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    margin: 0 0 0 -8px;
    position: absolute;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.25s;
}

.ar .helpContent .responseWraper dt:before {
    margin-right: -15px;
}

.helpContent .responseWraper {
    margin-top: 10px;
    background: url("/imagerie/leclub/bg-help-response.jpg") repeat;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
    padding: 30px 70px 20px 45px;
    position: relative;
    display: none;
}

.helpContent .responseWraper .close {
    position: absolute;
    background: url("/imagerie/leclub/pics/close-arrow.png") no-repeat;
    width: 16px;
    height: 16px;
    top: 7px;
    right: 7px;
    cursor: pointer;
    z-index: 2;
}

.helpContent .responseWraper a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

.helpContent .responseWraper p {
    color: #fff;
    font-size: 12px;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.helpContent .responseWraper .title {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.1em;
}

.helpContent .responseWraper table {
    text-align: center;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid #fff;
}

.helpContent .responseWraper table td {
    color: #fff;
}

.helpContent .responseWraper table th,
.helpContent .responseWraper table td {
    border: solid 1px #fff;
    vertical-align: middle;
    padding: 20px 7px;
}

.helpContent .responseWraper table th {
    color: #003f6f;
    background-color: #fff;
    border-color: #003f6f;
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.helpContent .responseWraper table th.first {
    border-left-color: #fff;
}

.helpContent .responseWraper table th.last {
    border-right-color: #fff;
}

.helpContent .answersWraper .questions .title2 {
    margin-bottom: 20px;
}

.helpContent .answersWraper .questions li {
    list-style: decimal outside;
    color: #1c4d83;
    cursor: pointer;
    font-size: 11px;
    margin-bottom: 20px;
    line-height: 13px;
}

.helpContent .answersWraper .questions li.current {
    color: #4896f1;
}

.helpContent .answersWraper .questions li .content {
    display: none;
}

.helpContent .answersWraper {
    background-color: #e5e4e4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
    display: inline-block;
    position: relative;
    margin-top: 15px;
    width: 100%;
}

.helpContent .answersWraper .listContainer ol {
    margin-left: 35px;
    margin-right: 10px;
    display: none;
    counter-reset: li;
}

.helpContent .answersWraper .listContainer {
    height: 305px;
    overflow: hidden;
    width: 420px;
}

.helpContent .answersWraper .questions {
    width: 425px;
    overflow: hidden;
}

.helpContent .answersWraper .questions,
.helpContent .answersWraper .category {
    float: left;
}

.helpContent .answersWraper .category {
    width: 318px;
    background-color: #fff;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    border-right: 2px solid #cdd7e1;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.helpContent .answersWraper .category .title2 {
    padding-top: 0;
}

.helpContent .answersWraper .category li.line {
    background-color: #e5e4e4;
}

.helpContent .answersWraper .category li.last {
    margin-bottom: 30px;
}

.helpContent .answersWraper .category li {
    padding: 20px;
    color: #1c4d83;
    font-weight: bold;
    font-size: 16px;
    font-variant: small-caps;
    cursor: pointer;
}

.helpContent .answersWraper .category li:hover {
    text-decoration: underline;
}

.helpContent .answersWraper .category li.current {
    background-image: url("/imagerie/leclub/pics/help-current.png");
    background-position: 300px center;
    background-repeat: no-repeat;
}

body.ar .helpContent .answersWraper .category li.current {
    background-image: url("/imagerie/leclub/pics/help-current_ar.png");
    background-position: right 300px center;
    background-repeat: no-repeat;
}

.helpContent .answersWraper .title2 {
    margin-left: 15px;
}

.answersWraper .listContainer .jspVerticalBar {
    background: url("/imagerie/leclub/pics/bg-help-scroll.jpg") repeat-y center top;
    width: 8px;
    position: absolute;
    right: 0;
    display: block;
    top: 0;
}

.answersWraper .listContainer .jspHorizontalBar {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    background: red;
}

.answersWraper .listContainer {
    position: relative;
    width: 410px;
    outline: none;
}

.answersWraper .listContainer .jspDrag {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #2a588c;
    background: #E1E1E1;
    cursor: pointer;
    position: absolute;
    width: 6px;
}

.answersWraper .listContainer .title:hover {
    text-decoration: underline;
}

.answersWraper .listContainer .jspVerticalBar:hover .jspDrag {
    background-color: #fff;
}

.answersWraper .listContainer .jspPane {
    position: absolute;
}

.answersWraper .listContainer .jspCapBottom {
    height: 2px;
    display: block;
}

.ui-autocomplete {
    width: 300px;
    background: #fff;
    border: solid 1px #9caabe;
}

.ui-autocomplete li a {
    display: block;
    height: 100%;
    padding: 5px 10px;
    cursor: pointer;
}

.ui-autocomplete li a:hover {
    background-color: #E6EBF2;
}


/* booking points */

.defaultSeparator {
    background-image: url("/imagerie/leclub/benefits/line-vert-blue.png");
    background-repeat: no-repeat;
}

.bloc1 {
    display: inline-block;
    position: relative;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bloc1 .content {
    background: #fff;
    width: 290px;
    padding: 10px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    position: relative;
    z-index: 2;
    min-height: 245px;
}

.bloc1.contentRight .content {
    float: right;
}

.bloc1.contentRight .visuel {
    position: absolute;
    top: 0;
    left: 0;
}

.bloc1 .visuel {
    min-height: 265px;
    height: 100%;
}

.bloc1 .visuel img {
    height: 100%;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.bloc1 .content p {
    font-size: 12px;
    line-height: 1.4em;
    margin-bottom: 20px;
}

.bloc1 .content .link {
    position: absolute;
    background: url("/imagerie/leclub/pics/double-arrow-grey.png") no-repeat 0 6px;
    padding-left: 13px;
    font-variant: small-caps;
    font-size: 13px;
    bottom: 10px;
    right: 10px;
    margin-bottom: 0;
}

.bloc1 .link a:hover {
    text-decoration: underline;
}

.bloc1 .link a {
    color: #215389;
    text-decoration: none;
}

.bloc1 .content .title {
    color: #666666;
    font-size: 24px;
    font-variant: small-caps;
    margin-bottom: 10px;
}

.waitPoints .contentHeader {
    margin-bottom: 30px;
}

.pointsCircle {
    background: url("/imagerie/leclub/bg-earn-points-small.png") no-repeat;
    display: block;
    height: 144px;
    width: 144px;
    color: #fff;
    text-align: center;
}

.pointsCircle p {
    font-size: 16px;
    font-weight: bold;
    padding-top: 24px;
    width: 100px;
    margin: auto;
    line-height: 1.5em;
}

.pointsCircle .size2 {
    font-size: 26px;
}

.pointsCircle .size3 {
    font-size: 16px;
}

.linkBack a {
    background: url("/imagerie/leclub/benefits/btn-prevstep-white-left.png") no-repeat left center;
    padding-left: 30px;
    height: 20px;
    font-size: 16px;
    padding-top: 3px
}

.linkBack a {
    color: #fff;
    text-decoration: none;
}

.coloredBloc {
    width: 238px;
    min-height: 125px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
    box-shadow: 1px 1px 3px #666;
}

.coloredBloc .picto {
    min-height: 125px;
}

.coloredBloc.type1 {
    background: url("/imagerie/leclub/tips/bg-red.jpg") no-repeat #63002e;
}

.coloredBloc.type2 {
    background: url("/imagerie/leclub/tips/bg-blue.jpg") no-repeat #245da4;
}

.coloredBloc .coloredBlocTitle {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0 -1px 0 #050731;
    text-align: right;
    background: url("/imagerie/leclub/tips/separator.png") no-repeat right bottom;
    margin: 0 10px 10px;
    padding-bottom: 6px;
    padding-top: 12px;
    display: block;
    font-variant: small-caps;
}

.coloredBloc .blocContent a {
    color: #fff;
    text-decoration: underline;
}

.coloredBloc .blocContent {
    display: block;
    padding: 10px;
    font-size: 11px;
    text-align: right;
    line-height: 1.3em;
    padding-top: 0;
    padding-bottom: 0;
}

.coloredBloc .picto .blocContent {
    padding-left: 90px;
}

.coloredBloc .blocContent p {
    margin-bottom: 10px;
}

.coloredBloc .blocContent a {
    text-decoration: underline;
    cursor: pointer;
}

.coloredBloc .picto.currency {
    background: url("/imagerie/leclub/benefits/pictos/currency.png") 10px 43px no-repeat;
}

.waitPoints .lineTopEarnPoints {
    width: 164px;
    height: 38px;
    position: absolute;
    top: 21px;
    left: -92px;
    background: url("/imagerie/leclub/guide-lines/top-earn-points.png") no-repeat 0 0;
}

.waitPoints .lineBottomBack {
    background: url("/imagerie/leclub/guide-lines/bottom-back.png") no-repeat 95px bottom;
    height: 77px;

}

.waitPoints .row.lineBottomBack {
    margin-bottom: 150px;
}

.waitPoints .middleRow {
    background: url("/imagerie/leclub/guide-lines/midle-row.png") no-repeat 95px top;
    padding-top: 15px;
}

.waitPoints .row.lineBottomBack .btnReservation {
    position: absolute;
    right: 300px;
    bottom: -25px;
}

.waitPoints .row.lineBottomBack .linkBack {
    position: absolute;
    bottom: -5px;
    left: 0;
}

.waitPoints .row.lineBottomBack .btnReservation .btn .content {
    padding: 0 30px;
}

.waitPoints .row .pointsCircle,
.waitPoints .row .coloredBloc {
    float: left;
    margin-left: 51px;
}

.waitPoints .row .pointsCircle:first-child,
.waitPoints .row .coloredBloc:first-child {
    margin-left: 24px;
}

.waitPoints .row {
    margin-bottom: 0;
}

.tabIndex .warperTabs .tabs {
    display: none;
    overflow: hidden;
    position: relative;
}

.tabIndex .warperTabs .tabs:first-child {
    display: block;
}

#formFidelityCard, #formChoiceSubject {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 767px) {
    #formFidelityCard, #formChoiceSubject {
        width: 65%;
    }
}

#formFidelityCard .controlGroup,
#formFidelityCard .carteConnect {
    display: none;
}

#formFidelityCard .carteConnect, #formFidelityCard .carteNoConnect {
    width: 100%;
}

#formFidelityCard .controlGroup {
    position: relative;
    z-index: 0;
    width: 30%;
    min-height: 180px;
    padding: 0;
    margin: 20px 1.5%;
    float: left;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    clear: none;
}

#formFidelityCard .controlGroup.active, #formFidelityCard .controlGroup.active:before {
    background-color: #aba7ca;
}

#formFidelityCard .controlGroup.active label {
    color: #ffffff;
}

#formFidelityCard .controlGroup, #formFidelityCard .inputWrapper, #formFidelityCard .controlGroup:before {
    background-color: #f4f4f5;
}

#formFidelityCard .inputWrapper {

}

#formFidelityCard .controlGroup label, #formFidelityCard .controlGroup input {
    text-align: center;

}

#formFidelityCard .controlGroup input {
    z-index: 2;
    position: relative;
    left: 0px;
    top: -5px;
}

#formFidelityCard .controlGroup:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 50%;
    margin-left: -15px;
    display: block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

#formFidelityCard .controlGroup label, #formFidelityCard .controlGroup label img {
    display: block;
    position: relative;
    z-index: 3;
}

#formFidelityCard .controlGroup label {
    color: #3e3d48;
    display: block;
    padding: 0 0 1rem;
}

#formFidelityCard .controlGroup label img {
    width: 90%;
    margin: 0 auto 10px;
    border-radius: 7px;
    pointer-events: none; /* FIX IE */
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
}

#formFidelityCard:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    zoom: 1;
}

#booking-with-points-leclub .popin-conditions {
    margin-top: 40px;
}

/*      LOCALISATION        */
.pl #mobilMenu .btn-enroll a, .pl #mobilMenu .btn-reservation a {
    background-position: 185px center;
    font-size: 1.4em;
    margin-left: -5px;
}

.pt .pointsCircle p {
    line-height: 1.3em;
    font-size: 15px;
}

.pl .coloredBloc .picto .blocContent {
    padding-bottom: 5px;
}

.pl .coloredBloc .picto .coloredBlocTitle {
    font-size: 17px;
}

.es .pointsCircle p {
    font-size: 14px;
    padding-top: 40px;
}

.pt-br .pointsCircle p {
    padding-top: 40px;
}

.es .pointsCircle .size2 {
    font-size: 20px;
}

.de .pointsCircle p {
    font-size: 15px;
}

.it .pointsCircle p {
    font-size: 15px;
}


/* Contact confirmation */
body#confirmation-leclub .middleContent .subContent .confirm-unlogged,
body#confirmation-leclub .middleContent .subContent .confirm-logged {
    display: none;
}

/*** hide discount links ***/
#home-partners-leclub .push-item + .push-item + .push-item,
.menu-benefits-patners + ul li + li + li,
.industry-link-circle .discount-link {
    display: none;
}

/*gestion de la navigation verticale*/
/* #help-leclub li.menu-avantages ul {display: none;} */
#help-leclub li.menu-contact ul {
    display: block;
}

body.ar {
    direction: rtl;
}

body.ar .middleContent {
    margin-left: initial;
    margin-right: 244px;
}

body.ar .contentHeader .title1 {
    background: url("/imagerie/leclub/bg-title_ar.png") no-repeat right bottom;
}

body.ar .controlGroup.actions .btn {
    float: left;
}

body.ar .middleContent .row.frise {
    right: 240px;
    left: inherit;
}

body.ar .helpGuide .btn {
    left: 10px;
    right: initial;
}

body.ar .tabIndex .titleSection {
    float: right;
}

body.ar .tabIndex .warperTabs fieldset legend {
    background: url("/imagerie/leclub/bg-legend_ar.png") no-repeat bottom right;
}

body.ar .tabIndex .warperTabs fieldset#formChoiceSubject legend {
    text-align: left;
}

body.ar .tabIndex .controlGroup {
    padding-left: 40px;
}

body.ar .controlGroup.callSection label {
    margin-right: 20px;
    margin-left: initial;
}

body.ar .tabIndex .controlGroup label {
    float: right;
    margin-left: 10px;
    margin-right: inherit;
}

body.ar .helpContent .contentHeader .search {
    padding: 2px 10px 2px 30px;
    background: url("/imagerie/leclub/pics/search_ar.png") #fff 3px 2px no-repeat;
}

body.ar .helpContent .answersWraper .questions, .helpContent .answersWraper .category {
    float: right;
}

body.ar .helpContent .answersWraper .category {
    border-radius: 0 10px 10px 0;
    border-left: 2px solid #cdd7e1;
    width: 314px;
}

body.ar .helpContent .title2 {
    background: url("/imagerie/leclub/bg-title_ar.png") no-repeat right bottom;
}

body.ar .answersWraper .listContainer .jspVerticalBar {
    left: 0;
    right: initial;
}

body.ar .answersWraper .listContainer li {
    margin-right: 20px;
}

body.ar .helpContent .answersWraper .title2 {
    margin-right: 15px;
    margin-left: initial;
}

body.ar .tabIndex .coln .controlGroup label {
    width: 75px;
}

body.ar .captchaBox .coln.first-coln,
body.ar .tabIndex .coln.first-coln {
    margin-right: 50px;
    margin-left: 0;
}

body.ar .controlGroup.actions .preventionMessage {
    width: auto;
    float: right;
    background: url("/imagerie/leclub/pics/pic-warning.png") right center no-repeat;
    padding-left: 0;
    padding-right: 50px;
}

body.ar span.tel {
    direction: ltr;
}

body.ar .tabIndex .controlGroup .fakeInput .tooltip {
    left: 4px;
    right: auto;
}

body.ar .tabIndex .infoBloc {
    background-color: #544e85;
}

body.ar .tabIndex .infoBloc .arrow {
    right: 45px;
    left: auto;
}

body.ar .tabIndex .infoBloc .close {
    left: 3px;
    right: auto;
}

body.ar .tabIndex .infoBloc {
    margin-left: 40px;
    margin-right: 50px;
    padding: 20px 65px 20px 20px;
}

body.ar h2.info {
    color: #003f6f;
    margin: 10px 0;
}

.block-partner {
    display: inline-block;
    background: #fff;
    padding: 2px;
    border-radius: 2px;
}

#contacts-leclub #wrapper-header-lcah {
    width: 797px;
}

.footerContainer .conditions {
    width: 948px;
    margin: 25px auto;
    padding-left: 200px;
}

.ar .footerContainer .conditions {
    padding-right: 200px;
}