* {
    -webkit-overflow-scrolling: touch;
}

.navbar-brand.logo.home {
    font-size: 21px;
    line-height: 100%;
}
    .navbar-brand.logo.home > i {
        padding-right: 5px;
        margin-top: 2px;
    }

.navbar-brand.logo {
    display: inline-flex;
}
    .navbar-brand.logo .tagline {
        line-height: 1em !important;
        margin-left: .5rem !important;
        font-size: 60%;
        margin: auto;
    }

.language-checked {
    position: relative;
    width: 22px;
    left: 13px;
    top: 6px;
    margin-left: -22px !important;
    margin-top: -6px !important;
}

.box {
    height: auto;
}

    .box .section.content > div.left {
        background-color: transparent;
        flex-basis: 55%;
        flex: 1 1 55%;
        padding-left: 0;
    }



        .box .section.content > div.left.fulls {
            background-color: transparent;
            flex-basis: 100%;
            flex: 1 0 100%;
            padding-left: 0;
        }

/*.box .section.content > div.left {
    background-color: transparent;
    flex-basis: 55%;
    flex: 1 1 55%;
    padding-left: 0;
}*/

.nmi-container {
    position: absolute;
    top: -7px;
    left: 23px;
    cursor: pointer;
}

    .nmi-container > i.fas {
        font-size: 19px;
    }

    .nmi-container > span {
        position: absolute;
        font-size: 10px;
        top: 3px;
        left: 7px;
        font-weight: bold;
        user-select: none;
    }

.nmi > li > a > i.fas {
    font-size: 19px;
}

.nmi-container > i.nmi-basket {
    color: rgba(255, 126, 0, 1) !important;
}

.nmi-container > i.nmi-user {
    color: rgba(75, 191, 105, 1) !important;
}

.nmi-container.bullet-processed > i.nmi-user {
    color: rgba(75, 191, 105, 1) !important;
}

.nmi-container.bullet-unprocessed > i.nmi-user {
    color: rgba(255, 126, 0, 1) !important;
}

.nmi-container.bullet-both > i.nmi-user {
    color: rgba(255, 235, 59, 1) !important;
}

.nmi-container > i.nmi-wishlist, .nmi-container > i.nmi-color2 {
    color: var(--color2) !important;
}

    .nmi-container > i.nmi-wishlist ~ span, .nmi-container > i.nmi-color2 ~ span {
        color: white !important;
    }

/*a.nmi-link:hover > .nmi-container > i.nmi-basket {
    color: rgba(255, 126, 0, 1) !important;
}

a.nmi-link:hover > .nmi-container > i.nmi-user {
    color: rgba(75, 191, 105, 1) !important;
}

a.nmi-link:hover > .nmi-container > span {
    color: white !important;
}*/
/*.tileCustomSlider, .customText, .ribbonText {
    width: 100%;
    margin-left: 0px;
    padding: 5px;
}*/
.wrapperFullScreenFilter i:not(.fak) {
    font-family: "Font Awesome 5 Pro" !important;
}

.wrapperFullScreenFilter *:not(.fak) {
    font-family: var(--fontName);
}

.fullScreenFilter span i:not(.fak), .fullScreenMoreFilters span i:not(.fak), .fullScreenResetFilters span i:not(.fak) {
    font-family: "Font Awesome 5 Pro" !important;
}

.thankYouPageSurveyOverlay {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    z-index: 1;
    padding: 1rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid rgba(0,0,0,0.15);
    max-width: 90%;
    transition: all 3s;
    transition-duration:5s;
    opacity: 1;
    /*height:150px;*/
}

    .thankYouPageSurveyOverlay.hide {
        height: 0;
        opacity: 0;
        overflow: hidden;
    }

 




@media only screen and (max-width: 480px) {
    .thankYouPageSurveyOverlay { right:8%; left:8%; position:sticky; margin-top:30px; }
    .thankYouDiv { margin-bottom:-10px; padding-bottom:0px;}
}

.SurveyTitle {
    font-size: 13pt;
    font-family: "AvenirLTStd-Black";
}
.SurveyText {
    font-size: 11pt;
    color: black;
}


.aboutUs {
    position: absolute;
    bottom: 20px;
    left: 15px;
    max-width: 326px;
    padding: 10px;
    padding-right: 24px;
    background-color: white;
    border: 1px solid #130A04;
    border-radius: 2px;
    display: none;
    text-align: left;
    font-size: 9pt;
    z-index: 1000000000;
}

    .aboutUs .close {
        position: absolute;
        top: -3px;
        right: 2px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }

        .aboutUs .close:hover {
            color: #000;
        }

        .aboutUs.overlay > hr {
            height: 1px;
            border: 0;
            background-color: #e4e4e4;
            margin: 10px 0;
        }

        .aboutUs > img {
            min-width: 120px;
            width: 39%;
        }

    .overlay-contact {
        padding-bottom: 6px;
        display: block;
        text-align: right;
    }

    .overlay-tripadvisor {
        width: 124px;
        height: 36px;
        background: url('https://s3-us-west-2.amazonaws.com/aoeanpss3.prod.aws.ean/ean-rapid-site/biglogo1.png') no-repeat center;
        background-size: 124px 19px;
        position: relative;
        margin-left: auto;
    }


    .overlay-top-right {
        padding: 5px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        color: white !important;
        opacity: 0.85;
    }

        .overlay-top-right:hover {
            opacity: 1;
            color: white !important;
        }

    .HotelContainer .wishlist {
        color: var(--color2);
        padding-left: 5px;
        position: absolute;
        outline-offset: 0;
        outline-width: 0;
        top: 0;
        left: 0;
        z-index: 2;
    }

    /* Lien hotel en position absolue (.streteched-link), tous les elements cliquables ou avec un tooltip doivent être au dessus */
    .HotelContainer [data-tippy-content], .HotelContainer title, .HotelContainer a {
        z-index: 2;
    }

    .HotelContainer .wishlist img {
        opacity: 0.85;
    }

    .HotelContainer .wishlist:hover img, .card .wishlist:hover img {
        opacity: 1;
    }

    .content {
        height: 100%;
    }

    #contactTable > div > table {
        width: 100% !important;
    }

    .HotelsContainer {
        width: 100%;
    }

        .HotelsContainer.hc-space > .HotelContainer {
            padding-bottom: 25px;
        }

    .wrapperFullScreenFilter {
        z-index: 10 !important;
    }

    /*#tileCustomSlider .textFull {
    height: auto !important;
}*/

    .fixed-centered {
        position: fixed;
        left: 50% !important;
        transform: translate(-50%, 0) !important;
    }

    /*SHOW MAP*/
    .showMapSwitchInfo {
        position: relative;
        display: inline-block;
        height: 40px;
        float: right;
        margin-left: 10px;
        cursor: pointer;
    }

    .showMapSwitchText {
        /*float: left;*/
        display: block;
        text-align: center;
        /*height: 100%;
    line-height: 40px;*/
        padding-left: 20px !important;
        white-space: nowrap;
    }

    .showMapSwitch {
        float: right;
        position: relative;
        width: 80px;
        display: inline-block;
        background: #fff;
        border: 1px solid rgba(0,0,0,0.15);
        height: 100%;
        line-height: 44px;
    }

        .showMapSwitch * {
            font-family: Arial;
            font-size: 13px;
        }

    .showMapSwitch-label {
        position: relative;
        z-index: 2;
        float: left;
        width: 50%;
        color: #9c9c9c;
        text-align: center;
        cursor: pointer;
    }

        .showMapSwitch-label:active {
            font-weight: bold;
        }

    .showMapSwitch-input {
        display: none;
    }

        .showMapSwitch-input:checked + .showMapSwitch-label {
            font-weight: bold;
            color: rgba(0, 0, 0, 0.9);
            text-shadow: 0 1px rgba(255, 255, 255, 0.25);
            -webkit-transition: 0.15s ease-out;
            -moz-transition: 0.15s ease-out;
            -o-transition: 0.15s ease-out;
            transition: 0.15s ease-out;
        }

        .showMapSwitch-input:checked + .showMapSwitch-label-on ~ .showMapSwitch-selection {
            left: 50%;
        }

        .showMapSwitch-input:checked + .showMapSwitch-label i {
            color: white;
        }

    .showMapSwitch-selection {
        display: block;
        position: absolute;
        z-index: 1;
        top: 2px;
        left: 2px;
        width: calc(50% - 2px);
        height: calc(100% - 4px);
        -webkit-transition: left 0.15s ease-out;
        -moz-transition: left 0.15s ease-out;
        -o-transition: left 0.15s ease-out;
        transition: left 0.15s ease-out;
    }

    .showMapSwitchInfo[data-display-map='true'] * {
        color: #39383F;
    }
    /******************/
    /* Weather */
    .weatherDayText {
        font-size: 14px;
        padding-top: 15px;
        padding-left: 10px;
    }

    .weatherTable {
        margin-top: 62px;
        margin-bottom: 50px;
        margin-right: 10px;
        position: relative;
        float: right;
        min-width: 440px;
        max-width: 45%;
    }

    .tile.weather-vertical {
        height: 115px;
        cursor: default;
        overflow: hidden;
    }

    .tile.double-weather {
        width: 274px;
    }

    .tile.double-weather-vertical {
        height: 234px;
    }

    .tile.weather {
        width: 135px;
    }

    .weatherTiles .tile.landscape {
        position: absolute;
        top: 238px;
    }

        .weatherTiles .tile.landscape img {
            width: 100%;
        }

    .weatherTiles .tile .brand > .name, .weatherTiles .tile .tile-status > .name {
        color: #ffffff;
        font-size: 10pt;
        text-transform: uppercase;
        text-align: center;
    }

    .tile-content-Img0 {
        top: 39px !important;
    }

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

    #liTimeOut a {
        cursor: default !important;
    }

    #liTimeOut span, .navbar-mobile-item.nmi-timeout span {
        padding-left: 5px;
    }

/*#modalContentPage {
    z-index: 10000000000;
}*/
#modalContentPage .modal-body {
    overflow: auto;
   
}

    .inactiveSessionTimeout > i {
        font-size: 20px;
        vertical-align: middle;
        padding-right: 5px;
    }

    .inactiveSessionTimeout > span {
        vertical-align: middle;
    }
    /* Modifications */
    .tile.simple-vertical {
        height: 180px;
    }

    .tile .brand > .name {
        text-transform: uppercase;
    }

    .dmcSection .tile .brand > .name {
        text-transform: lowercase;
    }

    .tile .brand > .name > .subname {
        text-transform: lowercase;
        line-height: 15px;
    }

    .tile.icon > .tile-image {
        padding: 0;
    }

        .tile.icon > .tile-image > img,
        .tile.icon > .tile-image > a:link img {
            position: absolute;
            width: 120px;
            height: 100px;
            top: 25%;
            left: 40%;
            margin-left: -32px;
            margin-top: -32px;
        }

    .tile.image > .tile-image,
    .tile.image-slider > .tile-image {
        padding: 0;
    }

        .tile.image > .tile-image > img,
        .tile.image-slider > .tile-image > img {
            width: 100%;
            height: auto;
            min-height: 100%;
            max-width: 100%;
        }

    .tile.image-set > .tile-image {
        margin: 0;
        padding: 0;
        width: 25% !important;
        height: 50%;
        float: left;
        border: 1px #1e1e1e solid;
    }

        .tile.image-set > .tile-image > img {
            min-width: 100%;
            width: 100%;
            height: auto;
            min-height: 100%;
        }

    .tile.image-set .tile-image:first-child {
        width: 50% !important;
        float: left;
        height: 100%;
    }

    .quadro, .double, .middle {
        margin: 10px;
        border: 1px solid #d9d9d9;
        color: #666;
        height: 140px;
    }

    .quadro {
        width: calc(61% + 20px);
    }

    .double {
        width: 30.5%;
    }

    .tile .brand > .name, .tile .tile-status > .name, .tile .brand > .name:hover {
        color: #666;
    }

    .modifyMyReservations {
        padding: 10px;
    }

    .myReservations-title {
        padding: 0 10px;
    }

    .modificationSearch {
        padding: 0 10px;
    }

    .modifyMyReservationsHotel > .modifyMyReservationsHotel-hotel {
        padding: 10px;
    }

    .modifyMyReservationsHotels .modifyMyReservationsHotel > .modifyMyReservationsHotel-hotel {
        padding: 0;
    }

    p.hotel-stars > i, p.hotel-stars > i, p.hotel-stars > i {
        color: #ffd000;
    }

    .selectedHotel p.hotel-stars > i {
        font-size: 16pt;
    }

    .modifyMyReservationsHotels .modifyMyReservationsHotel > div.customText {
        margin: 0;
    }

    .modifyMyReservationsHotel-hotel > div.hotel-info {
        padding-left: 0;
    }

    .basketReservationsList-item .hotel-room > i, .basketReservationsList-item .hotel-date > i {
        font-size: 17px;
    }

    .basketReservationsList-item .hotel-date {
        margin: 2px auto !important;
    }

        .basketReservationsList-item .hotel-date:first-of-type {
            padding-right: 10px;
        }

            .basketReservationsList-item .hotel-date:first-of-type > i {
                padding-right: 5px;
            }

        .basketReservationsList-item .hotel-date:last-of-type > i {
            padding-left: 5px;
        }

    .basketReservationsList-item p.hotel-persons {
        text-align: left;
    }

    .previousNextHotels > .a-previous, .previousNextHotels > .a-next {
        padding: 0 10px;
    }

        .previousNextHotels > .a-previous:before {
            font-family: "Font Awesome 5 Pro";
            content: "\f053";
            vertical-align: middle;
            padding-right: 7px;
        }

        .previousNextHotels > .a-next:after {
            font-family: "Font Awesome 5 Pro";
            content: "\f054";
            vertical-align: middle;
            padding-left: 7px;
        }

    .introtext-unprocessedReservations {
        padding: 0 5px;
        display: block;
    }

    .fullw {
        width: 100%;
    }

    .input-group.ntext {
        border: 1px solid #ccc;
        border-radius: 2px;
    }

        .input-group.ntext > .input-group-addon {
            border-top: 0;
            border-right: 1px solid #ccc;
            border-bottom: 0;
            border-left: 0;
        }

    .b-menu-container {
        padding: 15px;
        margin: 0;
    }

    .b-menu-title {
        width: 100%;
        background-color: #39383f;
    }

        .b-menu-title > a {
            vertical-align: super !important;
            margin: 0 10px !important;
            font-size: 15px !important;
        }

        .b-menu-title > h2 {
            display: inline-block !important;
            margin: 10px !important;
            font-size: 26px !important;
            color: white !important;
        }

    .b-btn {
        border-radius: 2px;
    }
    /*wuc ContactNoHotel*/
    .contact-form-global {
        padding: 10px;
        width: calc(100% - 10px);
    }

        .contact-form-global input[type="submit"] {
            float: right;
            border-radius: 2px;
        }

            .contact-form-global input[type="submit"]:hover, .contact-form-global input[type="submit"]:focus {
                color: white;
            }

        .contact-form-global > h2 {
            margin-top: 0;
        }

    .row-contact-form > div {
        padding: 15px;
    }

        .row-contact-form > div > p {
            font-size: 120%;
        }

    .row-contact-form i.fa, .row-contact-form i.fal, .row-contact-form i.far, .row-contact-form i.fas {
        font-size: 17px;
        padding-right: 5px;
        vertical-align: middle;
    }

    .col-contact-form-request {
        border-left: 1px solid black;
    }

    .col-contact-form-contact p {
        margin: 3px 0;
    }

    .col-contact-form-request > div.row > div.col-request {
        padding-bottom: 15px;
    }

        .col-contact-form-request > div.row > div.col-request > table {
            width: auto !important;
        }

            .col-contact-form-request > div.row > div.col-request > table > tbody > tr > td:first-child {
                padding-left: 0;
            }

.contact-form-request-ntext {
    border: 1px solid lightgrey;
}
.contact-form-request-ntext > table {
    width: auto !important;
}

        .contact-form-request-ntext > table > tbody > tr > td > label {
            margin: 3px;
        }

        .contact-form-request-ntext > table > tbody > tr > td > input {
            margin: 0;
            vertical-align: middle;
        }

    .col-nohotels-contact-form {
        border-left: 1px solid;
    }

        .col-nohotels-contact-form > div {
            padding: 0 0 10px 0;
        }

            .col-nohotels-contact-form > div > p {
                margin: 0 0 2px 0;
            }
    /*MyAccount*/
    .myAccount-container {
        padding: 15px 15px 25px 15px;
        margin: 0;
    }

        .myAccount-container .styled-input, .myAccount-container .styled-input.wide {
            width: 100%;
        }

        .myAccount-container .reservationContactForm input[type="text"], .myAccount-container .reservationContactForm input[type="email"], .myAccount-container .reservationContactForm input[type="password"], .myAccount-container .reservationAuthentication input[type="text"], .myAccount-container .reservationAuthentication input[type="email"], .myAccount-container .reservationAuthentication input[type="password"], .myAccount-container .reservationGuests input[type="text"] {
            width: 100%;
        }

        .myAccount-container .col-myAccount .styled-input {
            margin-bottom: 10px;
        }

            .myAccount-container .col-myAccount .styled-input > span.validator {
                top: calc(100% + 5px);
            }

        .myAccount-container .col-myAccount .myAccount-update > span {
            display: block;
        }

    @media (max-width: 1000px) {
        div #left.left.map-on .myAccount-container .col-myAccount {
            width: 100% !important;
        }
    }

    @media (min-width: 1000px) {
        div#left.left.map-on .myAccount-container .col-myAccount {
            width: 50% !important;
        }
    }

    @media (min-width: 1600px) {
        div#left.left.map-on .myAccount-container .col-myAccount {
            width: 40% !important;
        }
    }
    /*End MyAccount*/

    /*Favorite Hotel*/

    img.favoriteHotelContent {
        vertical-align: middle;
        width: 16px;
    }

    img.favoriteHotelTitle {
        vertical-align: middle;
        width: 19px;
    }

    /*Modifications / Reservations*/
    .wmenu-main {
        display: flex;
        padding: 10px 0;
    }

        .wmenu-main > a.wmenu {
            display: flex;
            flex: 1;
        }

            .wmenu-main > a.wmenu > div {
                flex: 1;
                height: 160px;
                margin: 0 10px;
                border: 1px solid #d9d9d9;
                position: relative;
                cursor: pointer;
                color: #666;
                border-radius: 2px;
            }

    .modificationreservation-wmenu > .wmenu-main > a.wmenu > div {
        flex: 1;
        height: auto;
        margin: 0 10px;
        border: 1px solid #d9d9d9;
        position: relative;
        cursor: pointer;
        color: #666;
        border-radius: 2px;
    }

    .wmenu-main > a.wmenu:hover {
        color: #130A04 !important;
    }

    .wmenu-main > a.wmenu div.brand {
        position: absolute;
        bottom: 0;
    }

    .modificationreservation-wmenu > .wmenu-main > a.wmenu div.brand {
        position: relative;
        bottom: auto;
    }

    .modificationreservation-wmenu > .wmenu-main > a.wmenu div.tile-content {
        padding-top: 5px;
    }

        .modificationreservation-wmenu > .wmenu-main > a.wmenu div.tile-content.modificationreservation-figures {
            padding-top: 5px;
            font-size: 48px;
            font-weight: bold;
        }

    .wmenu-main > a.wmenu div.brand > span.name {
        display: block;
        padding: 5px 0;
        text-transform: uppercase;
    }

    .modificationreservation-wmenu > .wmenu-main > a.wmenu div.brand > span.name {
        display: block;
        padding: 0;
        text-transform: uppercase;
    }

    .modificationreservation-wmenu > .wmenu-main > a.wmenu div.brand.modificationreservation-figures > span.name {
        display: block;
        padding: 10px 0;
        text-transform: uppercase;
    }

    .wlarger {
        flex-basis: 40% !important;
    }

    div#left.map-on .modificationreservation-wmenu > .wmenu-main {
        display: block;
    }

        div#left.map-on .modificationreservation-wmenu > .wmenu-main > a.wmenu {
            display: block;
            flex: none;
            margin: 10px 0;
        }

    /*SCREEN < 1200px*/
    @media screen and (max-width: 1200px) {
        .wmenu-main {
            display: block;
        }

        div#left.map-on .modificationreservation-wmenu.figures > .wmenu-main {
            display: block;
            padding: 0 10px;
        }

        .wmenu-main > a.wmenu {
            display: block;
            flex: none;
            margin: 10px;
        }

        .welcome-wmenu .wmenu-main > a.wmenu {
            margin: 10px 0;
        }

        .modificationreservation-wmenu > .wmenu-main > a.wmenu > div {
            margin: 0;
        }
    }
    /*END Modifications / Reservations*/
    /*DATERANGEPICKER*/
    .daterangepicker {
        font-family: var(--fontName);
        overflow: auto;
        border-radius: 2px;
    }

        .daterangepicker .drp-buttons .btn:focus {
            outline: none;
        }
    /******************/

    /*ION.RANGESLIDER*/
    .irs {
        font-family: var(--fontName);
    }

    .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
        border-radius: 2px !important;
    }
    /******************/
    /*SELECT2*/
    .select2-container-multi .select2-choices .select2-search-field input, .select2-search input, .select2-results li {
        font-family: var(--fontName);
    }
    /******************/

    #ContentCtl > div.mainDivText > div#contactTable {
        overflow: auto;
    }

    #carouselCustomSlider div.textFull p:last-child {
        margin: 0;
    }

    /*TIPPY JS*/
    .tippy-tooltip {
        border-radius: 2px !important;
    }

        .tippy-tooltip a {
            color: white !important;
            font-weight: bold;
        }
    /******************/

    /*JQUERY CONFIRM*/
    .jconfirm {
        z-index: 2000000002 !important;
    }

        .jconfirm .jconfirm-box.jconfirm-type-bnetwork {
            border-top: solid 7px var(--color2);
        }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-bnetwork {
            background-color: var(--color2);
            color: var(--fore-color2);
        }

        .jconfirm .jconfirm-box .jconfirm-buttons button {
            border-radius: 2px;
            font-weight: unset !important;
        }

        .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
            border-radius: 2px;
        }

        .jconfirm .container {
            margin-left: auto;
        }

        .jconfirm .button:active, .jconfirm .button:active, .jconfirm button.default:active, .jconfirm .button.default:active {
            left: 0;
            top: 0;
        }
    /******************/

    /*SLICK*/

    .hotel-colorbox #cboxContent > #cboxNext, .hotel-colorbox #cboxContent > #cboxPrevious {
        top: 0;
        right: 0;
        position: fixed;
        left: auto;
        text-indent: 0;
        content: none;
        background: none;
        outline: none;
        height: 100%;
        width: 50%;
        z-index: 1;
    }

    .hotel-colorbox #cboxContent > #cboxPrevious {
        left: 0;
        right: unset;
    }

    .hotel-colorbox #cboxContent > #cboxNext:before {
        content: '';
        color: #fff;
        position: absolute;
        font-size: 50px;
        height: 100%;
        right: 0;
        width: 70px;
        background-color: rgba(78, 78, 78, 0.6);
        top: 0;
        cursor: pointer;
    }

    .hotel-colorbox #cboxContent > #cboxPrevious:before {
        content: '';
        color: #fff;
        position: absolute;
        font-size: 50px;
        height: 100%;
        left: 0;
        width: 70px;
        background-color: rgba(78, 78, 78, 0.6);
        top: 0;
        cursor: pointer;
    }

    .hotel-colorbox #cboxContent > #cboxNext:after {
        font-family: 'Font Awesome 5 Pro';
        content: '\f138';
        top: 50%;
        right: 15px;
        position: absolute;
        font-size: 30px;
        color: white;
        cursor: pointer;
    }

    .hotel-colorbox #cboxContent > #cboxPrevious:after {
        content: '\f137';
        font-family: 'Font Awesome 5 Pro';
        left: 15px;
        top: 50%;
        position: absolute;
        font-size: 30px;
        color: white;
        cursor: pointer;
    }

    .hotel-colorbox #cboxContent > #cboxPrevious:hover::before, .hotel-colorbox #cboxContent > #cboxNext:hover::before {
        background-color: #9090909c;
    }


    #colorbox.hotel-colorbox, #cboxWrapper {
        overflow: visible !important;
    }

    #colorbox.hotel-colorbox, #cboxOverlay.hotel-colorbox, .hotel-colorbox #cboxWrapper {
        -webkit-transform: none !important;
    }

    .hotel-colorbox #cboxContent > #cboxClose {
        top: 0;
        right: 80px;
        position: fixed;
        left: auto;
        width: 60px;
        text-indent: 0;
        content: none;
        background: none;
        outline: none;
        height: 25px;
        z-index: 2;
        color: #fff;
        font-size: 25px;
    }

        .hotel-colorbox #cboxContent > #cboxClose:before {
            font-family: 'Font Awesome 5 Pro';
            content: '\f00d';
            position: absolute;
            margin-left: -30px;
            margin-top: 2px;
            width: 35px;
        }


    /*MEDIA*/
    /*SCREEN > 985px Mantis 10219 les filtres sont maintenant toujours dispo*/
    @media screen and (min-width: 985px) {
        .navbar-mobile-item.nmi-filters, .navbar-mobile-item.nmi-timeout, .navbar-mobile-item.nmi-map {
            display: none !important;
        }

        .wrapperFullScreenFilter {
            display: block !important;
        }
    }
    /*SCREEN < 984px Mantis 10219 les filtres sont maintenant toujours dispo*/
    @media screen and (max-width: 984px) {

        .banner {
            display: flex;
            padding-top: 0;
        }

        .nmi-container {
            top: -5px;
        }

        #myNavbar > ul.nav > #liTimeOut {
            display: none !important;
        }

        ul.dropdown-menu > li > a {
            padding: 4px 15px !important;
        }

        .navbar-mobile-item {
            position: relative;
            display: inline-block;
            text-align: center;
            cursor: pointer;
            background-color: white;
            /*border: 1px solid #333;*/
            /*border-radius: 2px;*/
            /*float: right;*/
            right: 0px;
            top: 0px;
            /*margin: 8px 3px 8px 0px;
            padding: 6px;*/
            width: 42px;
        }

            .navbar-mobile-item.nmi-timeout {
                width: auto;
            }

        .b-home-foot, #tileCustomSlider {
            max-height: 180px;
            overflow: hidden;
            height: auto !important;
        }

        /*.daterangepicker overwrite*/
        .daterangepicker:not(.daterangepicker-big) {
            /*max-height: 310px;*/
        }

        .daterangepicker.daterangepicker-big {
            max-height: none !important;
            max-width: 100%;
        }

        .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
            line-height: 12px !important;
        }
        /******************/

        #divSortHotels {
            display: none;
        }

        .wrapperFullScreenFilter {
            z-index: 1001 !important;
        }

        .nohotels-contact > div:first-child {
            padding-bottom: 15px;
        }

        .col-contact-form-request, .col-nohotels-contact-form {
            border-left: 0;
        }

        .modifyMyReservationsHotel-hotel > div.hotel-name {
            text-align: left;
        }

        .modifyMyReservationsHotel-hotel > div.hotel-address, .modifyMyReservationsHotel-hotel > div.hotel-info {
            padding-top: 10px;
        }

        .modifyMyReservationsHotel-hotel > div.hotel-info {
            padding-left: 15px;
        }

        .aboutUs .bnetwork {
            padding-top: 3rem;
        }

            .aboutUs .bnetwork > img {
                vertical-align: middle;
            }
    }

    @media screen and (max-width: 800px) {
        .aboutUs .bnetwork {
            padding-top: 3rem;
        }
    }

    @media screen and (max-width: 700px) {
        .aboutUs .bnetwork {
            padding-top: 2.5rem;
        }
    }

    @media screen and (max-width: 600px) {
        .aboutUs .bnetwork {
            padding-top: 1.5rem;
        }
    }

    @media screen and (max-width: 500px) {
        .aboutUs .bnetwork {
            padding-top: 1rem;
        }
    }

    /*SCREEN < 400px*/
    @media screen and (max-width: 400px) {
        .aboutUs > img {
            min-width: 100px;
            width: 40%;
        }

        .overlay-tripadvisor {
            width: 147px;
            height: 30px;
            background-size: 147px 23px;
        }
    }
    /*****************/

    /*Reservation Hotel Third Parties*/
    .divReservationHotelThirdPartyPerson {
        display: inline-block;
        background-color: white;
        border: 1px solid grey;
        padding: 15px;
    }
    /*End Reservation Hotel Third Parties*/

    /* Amenities */
.fa-amenities-search {
    vertical-align: middle;
    color: #130A04 !important;
    font-size: 20px;
    min-width: 30px;
    text-align:center;
}

    .fa-amenities-hotel {
        color: #130A04;
        font-size: 21px;
    }

    .fa-amenities-1:before {
        content: "\f2e6";
    }

    .fa-amenities-2:before {
        content: "\f540";
    }

    .fa-amenities-3:before {
        content: "\f7a1";
    }

    .fa-amenities-4:before {
        content: "\f768";
    }

    .fa-amenities-5:before {
        content: "\f26c";
    }

    .fa-amenities-6:before {
        content: "\f000";
    }

    .fa-amenities-7:before {
        content: "\f2e2";
    }

    .fa-amenities-8:before {
        content: "\f5c5";
    }

    .fa-amenities-9:before {
        content: "\f5ca";
    }

    .fa-amenities-10:before {
        content: "\f59d";
    }

    .fa-amenities-11:before {
        content: "\f193";
    }

    .fa-amenities-12:before {
        content: "\f5f8";
    }

    .fa-amenities-13:before {
        content: "\f562";
    }

    .fa-amenities-14:before {
        content: "\f796";
    }

    .fa-amenities-15:before {
        content: "\f1eb";
    }

    .fa-amenities-16:before {
        content: "\f6ff";
    }

    .fa-amenities-17:before {
        content: "\f1eb";
    }

    .fa-amenities-18:before {
        content: "\f593";
    }

    .fa-amenities-19:before {
        content: "\f4c6";
    }

    .fa-amenities-20:before {
        content: "\f54d";
    }

    .fa-amenities-21:before {
        content: "\f701";
    }

    .fa-amenities-22:before {
        content: "\f48d";
    }

    .fa-amenities-23:before {
        content: "\f595";
    }

    .fa-amenities-24:before {
        content: "\f4fd";
    }

    .fa-amenities-25:before {
        content: "\f4d3";
    }

    .fa-amenities-26:before {
        content: "\f812";
    }

    .fa-amenities-27:before {
        content: "\f5e2";
    }

    .fa-amenities-28:before {
        content: "\f540";
    }

    .fa-amenities-29:before {
        content: "\f72e";
    }

    .fa-amenities-30:before {
        content: "\f74d";
    }

    .fa-amenities-31:before {
        content: "\f764";
    }

    .fa-amenities-32:before {
        content: "\f898";
    }

    .fa-amenities-33:before {
        content: "\f1eb";
    }

    .fa-amenities-34:before {
        content: "\f0f4";
    }

    .fa-amenities-35:before {
        content: "\f51c";
    }

    .fa-amenities-36:before {
        content: "\f540";
    }

    .fa-amenities-37:before {
        content: "\f207";
    }

    .fa-amenities-38:before {
        content: "\f4b8";
    }

    .fa-amenities-39:before {
        content: "\f5b6";
        font-size: 15px;
    }

    .fa-amenities-39:after {
        content: "\f5af";
        position: absolute;
        left: 2px;
        top: -5px;
        font-size: 15px;
    }

    .fa-amenities-40:before {
        content: "\f4bd";
    }

    .fa-amenities-40:after {
        content: "\f562";
        position: absolute;
        left: 5px;
        top: -4px;
        font-size: 19px;
    }

    .fa-amenities-41:before {
        content: "\f2e7";
    }

    .fa-amenities-42:before {
        content: "\f553";
    }

    .fa-amenities-43:before {
        content: "\f508";
    }

    .fa-amenities-bathroom:before {
        content: "\f2cd";
    }

    .fa-amenities-bedroom:before {
        content: "\f236";
    }

    .fa-amenities-floor:before {
        content: "\f554";
    }

    .fa-amenities-multi:before {
        content: "\f78c";
    }

    .fa-amenities-noclim:before {
        content: "\f76a";
    }

    .fa-amenities-clim:before {
        content: "\f76a";
    }

    .fa-amenities-outside:before {
        content: "\f5ca";
    }

    .fa-amenities-person:before {
        content: "\f500";
    }

    .fa-amenities-room:before {
        content: "\f12e";
    }

    .fa-amenities-sofa:before {
        content: "\f4b8";
    }

    .fa-amenities-surface:before {
        content: "\f546";
    }

    .fa-amenities-view:before {
        content: "\f6fd";
    }

    .fa-amenities-wc:before {
        content: "\f7bd";
    }

    /*gaethan pour rangePrices dans catégories de chambres*/
    .breakSpaces {
        white-space: break-spaces;
        font-size: 14px;
    }