.form-login .ast-form-group.fbGroup {
    margin-bottom: 16px;
}

.login-facebook, .login-google {
    font-family: "Roboto-Medium";
    font-size: 16px;
    border-radius: 2px;
    width: 100%;
    height: 2.5em;
    text-align: center;
    cursor: pointer;
}

.login-google {
    background: white;
    color: #518EF8;
    border: 1px solid #518EF8;
}

.login-google:before {
    content: '';
    background-image: url('../../be/images/booking-engine-google.svg');
    height: 1.250em;
    width: 1.250em;
    margin-right: 1.250em;
    background-size: 1.250em 1.250em;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.0625em;
}

.login-facebook {
    background: white;
    color: #3B5998;
    border: 1px solid #3B5998;
}

.login-facebook:before {
    content: '';
    background-image: url('../../be/images/booking-engine-facebook.svg');
    height: 1.250em;
    width: 1.250em;
    margin-right: 1.250em;
    background-size: 1.250em 1.250em;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.0625em;
}

.ast-login-title{
    display: none;
}
.ModuleLogin_dialog .ast-login-subtitle{
    display: none;
}
.ModuleLogin_dialog .email-group{
    order :1;
}
.ModuleLogin_dialog .pwd-group{
    order :2;
}
.ModuleLogin_dialog .connectionLogin{
    order :3;
}
.ModuleLogin_dialog .reset-password{
    order :4;
}
.ModuleLogin_dialog .alternate-loggin-group{
    order :5;
}
.ModuleLogin_dialog .login-or{
    order :5;
}
.ModuleLogin_dialog .new-client-group{
    order :6;
}






.sqs a.lnk {
    color: #00adb3 !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.sqs a:hover {
    color: #00adb3 !important;
}

.form-login {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.form-login .ast-form-group input {
    max-width: none;
    flex-grow: 1;
    margin: 0;
    margin-bottom: 8px;
}

.form-login .ast-form-group {
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-family: "Roboto-Medium";
    color: #757575;
    font-size: 16px;
}

.ast-form-group.login-or, .reset-password {
    text-align: center;
}

.form-login .ast-form-group label[for="USR"] {
    font-size: 12px;
    color: #00ADB3;
    justify-self: flex-start;
}

.form-login .ast-form-group {
    margin-bottom: 8px;
}

.form-login .connectionLogin {
    margin-top: 8px;
}

.form-login .connectionLogin .btn-default {
    height: 40px;
    flex-grow: 1;
    width: auto;
}

header .submitLogin {
    margin-top: 5px;
    width: 100% !important;
}

.form-login .lbl_ask_new_client_question {
    color: #757575;
}

.form-login a {
    font-size: 16px;
}

.form-logout {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.form-logout button {
    width: 100%;
    font-size: 16px;
    text-align: start;
}

.new-client-group {
    display: flex;
    border-top: 1px solid #E0E0E0;
    margin-top: 16px;
    padding-top: 16px;
}

.ModuleLogin_dialog .ui-dialog-title {
    font-size: 18px;
    color: #212121;
    font-family: Roboto-Medium;
}

.ModuleLogin_dialog .btn-white {
    padding-left: 0;
}

.ModuleLogin_dialog form label.ast-form-label{
    font-size: 12px;
}

    /*Image de fond*/
#body_background {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}
#body_background.no_header {
    background-position-y: center;
}

.sqs header.main-header {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: solid 1px #efefef;
}

/*SECTION*/
/*890 et plus : tablette paysage et PC*/
/*- Entre 700 et 889  : tablette portrait*/
/*- Entre 396 et 699 : smartphone XL*/
/*- Moins de 396 : smartphone*/
@media screen and (min-width: 890px) {
    .sqs header.main-header {
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    }
}

@media screen and (min-width: 700px) and (max-width: 889px) {
}

@media screen and (min-width: 396px) and (max-width: 699px) {

}

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

}

.sqs header.main-header {
    font-family: "Roboto";
    color: #212121;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 1;
}

header.main-header div ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
}

.sqs header.main-header a {
    font-family: "Roboto";
    color: #212121;
    text-transform: uppercase;
    font-size: 13px;
}

.top-menu {
    height: 100%;
    display: flex;
    align-items: center;
}

#top-menu-left {
    margin-left: 20px;
    position: absolute;
}

#top-menu-left .infoSite {
    display: flex;
    align-items: center;
}

#top-menu-right {
    margin-right: 20px;
    font-size: 12px;
    z-index: 1;
    background-color: #FFFFFF;
    position: absolute;
    right: 0;
}

.site-title {
    font-size: 20px;
}

.sqs header.main-header #top-menu-right ul {
    margin: 0px;
    align-items: center;
    height: 100%;
}

.sqs header.main-header #top-menu-right ul li {
    height: 100%;
    display: flex;
    align-items: center;
}

#top-menu-right .ModuleLogin[class^="icon-booking-"]:before,
#top-menu-right .ModuleCart[class^="icon-booking-"]:before {
    color: #00adb3;
    font-size: 18px;
    margin-right: 8px;
    margin-bottom: 3px;
}

#login_shortcut,
#cart_shortcut,
#language_shortcut {
    cursor: pointer;
}

#login_shortcut:hover,
#cart_shortcut:hover,
#language_shortcut:hover{
    cursor: pointer;
    color: #00ADB3;
}

#login_shortcut a:hover, #cart_shortcut a:hover {
    text-decoration: none;
}

#top-menu-left img {
    border: none;
}

#language_shortcut select {
    border: none !important;
    box-shadow: none;
    font-size: 13px;
}

#language_shortcut > div {
    display: flex;
    align-items: center;
}

#language_shortcut .form-group {
    margin: 0;
}

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

.languageSelectionWrapper .language-btn{
    text-align: start;
    min-width: 0;
}

.language-shortcut{
    margin-right: 8px;
}

.cart-stay-count {
    color: #00ADB3;
    margin-left: 4px;
}

/* Habillage du panier */
.ModuleCart_dialog {
    position:fixed;
    width: 320px;
}

.ModuleCart_dialog .cart_item_room, .ModuleCart_dialog .book_total_label, .ModuleCart_dialog .file_extra_prods_title, .ModuleCart_dialog .book_promo_label{
    font-family: Roboto-Medium;
    color: #212121;
    font-size: 16px;
}

#popupModule_cart_shortcut {
    min-height: 60px !important;
}

.book_promo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.cart_empty_label {
    font-family: Roboto;
    color: #212121;
    font-size: 16px;
    text-align: left;
    margin-top: 12px;
}

.ModuleCart_dialog .cart_item_dates,
.ModuleCart_dialog .price_value,
.ModuleCart_dialog .cart_nights,
.ModuleCart_dialog .book_total {
    font-family: Roboto;
    color: #212121;
    font-size: 16px;
}

.ModuleCart_dialog .stay_extra_prod_items {
    font-family: Roboto;
    color: #757575;
    font-size: 16px;
}

.ModuleCart_dialog .total_price_value {
    color: #00ADB3;
}

.ModuleCart_dialog .stay_extra_prod > * {
    display: inline-block;
}

.ModuleCart_dialog .cart-item {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    flex-grow: 1;
}

.ModuleCart_dialog .cart_item_room {
    order: 1;
    width: calc(100% - 48px - 1px);
}

.ModuleCart_dialog .remove-from-cart {
    /*order: 2;*/
    position: absolute;
    top: 0;
    right: -16px;
    width: calc(32px);
}

.ModuleCart_dialog .remove-from-cart .icon-booking-engine-cancel {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.ModuleCart_dialog .cart_item_dates {
    order: 3;
    width: 100%;
}

.ModuleCart_dialog .cart_nights {
    order: 4;
}

.ModuleCart_dialog .price_value, .ModuleCart_dialog .extra_prod_price {
    display: none;
}

.ModuleCart_dialog .stay_total {
    order: 8;
    padding: 0 !important;
}

.ModuleCart_dialog .pax_items {
    order: 6;
    width: calc(100% - 48px - 1px);
    margin: 0!important;
}
.ModuleCart_dialog .pax_items .pax_label{
    margin-top: 4px;
}


.ModuleCart_dialog .stay_extra_prod_items {
    order: 7;
    width: 100%;
}

.ModuleCart_dialog .total_price_value {
    order: 8;
    width: 100%;
    text-align: start;
}

.ModuleCart_dialog .book_total_price {
    text-align: right;
    color: #00ADB3;
    font-family: Roboto-Medium;
    display: inline-block;
    float: right;
}

.ModuleCart_dialog .book_total_label {
    display: inline-block;
}

.ModuleCart_dialog .cart_buttons button {
    margin-top: 16px;
    width: 100%;
}

.ModuleCart_dialog .form-cart {
    overflow-x: hidden;
}

#info_site {
    cursor: pointer;
}

/*SECTION*/
/*890 et plus : tablette paysage et PC*/
/*- Entre 700 et 889  : tablette portrait*/
/*- Entre 396 et 699 : smartphone XL*/
/*- Moins de 396 : smartphone*/
@media screen and (min-width: 890px) {
    .sqs header.main-header {
        height: 80px;
    }

    .sqs section {
        padding-top: 80px;
        /*min-height: calc(100vh - 80px - 32px);*/
    }

    .results_header {
        margin-top: 80px;
    }

    #top-menu-left img {
        max-height: calc(80px - 16px);
    }

    #login_shortcut, #cart_shortcut {
        margin-right: 26px;
    }
}

@media screen and (min-width: 700px) and (max-width: 889px) {
    .sqs header.main-header {
        height: 80px;
    }

    .sqs section {
        padding-top: 80px;
    }

    .results_header {
        margin-top: 80px;
    }

    #top-menu-left img {
        max-height: calc(80px - 16px);
    }

    #login_shortcut, #cart_shortcut {
        margin-right: 26px;
    }
}

@media screen and (min-width: 396px) and (max-width: 699px) {

    span.login-header-text, span.basket-header-text {
        display: none;
    }

    span.cart-stay-count {
        position: relative;
        right: 8px;
    }

    .sqs header.main-header {
        height: 64px;
    }

    .sqs section {
        padding-top: 64px;
    }

    .results_header {
        margin-top: 64px;
    }

    .sqs header.main-header #top-menu-right .icon-booking-engine-account:before,
    .sqs header.main-header #top-menu-right .icon-booking-engine-basket:before {
        margin-left: 19px; /*pour centrer les icones*/
    }

    /*
    .sqs header.main-header #top-menu-right ul li {
        width: 56px;
    }

    .sqs header.main-header #top-menu-right ul li#language_shortcut {
        width: 67px;
    }*/

    #top-menu-left img {
        max-height: 48px;
        max-width: 180px;
    }

    /*deplacer dans result.css lorsque l'on reverra les pts de ruptures de la page result*/
    .results_header {
        margin-top: 64px;
    }

    .ModuleCart_dialog .remove-from-cart {
        right: -5px;
    }

}

@media screen and (min-width: 396px) and (max-width: 510px){
    .sqs header.main-header .site-title {
        display: none;
    }
}

@media screen  and (max-width: 396px) {
    .sqs header.main-header {
        height: 64px;
    }

    .sqs section {
        padding-top: 64px;
    }

    .results_header {
        margin-top: 64px;
    }

    .sqs header.main-header #top-menu-right .icon-booking-engine-account:before,
    .sqs header.main-header #top-menu-right .icon-booking-engine-basket:before {
        margin-left: 19px; /*pour centrer les icones*/
    }

    span.login-header-text, span.basket-header-text {
        display: none;
    }

    span.cart-stay-count {
        position: relative;
        right: 8px;
    }

    #top-menu-left img {
        max-height: 48px;
        max-width: 180px;
    }

    .sqs header.main-header .site-title {
        display: none;
    }

    /*deplacer dans result.css lorsque l'on reverra les pts de ruptures de la page result*/
    .results_header {
        margin-top: 64px;
    }

    .ModuleCart_dialog .remove-from-cart {
        right: -5px;
    }
}