/* couleur principale: #E03400 */
/* couleur survols : #f29542 */
/* couleur fond clair : #ffe2d0 */
/* couleur fond tres clair : #feefe6 */

/* ########################################## CSS GENERAL ################################################# */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    /* NE PAS SUPPRIMER !! - UTILISE PAR ANGULAR */
    display: none !important;
}

body {
    background-color: #E0E5EB;
    color: #0D2239;
    -ms-overflow-style: scrollbar;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body.fixedFooter {
    padding-bottom: 140px;
}

body.__fixed {
	position: fixed;
	width: 100%;
	height: 100%;
    overflow: hidden;
}

/*Chrome Better Image Contrast*/
img {
    image-rendering: -webkit-optimize-contrast;
}

ul {
    margin: 0;
    padding: 0;
}

.fixedFooter {
    position: fixed;
    bottom: 0;
    width: 100%
}

.no-marge-left {
    margin-left: -4px;
}

.no-marge-right {
    margin-right: -4px;
}
/***** fix display flex body *****/
html, body {
    height: 100%;
    width: 100%;
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.contentContainer {
    margin: 30px 7px 7px 7px;
    margin: 0;
    padding-bottom: 7px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
}

@media (max-width: 639px) {
	.homePage .contentContainer {
		background: none !important;
	}	
}


body.withMinHeight main {
    min-height: calc(100% - 113px);
}

body.withMinHeight main {
    min-height: calc(100% - 111px);
}
/***** fin fix display flex body *****/
body.hotelSearchPage {
    min-height: 100vh;
}

input[type] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-value {
    background: none;
    color: #060626;
}

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

body.homePage {
	background: #0D2239;
}

@media (max-width: 639px) {
    body.homePage {
        padding-bottom: 0px !important;
    }
}

button[disabled], html input[disabled], select[disabled], .input-disabled {
    cursor: no-drop;
}

/**styles checkbox**/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative; /* permet de positionner les pseudo-elements */
    padding-left: 28px; /* fait un peu d'espace pour notre case a venir */
    cursor: pointer;    /* affiche un curseur adapte */
}
/* :before sert a creer la case a cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    top: 2px; 
    left: 4px;
    width: 16px; 
    height: 16px; /* dim. de la case */
    border: 1px solid #595959;
    border-radius: 2px; /* angles arrondis */
}

.homePage [type="checkbox"]:not(:checked) + label:before,
.homePage [type="checkbox"]:checked + label:before {
    background: #f8f8f8;
}
/* Aspect general de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    font-family: 'picto-font';
    content:"\e60d";
    position: absolute;
    top: 0;
    left: 6px;
    font-size: 14px;
}
/* Aspect si "pas cochee" */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0; /* coche invisible */
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); /* mise a l'echelle a 0 */
}
/* Aspect si "cochee" */
[type="checkbox"]:checked + label:after {
    opacity: 1; /* coche opaque */
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); /* mise a l'echelle 1:1 */
}
/**fin styles checkbox**/

/** loader css **/
.loader {
    margin: 0 auto;
    font-size: 2px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(0, 0, 0, 0.1);
    border-right: 1.1em solid rgba(0, 0, 0, 0.1);
    border-bottom: 1.1em solid rgba(0, 0, 0, 0.1);
    border-left: 1.1em solid #999;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 2s infinite linear;
    animation: load8 2s infinite linear;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/** fin loader css **/

/*logo afficher pour print page view*/
#logoPrint {
    display: none;
}

.pos-relative {
    position: relative;
}

.displayInlineBlock {
    display: inline-block;
}

.displayInline > * {
    display: inline-block;
}

.displayTable {
    display: table;
    width: 100%;
}

#modifForm .roomRepartDiv .displayTable:not(:last-child) {
	margin-bottom: 8px;
}

.displayTable.fixedLayout {
    table-layout: fixed;
}

.displayTable > *, .displayTableRow > * {
    display: table-cell;
}

.displayTableRow {
    display: table-row;
}

.displayTableRow.notVisible {
    visibility: hidden;
}

.displayTableRow.visible {
    visibility: visible;
}

.raleway {
    font-family: 'Open Sans', sans-serif;
}

.transparent, .blocTransparent, .blocTransparent1, .blocTransparent2,
.blocTransparent3, .blocTransparentNoResult {
    background-color: #ffffff;
    opacity: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 1000;
}

.transparent.slide-active {
    display: inherit;
}

.blocTransparent.visible, .blocTransparent1.visible, .blocTransparent2.visible,
.blocTransparent3.visible {
    display: block;
    z-index: 1000;
}

.blocTransparentNoResult.visible {
    display: block;
    z-index: 1005;
}
.transparentMap.overlay {
	display: none;
}
@media (max-width: 639px) {
    .transparentMap.overlay {
    	display: block;
        z-index: 1006;
    }
}

.hiddenElement {
    display: none !important;
}

.upperCase {
    text-transform: uppercase;
}

.lowerCase {
    text-transform: lowercase;
}

.padding10 {
    padding: 10px;
}

.wrapContainer {
    display: table;
    width: 100%;
}

.wrap {
    display: table-cell;
    max-width: 10px;
    width: 100%;
}

.styleBold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.txtAlignright {
    text-align: right;
}

.cellHeightContent {
    height: 100%;
}

.ninja {
    display: none;
}

form input:-webkit-autofill, form input:-webkit-autofill:hover, form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
}

body.modal-open {
    padding-right: 0px !important;
    overflow: hidden !important;
}

.modal-open .modal {
    padding-right: 0px !important;
    padding: 0;
    margin-bottom: 0;
}

.visible {
    visibility: visible !important;
}

.notVisible {
    visibility: hidden !important;
}

.datepickerContainer {
    position: relative;
    display: block;
}

.datepickerContainer .cal {
	color: #64686c;
    position: absolute;
    right: 12px;
    top: 13px;
    z-index: 4;
}

.form-control {
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #0D2239;
    border-radius: 3px;
    height: 45px;
    line-height: 33px;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
}

#modifForm input:focus, #modifSearchForm .dateGo input:focus,
#modifSearchForm .dateBack input:focus {
    z-index: 1;
}

button:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus,
.btn:active.focus, .btn.active.focus {
    outline: none;
}

.containerPicto input, .containerPicto select, .containerPicto .customSelectInner {
    font-family: 'Open Sans', sans-serif;
}
/* ########################################## ANIMATION ANGULAR ################################################# */
.animated {
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.hotelSearchPage .animated {
 	-webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
/*** container **/
#container, #containerBookMarksDetails {
    max-width: 1140px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#containerBookMarksDetails {
    padding: 0;
}

@media (min-width: 1024px) {
    .bookingViewPage #container {
        padding: 0;
    }
}

.staticPage .container {
    margin-bottom: 15px;
    border-radius: 3px;
    background: #fff;
    padding: 20px;
}
/********************** CSS BOUTONS **********************/
a:focus, button:focus {
    outline: none;
}

.btnStyle1 {
    color: #fff;
}

.btn-cancel {
    background: 0 none;
    border: medium none;
    color: #0D2239;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.btn-cancel span {
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 7px;
    vertical-align: sub;
}

#btnCloseModif, #btnCloseFilter {
    text-transform: uppercase;
}

#btnSearch:focus, #btnCloseModif:focus, #btnCloseFilter:focus {
    outline: none;
}
/********************** CSS CALENDAR **********************/
.ui-datepicker-multi .ui-datepicker-group table {
    width: 100%;
    margin: 0 auto 0;
}

.dateGo, .dateBack {
    position: relative;
}

#ui-datepicker-div {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    top: 49px !important;
}

.ui-datepicker-group.ui-datepicker-group-first {
    border-right: 2px solid #fff;
}

.ui-widget-header {
    border: none;
    background: none;
}

@media (min-width: 640px) {
    #ui-datepicker-div {
        width: 600px !important;
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        padding: 20px 10px 10px 10px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.ui-datepicker {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #E8E8E8;
    z-index: 10004 !important;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: normal;
    line-height: 32px;
    text-transform: capitalize;
    font-size: 16px;
    font-size: 1.6rem;
    height: 35px;
    cursor: default;
}

.ui-datepicker-week-end {
    cursor: default;
}

.ui-datepicker.ui-widget-content .ui-widget-header {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0px;
    color: #000;
    height: 35px;
    padding: 0;
}

.ui-datepicker th {
    color: #f7941d;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
}

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

.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default {
    border: 1px solid #fff;
    background: #ffffff;
    text-align: center;
    padding: 0;
    height: 35px;
    line-height: 30px;
    font-weight: normal;
    background-image: none;
    color: #000;
    border-radius: 3px;
    margin: 1px;
}

.ui-datepicker .ui-state-default.ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-default.ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-default.ui-state-active {
    color: #fff;
    font-weight: bold;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 3px;
    padding: 0px;
}

.ui-state-default, 
.ui-widget-content 
.ui-state-default,
.ui-widget-header 
.ui-state-default {
    border: none;
    background: #f6f6f6;
    text-align: center;
    padding: 0;
    height: 35px;
    line-height: 28px;
    font-weight: normal;
    background-image: none;
    color: #595959;
}

.ui-widget-content .ui-menu-item:hover, 
.ui-widget-content .ui-menu-item:hover > * {
	background: #f1f2f6;
}

.ui-widget-content .ui-menu-item-wrapper a {
	color: #0D2239;
}
.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
	margin: 0px
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 30px;
    line-height: 29px;
    text-align: center;
    width: 30px;
    border-radius: 15px;
    background: #64686c;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    border: none;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 0;
}

.ui-widget-header .ui-icon {
    background-image: none;
}

.ui-datepicker-prev span::before {
    content: "\e917";
}

.ui-datepicker-next span::before {
    content: "\e91e";
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: inline;
    font-family: 'picto-font';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 0;
    margin: 0;
    position: relative;
    text-transform: none;
    top: 0;
    vertical-align: middle;
    font-size: 17px;
    font-size: 1.7rem;
}

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

.ui-datepicker .ui-datepicker-prev span {
    margin-left: -10px;
    width: 13px;
}

.ui-datepicker .ui-datepicker-next span {
    margin-left: -7px;
    width: 13px;
}

.ui-icon {
    overflow: hidden;
    width: 12px;
    height: 24px;
    text-indent: 0;
}

.ui-datepicker-header .ui-state-disabled {
    display: none;
}

.ui-datepicker-header .ui-state-disabled:hover {
    background: none;
}

.ui-datepicker .ui-state-disabled, .ui-datepicker.ui-widget-content .ui-state-disabled,
.ui-datepicker .ui-state-disabled .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-disabled .ui-state-default {
    color: #e5e5e5;
    opacity: 1;
}

.ui-datepicker-calendar td {
    width: 36px;
}

.ui-datepicker table {
    margin: 0px;
}

@media (max-width: 639px) {
    #ui-datepicker-div {
        -webkit-box-shadow: 0 0 5px #999;
        box-shadow: 0 0 5px #999;
        border: 0;
        width: 300px;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0px 10px 10px 10px;
    }
    #ui-datepicker-div .modifPopinTitle {
        margin: 0px -10px;
    }
    .ui-datepicker.ui-widget-content .ui-widget-header {
        border: none;
        background: none;
        margin-top: 20px;
    }
    .ui-datepicker table {
        margin: 0px;
    }
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }
    .ui-datepicker-group.ui-datepicker-group-first {
        border-right: 0;
    }
}
/** datepicker les jours se situant entre les bornes **/
.ui-datepicker table td.highlight a.ui-state-default {
    background: #FFF;
    -webkit-transition: background 0.5s, border 0.5s; /* Safari */
    -o-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s;
}

.ui-datepicker table td.highlight a.ui-state-hover {
    color: #FFF;
    -webkit-transition: background 0.5s; /* Safari */
    -o-transition: background 0.5s;
    transition: background 0.5s;
}
/********************** CSS CUSTOM SELECT **********************/
.customSelectContainerDiv {
    position: relative;
}

.customSelect {
    background: #fff;
    color: #060626;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    height: 45px;
    line-height: 33px;
    padding: 6px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance: none;
}

.selectPays .customSelect {
    padding: 6px 35px 6px 6px;
}

.customSelect option {
    padding: inherit;
}

span.customSelect {
    position: relative;
}

select.customSelect {
    z-index: 1;
}

option {
    background-color: #fff;
    text-overflow: ellipsis;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
}

span.customSelect:after {
    content: "\e916";
    color: #63676c;
    font-family: 'picto-font';
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 46px;
    display: inline-block;
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 0;
}

.customSelect.customSelectFocus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(234, 234, 234, 0.6);
}

span.customSelect.customSelectDisabled {
    /* Styles for when the select box itself is disabled */
    background: #ECECEC;
    border-color: #e5e5e5;
    cursor: no-drop;
}

span.customSelect.customSelectDisabled:hover {
    cursor: no-drop;
}
/* Annule le scroll horizontal */
.bigStaticContent .customSelectInner {
    width: 100% !important;
}

.selectPays .customSelectInner {
    width: 100% !important;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/********************** CSS HEADER **********************/
header {
    padding: 15px 0;
    background: #fff;
}
/* CSS pour le header */
.hotelDetailsPage header .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.logoDiv > * {
    display: inline-block;
    vertical-align: middle;
}

.logoDiv img {
    height: 55px;
}

.logoDiv h2 {
    max-width: 50%;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0 0 0 10px;
    line-height: 22px;
    cursor: default;
}

.companyLogo {
    text-align: right;
    padding-right: 10px;
}

.companyLogo img {
    max-height: 65px;
    padding-left: 10px;
}

@media (max-width: 600px) {
    .companyLogo img {
        max-width: 70px;
    }
}

.negociatedFaresActive {
    color: #8AC24A;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 3px 0 0;
    padding-right: 10px;
    text-align: right;
    cursor: default;
}

.negociatedFaresActive span {
    background-color: #8AC24A;
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    height: 22px;
    width: 22px;
    line-height: 22px;
    text-align: center;
    margin-right: 8px;
}

.negociatedFaresActive .picto {
    font-size: 10px;
    font-size: 1rem;
    vertical-align: baseline;
}
/********************** CSS NAV **********************/
nav.navbar {
    height: 50px;
    border: none;
}

@media (min-width: 800px) {
    nav.navbar {
        height: 50px;
    }
}

.navbar-inverse .navbar-nav > li > a {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
}

@media (min-width: 800px) {
    .navbar-inverse .navbar-nav > li > a {
        line-height: 30px;
        padding: 10px 10px 10px 10px;
    }
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:active {
    color: #ffffff;
}

@media (min-width: 640px) {
    .homePage .btnConnect button, .staticPartPage .btnConnect button {
        display: inline-block;
        border-radius: 8px;
        text-transform: uppercase;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        font-size: 18px;
        font-size: 1.8rem;
        height: auto;
        padding: 10px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.5);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.5);
        cursor: pointer;
        text-decoration: none;
    }
    .homePage .btnConnect button:hover, .homePage .btnConnect button:focus,
    .staticPartPage .btnConnect button:hover, .homePage .staticPartPage button:focus {
        color: #ffffff;
    }
}

.btnConnect {
    position: absolute;
    z-index: 1;
    right: 50px;
    top: 0px;
}

.staticPartPage .btnConnect {
    top: 65px;
}
/***hotelpourtous*/
.homePage .btnConnect {
    top: 110px;
}
/***fin style Alert corona ***/
.hotelBookingDetail .btnConnect, .hotelDetailsPage .btnConnect,
.hotelSearchPage .btnConnect, .bookingPaxPage .btnConnect,
.bookingConfirmPage .btnConnect, .bookingViewPage .btnConnect {
    right: 90px;
}

.hotelBookingDetail .recapBooking {
    min-height: 200px;
}

@media (max-width: 639px) {
    .homePage .btnConnect, .staticPartPage .btnConnect {
        top: 0;
    }
    .btnConnect {
        right: 45px;
        left: 50px;
    }
    .btnConnect:nth-child(0) {
        border: 0 2px 0 0 solid #ffffff;
    }
}

.btnConnect button {
    color: #fff;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 1px 6px;
    font-weight: normal;
    line-height: 50px;
    height: 50px;
}

.btnCheckLanguage {
    position: relative;
    z-index: 1;
    color: #0D2239;
    font-weight: 600;
    cursor: pointer;
}

.btnCheckLanguage.__white {
	color: #fff;
}

.btnCheckLanguage.__backgrd  > div:first-child {
	background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btnCheckLanguage > div:first-child {
    padding: 4px;
    border-radius: 8px;
}

.btnCheckLanguage > div:first-child:hover {
	background: #f1f2f6;
}

.btnCheckLanguage.__white > div:first-child:hover {
	background: rgba(51, 51, 51, .4);
}

.btnCheckLanguage.__backgrd > div:first-child:hover {
	background: #f1f2f6;
}

@media (min-width: 640px) {
    .btnConnect {
        right: 0px;
    }
}

@media (min-width: 1024px) {
    .btnConnect {
        right: 10px;
    }
    .btnConnect button {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.btnConnect span {
    float: left;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 48px;
    padding-right: 15px;
}

@media (max-width: 639px) {
    .btnConnect span {
        display: none;
    }
}

.customSelector {
    position: absolute;
    top: 100%;
    right: 0;
    width: 50px;
	border-radius: 8px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

.customSelector ul {
	list-style-type: none;
}

.customSelector li button {
	appearance: none;
    outline: none;
    border: none;
    background: transparent;
    line-height: 32px;
    cursor: pointer;
    padding: 0 8px;
    width: 100%;
}

.customSelector li button:hover {
	background-color: #f1f2f6;
}

/********************** CSS SYSTEM NAVBAR **********************/
body.slide-active {
    overflow-x: hidden;
}

.no-margin-top {
    margin-top: 0 !important;
}

#page-content {
    left: 0;
    padding-top: 70px;
    position: relative;
}

#page-content.slide-active {
    padding-top: 0;
}
/********************** CSS MES RESAS **********************/
.myBookCont {
    background: rgba(255, 255, 255, 0.7);
    text-align: right;
    -webkit-box-shadow: inset -7px 10px 5px -11px rgba(0, 0, 0, 0.35);
    box-shadow: inset -7px 10px 5px -11px rgba(0, 0, 0, 0.35);
}

.myBookCont a {
    padding: 5px 0 0 0;
    margin-right: 10px;
    background: none;
    color: #63676c;
    border: none;
    font-weight: bold;
    height: 100%;
    display: inline-block;
    border-bottom: 2px solid #63676c;
}

.myBookCont a:HOVER, .myBookCont a:FOCUS {
    background: none;
    color: #63676c;
}
/********************** LINK FAVORIS **********************/
.myFavCont {
    padding: 5px 0;
    background: rgba(255, 255, 255, 0.82);
    text-align: right;
}

.myFavCont a {
    padding: 5px 0 0 0;
    margin-right: 10px;
    background: none;
    color: #63676c;
    border: none;
    height: 100%;
    display: inline-block;
}

.myFavCont .picto {
    vertical-align: middle;
    line-height: normal;
}

.myFavCont a:hover, .myBookCont a:focus {
    background: none;
    color: #888C92;
}
/********************** CSS BREADCRUMB **********************/
.noCursorHand {
    cursor: default;
}

.breadcrumbBloc span {
    cursor: default;
}

@media (min-width: 640px) {
    .breadcrumbBloc {
        position: relative;
        background-color: #eeeeee;
        color: #595959;
        font-size: 15px;
        font-size: 1.5rem;
        height: 50px;
        line-height: 50px;
        padding-left: 0px;
    }
    .breadcrumbBloc ul {
        display: table;
        margin: 0 auto;
        padding-left: 0px;
        cursor: default;
    }
    .breadcrumbBloc li {
        display: inline-block;
    }
    .breadcrumbBloc a, .breadcrumbBloc a:hover, .breadcrumbBloc a:focus {
        color: #595959;
    }
    .breadcrumbBloc span {
        font-size: 15px;
        font-size: 1.5rem;
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: middle;
    }
    .breadcrumbBloc a.active, .breadcrumbBloc a.active:hover,
    .breadcrumbBloc a.active:focus {
        cursor: default;
        font-weight: normal;
    }
}

@media (min-width: 1024px) {
    .breadcrumbBloc span {
        padding-left: 30px;
        padding-right: 30px;
    }
}
/********************** CSS FOOTER **********************/
@media (min-width: 640px) {
    .contentFooter.fixedElement {
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 10;
    }
}

@media (min-width: 1024px) {
    footer {
        z-index: 12;
    }
}

/**** CSS FOOTER LINKRESO ****/
.contentLinkReso {
    text-align: center;
    padding-top: 10px;
}

.contentLinkReso .picto {
    vertical-align: middle;
}

.contentLinkReso a {
    color: #ffffff;
    margin: 0 5px;
    font-weight: 700;
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
}

@media (max-width: 639px) {
    .contentLinkReso .picto {
        font-size: 30px;
        font-size: 3rem;
    }
    .contentLinkReso > a {
        font-size: 20px;
        font-size: 2rem;
    }
}

@media (min-width: 640px) {
    .contentLinkReso {
        padding: 0px;
        line-height: 39px;
        text-align: left;
        cursor: default;
    }
    .contentLinkReso a {
        font-weight: normal;
    }
}
/**** CSS FOOTER CGV MENTION ****/
.contentCgvMention {
    color: #ffffff;
    font-weight: 700;
    padding: 10px;
    margin-bottom: 0;
    cursor: default;
}

.contentCgvMention a {
    color: #ffffff;
    text-transform: uppercase;
}

.contentCgvMention li {
    font-size: 20px;
    font-size: 2.0rem;
    list-style: none;
    text-align: center;
}

@media (min-width: 640px) {
    .contentCgvMention {
        font-weight: normal;
        line-height: 39px;
        margin-bottom: 0;
        padding-bottom: 0;
        padding: 0 5px;
        text-align: right;
    }
    .contentCgvMention li {
        display: inline;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

/* ################################################# HOME ################################################# */
.homePage .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
/*************** STYLE NAVBAR SPECIFIQUE HOME ******************/
@media (min-width: 640px) {
    .homePage nav.navbar, .staticPartPage nav.navbar {
        background: #fff;
        background: rgba(255, 255, 255, 0.7);
    }
}

@media (min-width: 800px) {
    .homePage nav.navbar, .staticPartPage nav.navbar {
        background: #fff;
        background: rgba(255, 255, 255, 0.7);
    }
    .homePage .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:active, .staticPartPage .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:active {
        color: #fff;
    }
}
/********** BOUTONS CONNEXION SPECIFIQUE HOME ***********/
@media (min-width: 640px) {
    .homePage .btnConnect button, .staticPartPage .btnConnect button {
        padding: 0 20px;
    }
    .homePage .btnConnect button:first-child, .staticPartPage .btnConnect button:first-child {
        margin-right: 0px;
    }
}

@media (min-width: 1024px) {
    .homePage .btnConnect button, .staticPartPage .btnConnect button {
        display: block;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .homePage .btnConnect button:first-child, .staticPartPage .btnConnect button:first-child {
        margin-bottom: 5px;
        margin-right: 0;
    }
}

/********************** CSS CONTENTFORM **********************/
.contentForm {
    padding-top: 15px;
    background-color: #fff;
}

#modifForm .alert {
	color: #0D2239;
}

.contentForm .customSelect {
    width: 100%;
}

.contentForm select.customSelect {
    width: 100%;
}

@media (max-width: 639px) {
    .contentForm select.customSelect {
        width: 100% !important;
    }
}

.contentForm .contSelect select.customSelect {
    width: 100% !important;
}

.contentForm {
    margin: auto;
    text-align: left;
    background: #ffffff;
    border-radius: 3px;
    padding: 30px 30px 15px;
    margin: 100px auto 0 auto;
    max-width: 980px;
}

.contentFormHome ul.mealplanList label{
    color: #22222b;
} 

@media (min-width: 640px) {
    .contentFormHome .contentForm {
        background: rgba(255, 255, 255, 0.85);
        color: #000;
    }
   
    .contentFormHome .icheckbox_orange, .contentFormHome .icheckbox {
        border: 1px solid #999A9A;
        background: #fff;
    }
}

.contentMoreOptions {
    margin-top: 30px;
}

.contentMoreOptions label {
    font-weight: normal;
}

@media (max-width: 639px) {
    .contentMoreOptions {
        margin-top: 10px;
    }
    .contentMoreOptions #filterPrice {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 639px) {
    .contentForm {
        padding: 30px 15px;
    }
}

@media (min-width: 1024px) {
    .contentMoreOptions {
        margin-top: 20px;
    }
}
/**** CSS FORMULAIRE ****/
.dateGo .picto-calendar, .dateBack .picto-calendar {
    cursor: pointer;
}

.dateGo span, .dateBack span {
    vertical-align: middle;
}

@media (min-width: 640px) {
    .dateGo #startDateIcon, .dateBack #endDateIcon, .totalNights {
        color: #64686c;
    }
}

.contentForm label {
    font-weight: normal;
}

@media (max-width: 639px) {
    .contentForm {
        margin: 0;
    }
    .contentForm label {
        display: block;
    }
    .dateGo span, .dateBack span {
        text-align: center;
    }
}

@media (min-width: 640px) {
    .contentForm .desti input[type="text"] {
        display: inline-block;
        margin-right: -4px;
        width: 75%; /* on retranche la largeur du label */
        width: -o-calc(100% - 140px);
        width: -ms-calc(100% - 140px);
        width: calc(100% - 140px);
    }
    .contentForm .desti span {
        display: inline-block;
    }
}

@media (min-width: 1024px) {
    .contentForm .desti input[type="text"] {
        width: 73%; /* on retranche la largeur du label */
        width: -ms-calc(100% - 190px); /* on retranche la largeur du label */
        width: -o-calc(100% - 190px);
        width: calc(100% - 190px);
    }
}
/**** autocomplete ****/
.ui-autocomplete {
    z-index: 9806;
    border-radius: 3px;
}

.ui-autocomplete.ui-widget-content {
    max-height: 300px;
    border: solid 1px #e5e5e5;
    border-top: 0;
    font-size: 13px;
    font-size: 1.3rem;
    overflow-y: auto;
}

.ui-autocomplete.ui-widget-content .ui-menu-item-categ {
    font-weight: 700;
    cursor: default;
    border-top: 0 none;
    padding: 10px;
    background: #f2f4f7;
}

.ui-autocomplete.ui-widget-content a {
    color: #0D2239;
    margin-left: 3px;
    line-height: normal;
    vertical-align: middle;
    font-weight: 500;
}

.ui-autocomplete.ui-widget-content li {
	display: flex;
	align-items: center;
    min-height: 25px;
    padding: 10px 5px;
}

.ui-autocomplete.ui-widget-content li > svg {
    width: 24px;
	height: 24px;
	min-width: 24px;
}

.bookingPaxPage .ui-autocomplete.ui-widget-content li {
	padding-left: 30px;
	position: relative;
}

.bookingPaxPage .ui-autocomplete.ui-widget-content li:hover div {
	color: #E03400;
}

.bookingPaxPage .ui-autocomplete.ui-widget-content li::before {
	content: '\e921';
	position: absolute;
    color: #E03400;
    left: 8px;
    top: 8px;
    font-size: 0;
    font-family: "picto-font";
    transition: all ease .3s;
    transform-origin: center center;
}

.bookingPaxPage .ui-autocomplete.ui-widget-content li:hover::before {
	font-size: 1.4rem;
}

.ui-state-hover, .ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    background: #f2f4f7;
    color: #000;
    margin: 0;
}

.ui-autocomplete.ui-widget-content .ui-state-hover, .ui-autocomplete.ui-widget-content .ui-state-focus {
    color: #000;
}

.ui-autocomplete.ui-widget-content .ui-state-hover a, .ui-autocomplete.ui-widget-content .ui-state-hover a:hover,
.ui-autocomplete.ui-widget-content .ui-state-hover a:link,
.ui-autocomplete.ui-widget-content .ui-state-hover a:visited,
.ui-autocomplete.ui-widget-content .ui-state-focus a, .ui-autocomplete.ui-widget-content .ui-state-focus a:hover,
.ui-autocomplete.ui-widget-content .ui-state-focus a:link,
.ui-autocomplete.ui-widget-content .ui-state-focus a:visited {
    color: #000;
    text-decoration: none;
}

.ui-autocomplete .itemSearchAutocomplete {
    font-weight: bold;
}

.ui-state-hover .itemSearchAutocomplete, .ui-widget-content .ui-state-hover .itemSearchAutocomplete,
.ui-widget-header .ui-state-hover .itemSearchAutocomplete,
.ui-state-focus .itemSearchAutocomplete, .ui-widget-content .ui-state-focus .itemSearchAutocomplete,
.ui-widget-header .ui-state-focus .itemSearchAutocomplete {
    font-weight: bold;
    background: none;
}

.ui-menu-item-categ.ui-menu-item:hover, .ui-menu-item-categ.ui-menu-item:focus,
.ui-menu-item-categ.ui-state-focus {
    background-color: #fff;
    font-weight: 700;
    margin: 0;
}
/**** Fin autocomplete ****/
.contentForm .dateGo .picto-calendar, .contentForm .dateBack .picto-calendar {
    display: inline-block;
}

.contentForm .dateContent input[type="text"] {
    display: inline-block;
    margin-right: -4px;
    width: 88%; /* on retranche la largeur du picto datepicker */
    width: -ms-calc(100% - 40px);
    /* on retranche la largeur du picto datepicker */
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
}


.labelIcon {
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
}

.slidePrice label, .mealplanType label {
    width: 190px;
}

.contentForm #btnSearch {
    height: 95px;
    width: 100%;
    padding: 10px 0;
}

@media (max-width: 639px) {
    .slidePrice label, .mealplanType label {
        display: block;
    }
    .homeForm .modifFormDetail {
        margin-bottom: 8px;
    }
    #modifForm.homeForm .form-group {
        margin-bottom: 0;
    }
    .contentForm #btnSearch {
        height: 55px;
        width: 100%;
    }
}

@media (min-width: 640px) {
    .contentSuitCase {
        position: relative;
        display: inline-block;
        margin-left: 15px;
    }
    .nbSuitCaseDiv {
        left: 3px;
        position: absolute;
        text-align: center;
        top: -8px;
        width: 95%;
        cursor: default;
    }
    .homePage .nbSuitCaseDiv {
        left: 3px;
        position: absolute;
        text-align: center;
        top: -10px;
        width: 92%;
    }
    .hotelSearchPage .nbSuitCaseDiv, .hotelDetailsPage .nbSuitCaseDiv {
        left: 3px;
        position: absolute;
        text-align: center;
        top: -8px;
        width: 25%;
    }
    .nbSuitCase {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 700;
    }
    .suitCaseNight {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        position: absolute;
        margin-left: 3px;
    }
    .contentForm .contentSuitCase .suitCaseNight {
        right: -17px;
        top: 32px;
        white-space: nowrap;
        text-transform: lowercase;
    }
    .contentForm .contentSuitCase .nbSuitCase {
        color: #ffffff;
        cursor: default;
    }
    .dateGo, .dateBack {
        padding-left: 0;
        padding-right: 0;
    }
    .divInlBlockRela {
        display: inline-block;
        position: relative;
        margin-right: -4px;
    }
    .divInlBlockRela .infoDay {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        left: 5px;
        margin-bottom: 0;
        position: absolute;
        top: 37px;
        text-transform: lowercase;
    }
}

#startDateIcon, #endDateIcon, .nbSuitCaseDiv {
    font-size: 21px;
    font-size: 2.1rem;
}

.contentForm .nbRoom {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}

.contentForm .nbRoom div {
    position: relative;
}

.contentForm .nbRoom select {
    display: inline-block;
    width: 100%;
}

.contentForm .numRoom {
    width: 30px;
}

@media (min-width: 640px) {
    .contentForm span.arrow {
        color: #ffffff;
    }
    .contentMoreOptions .mealplanType .customSelect {
        width: 200px;
    }
    .contentMoreOptions .mealplanType select.customSelect {
        width: 190px;
    }
    .contentForm .roomAgeTables.displayTable {
        width: auto;
    }
    .homePage .contentForm .roomAgeTables.displayTable {
        width: 80%;
    }
    .contentForm .numRoom {
        width: 135px;
    }
    .roomAgeTables, .contentForm .nbRoom {
        margin-bottom: 0px;
    }
}

@media (min-width: 1024px){
    .contentForm .numRoom {
        width: 185px;
    }
    .hotelDetailsPage .contentMoreOptions .mealplanType select.customSelect
    {
        width: 212px;
    }
}

.contentForm .labelStyleForm {
    display: table-caption;
    width: 100%;
}

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

.roomRepartInputStyle {
    margin-bottom: 2px;
}

.contSelect {
    position: relative;
    margin-left: 10px;
}

#modifForm .contSelect {
    margin-left: 0;
    margin-top: 4px;
}

.tilteNbRoomCont label {
    font-weight: normal;
}
@media (max-width: 639px) {
    .btnSearchFormDiv .centeredBtnDiv {
        margin-bottom: 5px;
    }
}

.centeredBtnDiv {
    text-align: center;
}

.btnSearchFormDiv {
    display: inline-block;
    float: right;
    padding-right: 7px;
}

.btnForm {
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active,
.btn-default.active, .open > .dropdown-toggle.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 640px) {
    .centeredBtnDiv {
        display: inline-block;
    }
    .btnSearchFormDiv {
        text-align: right;
    }
}
/**** CSS SLIDERPRICE ****/
.filterPriceContent {
	margin-bottom: calc(8px + 16px + 32px);
}
.slidePrice label {
    display: inline-block;
    margin-bottom: 15px;
    line-height: 25px;
}


.slidePrice .labelIcon {
    display: inline-block;
    margin-right: 14px;
}


.sliderLimitBudgetMin, .sliderLimitBudgetMax {
    position: absolute;
    display: block;
    bottom: 8px;
    transform: translateY(-100%);
    height: 100%;
}

.sliderLimitBudgetMax {
    right: 0;
}

.contentFilter span {
    font-size: 13px;
    font-weight: normal;
    white-space: nowrap;
}

.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    left: -8px;
    top: 50%;
    border-radius: 30px;
    transform: translateY(-50%);
    box-shadow: none;
    border:  none;
    cursor: pointer;
}

@media (min-width: 640px) {
    .slidePrice label {
        margin-bottom: 5px;
    }
}

.noUi-target {
    height: 10px;
    border: none;
    padding: 0 8px;
}

.noUi-handle::after, .noUi-handle::before {
    background: none;
}

.noUi-connect {
    box-shadow: none;
    border-radius: 30px;
}

.noUi-connect::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
}

.noUi-background {
    background: #f1f2f6;
    box-shadow: none;
}

.noUi-origin {
	border-radius: 0;
}

#filterPrice .noUi-connect {
    box-shadow: none;
}

#filterForm #filterPrice {
    width: 100%;
    display: inline-block;
    background: none;
}

.sliderLimitBudgetMax {
    top: 8px;
    bottom: auto;
    transform: translateY(100%);
}

.noUi-base {
    background-color: #f1f2f6;
    border-radius: 30px;
}
/********************** CSS CONTENTBESTBUY **********************/
.contentBestBuy {
    background-color: #ffffff;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.contentBestBuy .picto-heart {
    font-size: 24px;
    font-size: 2.4rem;
}

.contentBestBuy .starGroup {
    display: inline;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
}

@media (min-width: 640px) {
    .contentBestBuy {
        margin-bottom: 30px;
        margin-top: 30px;
        padding-left: 130px;
        height: 140px;
    }
    .contentBestBuy .starGroup {
        margin-left: 5px;
        vertical-align: top;
    }
}

.descContentBestBuy {
    display: none;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.descContentBestBuy.active {
    display: block;
}

@media (min-width: 1024px) {
    .contentBestBuy {
        max-width: 800px;
        margin-left: 30px;
    }
    .descContentBestBuy.active {
        -webkit-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }
}

@media (max-width: 639px) {
    .descContentBestBuy.active {
        width: 100%;
    }
    .descContentBestBuy > div {
        display: inline-block;
        vertical-align: top;
        float: left;
    }
    .bestBuyInfo {
        float: right;
        width: -ms-calc(100% - 105px);
        width: -o-calc(100% - 105px);
        width: calc(100% - 105px);
    }
    .contentForm span.arrow {
        position: absolute;
    }
    .homePage .contentBestBuy h2 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.contentBestBuy h2 {
    margin: 0;
    padding-left: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 50px;
    font-weight: 700;
    text-transform: uppercase;
}

.bgHeartPic {
    padding: 13px;
    color: #ffffff;
    vertical-align: middle;
    float: right;
}

.bestBuyImg {
    padding-left: 0;
    padding-right: 0;
    width: 105px;
    min-width: 105px;
    height: 105px;
}

.bestDate {
    font-weight: bold;
}

@media (min-width: 640px) {
    .bestBuyImg {
        top: 0;
        left: 0;
        position: absolute;
        width: 140px;
        height: 140px;
    }
}

.bestBuyImg img {
    width: 100%;
}

.bestBuyTop {
    padding: 0px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bestBuyInfo {
    position: relative;
    padding: 0px 10px;
}

@media (min-width: 640px) {
    .bestBuyInfo {
        padding: 6px 15px;
    }
}

.bestBuyLeft {
    padding: 0px;
}

.bestBuyRight {
    padding-left: 0;
    padding-right: 0;
}

.CityName, .CountryName {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0;
    display: inline;
}

.CountryName {
    text-transform: uppercase;
}

.HtlName {
    color: #595959;
    margin-bottom: 0;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
}

.HtlOption {
    color: #595959;
    margin-bottom: 0;
    line-height: normal;
}

@media (min-width: 640px) {
    .HtlName {
        display: inline-block;
        margin-bottom: 0;
    }
    .HtlOption {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 300px;
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media (min-width: 640px) and (max-width: 674px) {
    .HtlName {
        max-width: 65%;
    }
}

@media (min-width: 1024px) {
    .HtlOption {
        width: 400px;
    }
}

.bestBuyPrice {
    line-height: 16px;
    font-weight: 700;
    text-align: right;
    font-size: 24px;
    font-size: 2.4rem;
}

.bestBuyPrice sup {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 5px;
}

.bestBuyoldPrice {
    color: #595959;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 10px;
    text-align: right;
    height: 20px;
}

.bestBuyoldPrice label {
    text-decoration: line-through;
    font-weight: normal;
}

.bestBuyoldPrice span {
    color: #595959;
}

#bestSelling {
    cursor: pointer;
}

/********************** CSS CONTENTSERVICEPLUS **********************/
.contentServPlus {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    font-weight: 700;
    cursor: default;
}

@media (min-width: 640px) {
    .contentServPlus {
        margin-top: 30px;
    }
}
/* fixer le footer pour tablette et pc */
@media (min-width: 640px) {
    .contentServPlus.fixedElement {
        position: fixed;
        width: 100%;
        bottom: 40px;
    }
}

.contentServPlus ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
}

.contentServPlus li {
    margin: 5px 0;
}

.contentServPlus span {
    font-size: 20px;
    font-size: 2rem;
    margin-right: 10px;
    vertical-align: bottom;
}

@media (max-width: 770px) {
    .contentServPlus li {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

@media (max-width: 1023px) {
    .contentServPlus li.tabSmartPic {
        display: none;
    }
    .contentServPlus ul {
        width: 33%;
    }
}

@media (min-width: 1024px) {
    .contentServPlus li {
        display: block;
        margin: 5px 0;
        width: 100%;
    }
    .contentServPlus .tabSmart {
        padding-bottom: 0;
    }
    .tabSmartPic {
        position: relative;
        display: inline !important;
    }
    .tabSmartPic img {
        position: absolute;
        height: 80px;
        top: -53px;
        right: -75px;
    }
}
/********************** CSS POPUP HOME **********************/
/******* CSS POPUP CONNEXION *******/
.noPadding {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 767px) {
    .nopaddingsm {
        padding-left: 0;
        padding-right: 0;
    }
}

.contentPopup {
    font-weight: normal;
}

.contentPopup .picto {
    font-size: 22px;
    font-size: 2.2rem;
    vertical-align: top;
    margin-right: 5px;
}

.contentPopup label {
    color: #595959;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

.contentPopup .picto-locker {
    margin: 0 0 5px;
    font-size: 24px;
    font-size: 2.4rem;
}

.contentPopup input[type="text"], .contentPopup input[type="password"] {
    margin-top: 5px;
}

.modal-body {
    padding: 0;
}

h4 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    color: #0D2239;
    margin-bottom: 15px;
    margin-top: 0;
}

h4 span.picto {
    font-size: 20px;
    font-size: 2rem;
    vertical-align: middle;
    margin-right: 5px;
}

.modal-content {
    padding: 15px;
}

.modal-content a {
    cursor: pointer;
}

.close {
    line-height: normal;
    filter: alpha(opacity = 100);
}

.mdpText {
    margin-top: 10px;
    text-align: justify;
}

.mdpText p {
    color: #595959;
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 0;
}

.modal-footer {
    text-align: center;
}

.modal-footer p {
    margin-bottom: 0px;
    display: block;
    color: #595959;
    font-size: 13px;
    font-size: 1.3rem;
}

.btnConnex {
    text-align: right;
    margin-top: 15px;
    padding-right: 0;
}

.btn-close {
    text-align: right;
    margin-top: 20px;
    padding: 0px;
}

.btnModalPopup .btnConnex button {
    font-size: 16px;
    font-size: 1.6rem;
}

@media (max-width: 639px) {
    .btnConnex {
        padding-left: 5px;
    }
    .btnModalPopup button {
        width: 100%;
    }
}

.btnNoCE {
    text-align: left;
    margin-top: 15px;
    padding: 0;
}

.modal-header .picto {
    color: #C5CAD1;
}

.modal-content .modal-header {
    padding: 0;
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 1;
}

.modal-content .modal-footer {
    padding: 0;
}

/**** CAPTCHA LOGIN ****/
.g-recaptcha {
	clear: both;
    margin: 0 auto;
    width: 305px;
}
/**** CAPTCHA PAX ****/
.bookingPaxPage .g-recaptcha {
	margin: inherit;
	padding: 0 7px;
}

@media (min-width: 640px) {
    .infoId input[type="text"], .infoMdp input[type="password"] {
        display: inline-block;
        width: 65%;
    }
    .infoId span, .infoMdp span {
        display: inline-block;
        width: 20px;
    }
    .infoId label, .infoMdp label {
        display: inline-block;
        width: 100px;
    }
    .contentPopup .picto {
        vertical-align: sub;
        margin-right: 10px;
    }
    .creatAccount {
        margin-top: 20px;
    }
    #myAccount .modal-dialog {
        margin-top: 100px;
    }
}

@media (min-width: 1024px) {
    .creatAccount {
        text-align: left;
    }
}

button.forgetPasswordButton {
    background: #FFFFFF;
    border: medium none;
    text-transform: uppercase;
    font-weight: normal;
}
/******* CSS POPUP MDP OUBLIE *******/
.contentPopupMdp {
    font-weight: normal;
}

@media (max-width: 639px) {
    .linkContent button {
        width: 100%;
    }
}

.contentPopupMdp .picto {
    font-size: 22px;
    font-size: 2.2rem;
    vertical-align: top;
    margin-right: 10px;
}

.contentPopupMdp .picto-locker {
    margin: 0;
    font-size: 24px;
    font-size: 2.4rem;
}

.contentPopupMdp label {
    color: #595959;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

.contentPopupMdp input[type="text"] {
    margin-top: 5px;
}

.forgetMdp p {
    display: inline;
}

.mdpTextForget {
    color: #595959;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 10px 0;
}

.backLink {
    text-align: left;
    margin-top: 15px;
}

.backLink button {
    background: none repeat scroll 0 0 #595959;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 6px 20px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.backLink button:hover, .backLink button:focus {
    background: none repeat scroll 0 0 #777;
    color: #fff;
}

.backLink button.btn-cancel {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.5);
    cursor: pointer;
    text-decoration: none;
    background-color: #777;
}

.backLink button.btn-cancel:hover, .backLink button.btn-cancel:focus {
    background-color: #777;
    border-color: #777;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.backLink span {
    margin-right: 5px;
    vertical-align: middle;
}

.backLink p {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    text-transform: uppercase;
}

.linkContent {
    padding-top: 0;
}

@media (max-width: 639px) {
    .backLink, .btnConnex, .btnNoCE {
        text-align: center;
    }
    .backLink {
        padding-right: 5px;
    }
}

@media (min-width: 640px) {
    .contentPopupMdp .picto {
        vertical-align: text-bottom;
    }
    .forgetMdp {
        text-align: left;
    }
}

.contentMsgModal {
    text-align: center;
    font-weight: bold;
}

.contentMsgModal p {
    font-size: 16px;
    font-size: 1.6rem;
    padding-right: 15px;
}

.contentModalSpace {
    padding: 15px 0;
}
/******* CSS POPUP PROPODESTI *******/
.contentPopupPropoDesti {
    font-weight: normal;
}

#fade { /*--Masque opaque noir de fond--*/
    display: none; /*--masquee par defaut--*/
    background: rgba(51, 51, 51, 0.65);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
}

.contentPopupPropoDesti {
    display: none; /*--masquee par defaut--*/
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: auto!important;
}

.contentPopupPropoDesti .modal-content {
	border-radius: 8px;
	padding: 0;
}

.contentPopupPropoDesti .modal-content button {
	float: none;
	border: 0;
	cursor: pointer;
}

@media (max-width: 639px) {
    .contentPopupPropoDesti {
        width: 280px;
    }
}

.ListPopup ul {
    font-size: 14px;
    font-size: 1.4rem;
    list-style-type: none;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 10px;
}

.ListPopup li {
    padding-left: 0px;
    padding-bottom: 0px;
}

.contentPopupPropoDesti h3 {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    cursor: default;
    width: 100%;
    width: -ms-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
}

.contentPopupPropoDesti a {
    color: #595959;
}

.ListPopup {
    padding-top: 10px;
    color: #595959;
}

#autocompleteListContainer_CITY li span:hover,
#autocompleteListContainer_POI li span:hover,
#autocompleteListContainer_ADDRESS li span:hover,
#autocompleteListContainer_ACCOM li span:hover {
    cursor: pointer;
}

#autocompleteListContainer_CITY li span, #autocompleteListContainer_POI li span,
#autocompleteListContainer_ADDRESS li span,
#autocompleteListContainer_ACCOM li span {
    text-transform: capitalize;
}
/********************** WAIT **********************/
#bgWait, #wait, #smallWait, .bgWait {
    position: fixed;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#bgWait {
    background: center no-repeat rgba(255, 255, 255, 0.5);
}

.bgWait {
    background: center no-repeat rgba(0, 0, 0, 0.5);
}
/* ################################################# HOTELS SEARCH ################################################# */
#resultMapContainer-default {
    display: none;
}

.hotelSearchPage span.arrow {
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 33px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}

.hotelSearchPage .customSelect {
    width: 100% !important;
}

.hotelSearchPage select.customSelect {
    width: 100%;
}
#modifSearchForm.modif-form .recapResaContent {
    padding-left: 15px;
}

/******* FORMULAIRE MODIF *******/
#modifForm {
    position: relative;
}

@media (max-width: 639px) {
    .recapModifDetail #modifSearchForm #recapResa .recapResaContent {
        padding-right: 10px;
    }
    #modifSearchForm.modif-form .recapResaContent {
        padding-left: 0px;
    }
    #modifSearchForm.modif-form .recapResaContent {
        padding-left: 15px;
    }
}
    
#searchTypeZoneAeroport .select-style select {
    font-family: arial, "sans-serif";
}

#paxBtn {
    text-transform: lowercase;
}

.logoModifContainer {
    display: none;
}

.modifFormPax {
    position: relative;
}

@media (max-width:639px){
	.hotelSearchPage .modifFormPax {
		margin-top:8px;	
	}
	#modifSearchForm .modifFormDetail .modifFormPax {
		margin-top:8px;
	}
}

.modifFormCityField, .modifFormPaxField, .modifFormCountryField,
.searchFormSelect {
    position: relative;
}

.modifFormCityField input, .modifFormPaxField input, .aeroportZoneField select {
    padding: 50px 6px 3px;
    height: 97px;
    border-radius: 3px;
}

.modifFormCityField label, .modifFormPaxField label, .searchFormSelect label {
    position: absolute;
    top: 0;
    width: 100%;
    padding-left: 5px;
    height: 48px;
    line-height: 48px;
    color: #64686C;
    background: #f2f4f7;
    font-weight: normal;
    border: 1px solid #e5e5e5;
    border-radius: 3px 3px 0 0;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.modifFormPaxField span.picto {
    position: absolute;
    z-index: 1;
    font-size: 24px;
    bottom: 12px;
    right: 8px;
    color: #64686C;
}

#modifForm .modifFormPaxField span.picto {
    color: #595959;
}

#modifForm [class^="picto-"]:not(.picto-tick), #modifForm [class*=" picto-"]:not(.picto-tick) {
	font-size: 24px;
}

@media (min-width: 1024px) {
    .hotelDetailsPage .modifFormPaxField span.picto {
        bottom: 8px;
    }
}

.modifFormPaxField input.focus + label {
    color: #fff;
}

.modifFormCityField .has-erreur label {
    border: 1px solid #e30513;
    background: #e30513;
    color: #fff;
}
.modifFormCityField .popin_erreur {
    top: 54px;
}
@media (min-width: 640px) {
    .modifFormCityField .popin_erreur {
        top: 100px;
    }
}
@media (min-width: 1024px) {
    .hotelDetailsPage .modifFormCityField .popin_erreur {
        top: 68px;
    }
}
.searchFormSelect label {
    border: 0px none;
    border-bottom: 1px solid #e5e5e5;
}

@media (min-width: 640px) {
    #modifForm .nbSuitCaseDiv {
        width: 100%;
        left: 0;
    }
    .logoModifContainer {
        display: table-cell;
    }
}

.hotelSearchPage #modifSearchForm #modifForm {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.hotelSearchPage #modifSearchForm #btnCloseModif {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 32px;
	height: 32px;
    top: 10px;
    right: 10px;
}

#modifSearchForm #modifForm {
    color: #595959;
}

#modifSearchForm #modifForm.landingPage {
    color: unset;
}

.hotelSearchPage #modifForm .suitCaseNight, .hotelDetailsPage #modifForm .suitCaseNight {
    position: static;
}

.hotelSearchPage #modifForm span.suitCase, .hotelDetailsPage #modifForm span.suitCase {
    position: relative;
}

.hotelSearchPage #modifForm .nbSuitCaseDiv, .hotelDetailsPage #modifForm .nbSuitCaseDiv {
    left: 4px;
    width: 25%;
}

.BtnAlignRight {
    text-align: right;
}

.BtnAlignRight .btn-default {
    text-transform: uppercase;
    width: 125px;
}

@media screen and (max-width: 639px) {
    #modifForm .form-group {
        margin-bottom: 8px;
    }
}

#modifSearchForm .dateGo, #modifSearchForm .dateBack, #modifForm .dateGo,
#modifForm .dateBack {
    margin-bottom: 0;
}

#modifSearchForm .dateGo input, #modifForm .dateGo input {
    position: relative;
    border-radius: 3px 3px 0 0;
}

#modifSearchForm .dateBack input, #modifForm .dateBack input {
    border-radius: 0 0 3px 3px;
}

#modifSearchForm .dateGo input, #modifSearchForm .dateBack input,
#modifForm .dateGo input, #modifForm .dateBack input {
    padding-left: 52px;
    border: 1px solid #e5e5e5;
    height: 48px;
}

#modifSearchForm .dateGo label, #modifSearchForm .dateBack label,
#modifForm .dateGo label, #modifForm .dateBack label {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: left;
    padding-left: 5px;
    position: absolute;
    color: #fff;
    left: 1px;
    color: #64686C;
    background: #f2f4f7;
    font-weight: normal;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    z-index: 2;
}

#modifForm .dateGo label {
    top: 2px;
}
/* POUR LA POPIN DATE PAGE PAX */
#formModifDate #modifForm .dateGo label {
    top: 1px;
}
/* FIN POUR LA POPIN DATE PAGE PAX */
#modifSearchForm .dateBack label, #modifForm .dateBack label {
    top: 1px;
}

#modifSearchForm .dateGo input:focus+label, #modifSearchForm .dateBack input:focus+label,
#modifForm .dateGo input:focus+label, #modifForm .dateBack input:focus+label,
.modifFormCityField input:focus+div label, .modifFormPaxField input:focus+label,
.searchFormSelect select.focus+label {
    color: #fff;
}

.modifFormPaxField input.focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(234, 234, 234, 0.6);
}

.totalNights {
    text-align: right;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
}

.modifPopin {
    display: none;
    background: #fff;
    position: absolute;
    border: 1px solid #ccc;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    top: 100%;
    width: 100%;
    margin-top: 11px;
    z-index: 1002;
    border-radius: 3px;
}

.modifPopinForce {
    display: block !important;
}

@media (min-width: 1024px) {
    #paxPopin {
        min-width: 300px;
    }
}

.modifPopin.visible {
    display: block;
}

.modifPopin:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #cccccc transparent;
    top: -10px;
    left: 50%;
}

.modifPopin:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    top: -8px;
    left: 50%;
    z-index: 9002;
}

.modifPopin.listPicto li {
    position: relative;
    padding: 0;
}

.modifPopin.listPicto li button {
    background: none;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 5px 10px 30px;
}

.modifPopin.listPicto li button:hover, .modifPopin.listPicto li button:focus,
.modifPopin.listPicto li button.active {
    background: #f2f4f7;
}

.modifPopin.listPicto .picto-tick {
    position: absolute;
    left: 8px;
    top: 13px;
    font-size: 0px;
    transition: all ease .3s;
}

.modifPopin.listPicto li button:hover .picto-tick, .modifPopin.listPicto li button:focus .picto-tick,
.modifPopin.listPicto li button.active .picto-tick {
    font-size: 16px;
}

/** FIX HEIGHT POPIN PAX **/
#paxPopinScrollDiv {
    overflow: auto;
}
#modifForm #paxPopinScrollDiv {
	max-height: unset;
}
/** FIX HEIGHT POPIN PAX **/
#paxPopinScrollDiv::-webkit-scrollbar {
    -webkit-appearance: none;
}

#paxPopinScrollDiv::-webkit-scrollbar:vertical {
    width: 10px;
}

#paxPopinScrollDiv::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: 2px solid white;
}

#paxPopinScrollDiv::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 3px;
}

.modifPopinCloseBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: 0 none;
    margin: 0;
    padding: 0;
    color: #c5cad1;
}

.modifPopinTitle {
    padding: 12px 0 10px 7px;
    border-radius: 0;
    font-size: 16px;
    font-size: 1.6rem;
}

.modifPopinTitle:first-letter {
    text-transform: capitalize;
}

.modifPopinContent {
    padding: 10px;
}

#modifForm .modifPopinContent {
    padding: 16px 8px;
}

.modifPopinContent p {
    margin: 0 0 5px;
}

#modifForm .modifPopinContent p {
    margin: 0 0 16px;
}

.formSection {
    border-bottom: 1px solid #e6e8ea;
}

#modifForm .formSection {
    border-bottom: 1px dashed #c1c1c1;
}


.formSection:last-child {
    border: none;
}

.childrenAgeDiv {
    background: #f2f4f7;
}

#modifForm .childrenAgeDiv {
    background: #fff;
    padding-top: 0;
}

.modifPopinContent .formPopinLine > div {
    vertical-align: middle;
}

.formPopinLine label {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #64686c;
    font-weight: normal;
}

#modifForm .formPopinLine label {
    color: #0D2239;
}

.formPopinLine .nowrap {
    font-size: 12px;
    font-size: 1.2rem;
}

#modifForm .formPopinLine .nowrap {
    font-size: initial;
}

.plusMinusForm {
    text-align: right;
    white-space: nowrap;
}

.selectPopinForm, .selectPopinForm .customSelect {
    width: 80px;
}

#modifForm .selectPopinFormContainer {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

#modifForm .selectPopinForm {
	width: auto;
}

#modifForm .selectPopinForm .customSelect {
	width: 80px;
}

.formCountDiv {
    color: #595959;
}

#modifForm .formCountDiv {
    color: #0D2239;
}

.plusMinusForm > * {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    background-size: cover;
    background-repeat: no-repeat;
}

#modifForm .plusMinusForm > * {
    width: auto;
	min-width: 16px;
	font-size: 14px;
}

.plusMinusForm button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 24px;
    line-height: 30px;
    color: #c5cad1;
}

#modifForm .plusMinusForm button {
    width: 32px;
	height: 32px;
}

.plusMinusForm button.active {
    color: #64686c;
}

#modifForm .plusMinusForm button.active {
    color: #595959;
}

#modifSearchForm .roomAgeTables {
    display: table;
    table-layout: fixed;
    width: 100%;
    cursor: default;
}

.labelAgeschild {
    color: #64686c;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
}

#modifForm .labelAgeschild {
    color: #0D2239;
    font-size: 14px;
    font-size: 1.4rem;
}

#modifSearchForm .roomAgeTables select {
    width: 100%;
}

@media (max-width: 639px) {
    #modifSearchForm .roomAgeTables select {
        width: 100% !important;
    }
}

#modifSearchForm .roomAgeTables .numRoom, #modifSearchForm .roomAgeTables .tilteNbRoomCont {
    width: 30px;
}

.roomAgeTablesBorderTop {
    padding-top: 10px;
}

#modifSearchForm .labelStyleForm {
    display: table-caption;
}

#modifSearchForm span.nbSuitCase {
    color: #ffffff;
}

.recapResaClass {
    border-radius: 3px;
    font-weight: normal;
    color: #0D2239;
    padding: 15px;
    background-color: #FFFFFF;
}

#bigAnimatedWait .recapResaClass {
    margin: 0px 0px 15px 0;
}

#bigAnimatedWait .recapResaClass .ul-flex li {
    padding: 0;
}

.recapModifBookingDetail #modifSearchForm.modif-resa > .k-picto svg {
	color: #0D2239;
}

.hotelSearchPage .recapResaClass {
    min-height: 51px;
}

#modifForm h3 {
    color: #0D2239;
    margin-bottom: 16px;
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
}

div.divRecap{
	text-transform: lowercase;
}

.geoName {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
}

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

.recapResa svg:not(.icon-pencil) {
    margin-right: 15px;
}

.BtnAlignRecap button {
    position: relative;
    background: none;
    border-radius: 3px;
    padding: 0;
    display: block;
    margin: 0;
    border: none !important;
    color: #ffffff;
}

.BtnAlignRecap button .icon-pencil {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 7px;
    background-color: #ccc;
    color: #fff;
}

.BtnAlignRecap button:HOVER, .BtnAlignRecap button:FOCUS {
    color: #ffffff;
}

.BtnAlignRecap button:ACTIVE {
    box-shadow: none;
}
.recapResa .BtnAlignRecap {
    align-self: start;
}
.btnSearchCancel {
    text-align: right;
}
 #modifForm .btnSearchCancel {
        padding-top: 8px;
}
@media (min-width: 640px) {
    #modifForm .btnSearchCancel {
        padding-top: 0;
    }
}

@media (min-width: 1024px) {
    .hotelSearchPage {
        min-width: 100%;
        margin-top: 0px;
    }
    #modifSearchForm .nbRoomSelect {
        width: 200px;
    }
    #modifSearchForm .numberRooms {
        padding-left: 0;
        width: 200px;
    }
    #modifSearchForm > div {
        margin-bottom: 0px;
    }
    #modifSearchForm .nbRoom {
        width: 23%;
        text-align: center;
        padding-left: 0px;
    }
}

.hotelSearchPage #container {
    max-width: 100%;
}
.hotelSearchPage .container {
    width: 100%;
    padding: 0;
}

@media (min-width: 1024px) {
    .hotelSearchPage .container {
        position: relative;
        max-width: 1140px;
    }
}

.hotelDetailsPage #modifSearchForm {
    margin-right: 0;
    margin-left: 0;
}

#modifSearchForm #btnSearch {
    height: 95px;
}

@media (max-width: 639px) {
    #modifSearchForm #btnSearch {
        height: 55px;
    }
}
@media (max-width:1023px) and (min-width:640px) {
	.contentForm #btnSearch {
		height: 95px;
	}
}

#modifSearchForm #btnCloseModif {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    text-align: right;
    background: none;
}

#modifSearchForm #btnCloseModif span {
    margin-right: 0;
}

.hotelDetailsPage #modifSearchForm #btnCloseModif {
    top: 10px;
    right: 8px;
}

/******* FORMULAIRE FILTRE *******/
#filterForm .microlegend {
	font-size: 10px;
}
#filterForm .drawer-main .kbtn.__square {
	box-shadow: none;
}
#filterForm .drawer-footer {
	padding: 16px;
}
#filterForm .drawer-footer.__sticky {
	position: sticky;
	bottom: -1px;
	padding: 16px;
	background: #fff;
	box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.16);
}
.ui-autocomplete.__filter {
	z-index: 10000;
}

@media (min-width: 1024px) {
	#filterForm .durability .container-flex {
		flex-basis: 130px;
	}
	#filterForm .drawer-footer {
		padding: 16px 0;
	}
	#filterForm .drawer-footer.__sticky {
		margin: 0 -16px -16px;
	}
	#filterFormContainer-desktopList #filterForm {
        display: block !important;
    }
    /* Map height = 540px - button height - margin top */
    #filterForm.__map {
    	min-height: calc(540px - 48px - 16px);
    }
}

@media (max-width: 1023px) {
    .filterBtn > div {
        line-height: 14px;
    }
}

@media (max-width: 639px) {
    .filterBtnContainer > div {
        text-align: right;
    }
}

@media (min-width: 640px) {
    .filterBtnContainer {
        display: table;
        width: 100%;
    }
    .filterBtnContainer > div {
        display: table-cell;
    }
}

@media (min-width: 1024px) {
   #filterForm .option {
        display: block !important;
    }
    .filterBtnContainer > div {
        display: block;
        text-align: right;
        margin-top: 10px;
    }
    #btnCloseFilter, .filterBtnContainer .moreOption {
        display: none;
    }
    #btnCloseFilter span {
        vertical-align: sub;
    }
}
.resultfilter {
    font-size: 10px;
    font-size: 1rem;
    color: #595959;
    margin-right: 5px;
}

.resultfilter {
    position: absolute;
    top: 6px;
    right: 0;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 0;
}

#autocomplete_titrePax {
    text-transform: lowercase;
}

@media (min-width: 1024px) {
    #filterForm #priceFilterDiv label {
        margin-right: 10px;
    }
}

#filterForm .customSelect, #filterForm .customSelectInner, .blocPayeur .customSelect,
.blocPayeur .customSelectInner {
    width: 100% !important;
}

#filterForm .meal {
    display: block;
}

#filterForm .filterNote img {
    width: 85px;
}

.icheckbox_orange, .icheckbox {
    height: 15px;
    width: 15px;
    border-radius: 3px;
    margin: 4px 8px 4px 0;
    background: none;
    border: 1px solid #b2b3b3;
}

.iradio_orange {
    border: 1px solid #b2b3b3;
    height: 20px;
    width: 20px;
}

.icheckbox_orange.checked {
    font-size: 11px;
    font-size: 1.1rem;
    padding-top: 2px;
}
#filterForm li.dataTip[data-tip]:hover:after,
#filterForm li.dataTip[data-tip]:focus:after {
	top: 17px;
	right: auto;
	left: 22px;
}
/** Equipements **/
.toggleMore, .toggleLess {
    padding-top: 10px !important;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: underline;
}

#filterForm .picto-credit-card {
    font-size: 23px;
    font-size: 2.3rem;
}

#filterForm .icon-star {
    color: #f7941d;
    margin-right: 2px;
}

#filterForm .icon-star.noStar {
    color: #f5d8b5;
}

@media (min-width: 1024px) {
    #filterFormContainer-desktopMap {
        margin-top: 10px;
        position: relative;
    }
    #filterFormContainer-desktopMap #filterForm {
        position: absolute;
        top: 100%;
        z-index: 102;
        left: 15px;
        right: 0;
        margin-right: 0;
        margin-left: 0px;
    }
    #filterFormContainer-desktopMap #filterForm:after {
        bottom: -10px;
        content: "";
        display: block;
        height: 1px;
        position: relative;
        width: 100%;
    }
    #filterFormContainer-desktopMap > .row {
        margin-left: 0;
    }
    #filterFormContainer-desktopMap #filterBtn {
        text-transform: uppercase;
        height: 40px;
        position: relative;
    }
    #filterFormContainer-desktopMap footer {
        position: fixed;
        width: 100%;
        z-index: 200;
    }
    #filterFormContainer-desktopMap #filterForm.limitedHeightFilterForm {
        overflow: auto;
    }
    #filterFormContainer-desktopList #filterBtn {
        background: #595959;
        color: #FFFFFF;
        height: 40px;
    }
    #filterFormContainer-desktopList {
        margin-top: 10px;
    }
    #filterFormContainer-desktopList #filterBtn {
        background: #595959;
        color: #fff;
        cursor: default;
    }
    #MapContainer-desktopList {
        padding-right: 0;
        padding-left: 0;
        height: 60px;
        overflow: hidden;
        cursor: pointer;
    }
}

/** nbr des etoiles **/
#filterForm .br-widget a {
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    margin: 2px;
    text-decoration: none;
    color: transparent;
    text-align: center;
}

#filterForm .br-widget span {
    font-size: 17px;
    font-size: 1.7rem;
    vertical-align: middle;
    line-height: 26px;
}

@media (max-width: 1023px) {
    .compactSortLigne, .bloclistTri {
        display: none;
    }
}

@media (min-width: 640px) {
    #sortBlocContainer-desktopMap {
        padding: 0;
    }
}

#sortBlocFavoris .compactSortList {
    display: table;
}

#selectedTri .labelTri span {
    font-weight: normal;
    cursor: pointer;
}

@media (min-width: 1024px) {
    #sortBlocContainer-desktopMap .selectCompactListTri:after {
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        position: relative;
        width: 100%;
    }
    #sortBlocContainer-desktopMap .selectCompactListTri.limitedHeightSelectTri {
        overflow: auto;
    }
}

.selectCompactListTri ul {
    padding: 0;
    margin: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
}

.selectCompactListTri li {
    list-style-type: none;
    padding: 0;
    min-height: 40px;
    text-align: right;
    cursor: pointer;
}

.selectCompactListTri li button, .selectCompactListTri li a {
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 0 10px;
    line-height: 40px;
    background: none;
    color: #595959;
    border-style: solid;
    border-color: #f2f4f7;
    border-width: 1px 0 0;
}

.selectCompactListTri li button:hover, .selectCompactListTri li button:focus {
    background: #f2f4f7;
    outline: none;
}

.selectCompactListTri li label {
    margin: 10px 15px;
    font-weight: normal;
}

.totalHotelNumber {
    font-weight: bold;
    white-space: nowrap;
}
/*** BTN BLOCAGE DE MAP ***/
#searchControl {
    margin-top: 5px;
    margin-left: 5px;
    position: absolute;
    z-index: 1;
}

.searchControlLabel {
    padding: 3px 10px 3px 3px;
    background: #ffffff;
    color: #595959;
    font-weight: normal;
    cursor: pointer;
}

#searchControl input[type="checkbox"] {
    vertical-align: top;
    margin-right: 5px;
}

#searchControl .icheckbox_orange {
    margin-right: 5px;
    margin-bottom: 0;
}

#moreResultsDiv {
    background: none repeat scroll 0 0 #ffffff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bolder;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
    text-transform: uppercase;
}

#moreResultsDiv button {
    border: none;
    background: none;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    line-height: 30px;
}

#moreResultsDiv span {
    float: right;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
}

#showMoreHotels:FOCUS {
    outline: none;
}
/******* PARTIE BLOC RESULTAT *******/
@media (min-width: 1024px) {
    #resultListContainer-desktopMap {
        padding: 0;
    }
    #resultListContainer-desktopList {
        padding-right: 0;
    }
}

#mapBtnsRow {
    margin-top: 10px;
    margin-bottom: 10px;
}

.hotel-dispo {
    margin-bottom: 16px;
}

.resultBloc {
    position: relative;
    border-radius: 8px;
}

.ContResultBloc {
    background-color: #ffffff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 2px 5px rgba(0,0,0, 0.16);
    min-height: 260px;
}

.hotelGlobalInfosBloc {
    position: relative;
}

@media (min-width: 640px) {
    .hotelDetailsPage .linkBack, .hotelDetailsPage .linkBack button {
        display: none;
    }
    .ContResultBloc {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

#breadcrumbBackBtn a {
    color: #ffffff !important;
}
.HeaderResultBloc .supplierCode {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    font-size: 1.4rem;
}

.hotel-info-values {
    flex-grow: 2;
}

.hotel-name > * {
    vertical-align: middle;
}

.hotel-name .wrap {
    padding-right: 15px;
}

.hotel-name h2 {
    vertical-align: middle;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

.bookmarkCard .hotel-name h2 {
    max-width: calc(100% - 15px);
}

.hotel-name .labelCity {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: capitalize;
    color: #0D2239;
    font-weight: normal;
}

.hotel-name h2 .hotelName {
    font-size: 20px;
    font-size: 2rem;
    line-height: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    padding-right: 8px;
}

.bookmarkCard .hotel-name h2 .hotelName, .recapBooking .hotel-name h2 .hotelName {
	font-size: 16px;
    font-size: 1.6rem;
}

.bookmarkCard .hotel-name h2 .labelCity, .recapBooking .hotel-name h2 .labelCity {
    color: #595959;
}

@media (max-width: 768px) {
	.resultBlocDesc .hotel-name {
		max-width: calc(100% - 80px);
	}
	
	.resultBlocDesc .contentNoteResult {
		position: absolute;
		right: 0;
	}
}

.hotel-adress {
    font-size: 14px;
    font-size: 1.4rem;
    color: #0D2239;
}

.hotel-adress .icon, .btnLocation .icon {
    color: #0D2239;
    fill: #0D2239;
    vertical-align: middle;
}

.HotelResultBloc {
    padding: 5px 0px 5px 5px;
}

.info-supp {
    margin-bottom: 16px;
    font-size: 14px;
    font-size: 1.4rem;
}

.info-supp ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-size: 1.4rem;
    color: #0D2239;
}

.info-supp li {
    position: relative;
    min-height: 24px;
    display: flex;
    align-items: center;
}

.info-supp .loading-block {
	width: 160px;
}

.info-supp svg.icon {
    color: #22BE63;
    vertical-align: text-bottom;
    margin-right: 4px;
}

.hotelDetailsPage .info-supp svg.icon {
	min-width: 16px;
}

.info-supp svg.icon.icon-cross {
    color: #BE0410;
}

@media (min-width: 640px) {
    .resultMapContainer .hotelBlocListView .HotelResultBloc {
        width: 60%;
        max-width: 200px;
    }
}
.HeaderResultBloc h2 .hotelWithAdvisor {
    width: 100%;
}
@media (min-width: 640px) {
    .HeaderResultBloc h2 .hotelWithAdvisor {
        width: -ms-calc(100% - 140px);
        width: -o-calc(100% - 140px);
        width: calc(100% - 140px);
    }
}

@media (min-width: 768px) {
	.info-supp .loading-block {
		width: 288px;
	}
}

@media (min-width: 1024px) {
    .HeaderResultBloc h2 .hotelWithAdvisor {
        width: -ms-calc(100% - 240px);
        width: -o-calc(100% - 240px);
        width: calc(100% - 240px);
    }
}
/* CSS CHAT IFRAME */
#fc_frame.fc-open {
    z-index: 2147483602 !important;
}

.scrollTop {
    color: #ffffff;
    opacity: 0.6;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    padding: 5px 0;
    position: fixed;
    right: 105px;
    bottom: 30px;
    font-size: 9px;
    z-index: 9999;
}

.scrollTop svg {
	line-height: 30px;
	margin-top: 2px;
}
.scrollTop:hover, .scrollTop:focus {
    text-decoration: none;
    color: #fff;
}

@media (max-width: 639px) {
    .scrollTop {
        display: none;
    }
    .detailsHotelBloc .HeaderResultBloc h2 .hotelName {
        width: 100%;
    }
    .detailsHotelBloc .HeaderResultBloc, .detailsHotelBloc .infoHotelName,
    .detailsHotelBloc .contentStars {
        display: block;
    }
    .detailsHotelBloc .contentStars {
        text-align: left;
    }
}

.bestBuyLeft.starGroup {
    display: inline;
    margin: 0 5px 3px;
}

@media (min-width: 640px) {
    .bestBuyLeft .starGroup {
        display: inline-block;
    }
}

.bestBuyLeft .starGroup .picto {
    font-size: 13px;
    font-size: 1.3rem;
}

.starGroup {
    display: block;
    color: #f7941d;
    margin-bottom: 5px;
}

.starGroup.svg {
    letter-spacing: -3px;
}

.starGroup .picto {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 14px;
}

.btnHeadBlcResult {
    text-align: right;
    height: 100%;
    vertical-align: top;
}

.btnHeadBlcResult button {
    height: 100%;
    text-transform: uppercase;
}

.resultBlocImg {
    position: relative;
    border-radius: 8px;
}

.resultBlocImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px 0 0 8px;
}

.resultBlocDesc {
    vertical-align: top;
    position: relative;
    padding: 16px;
    flex: 1;
}

.resultBlocDesc p {
    margin-bottom: 0;
}

.resultBlocDesc > div {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.hotel-global-infos {
    flex: 1;
}

.hotel-info-group {
    display: flex;
    justify-content: space-between;
}

.hotel-info-group-left {
    flex-grow: 1;
    -webkit-box-flex: 1;
}
/* regles specifiques blocs result mobile */
@media (max-width: 640px) {
    .resultBlocImg {
        height: 220px;
        -webkit-box-sizing: initial;
        box-sizing: initial;
        display: block;
        width: auto;
    }
    #listResultsDiv .resultBlocDesc {
        display: block;
    }
    #listResultsDiv .resultBlocTab .displayTable {
        position: absolute;
        left: 0px;
    }
    .resultBlocImg .bgImgHotel {
        border-radius: 3px 3px 0 0;
    }
}

.hotel-infos {
    padding-bottom: 16px;
}

.blocResultAddress {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: normal;
    color: #0D2239;
}

a.blocResultAddress, #mapResultDiv .blocResultAddress {
    position: relative;
    padding-left: 5px;
    color: #0D2239;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    z-index: 105;
}

#mapResultDiv .resultBloc:hover > .ContResultBloc > .resultBlocImg {
    border: 0 none !important;
}

.resultBlocInfo {
    color: #0D2239;
}

.resultBlocInfo > img {
    vertical-align: sub;
}

.resultBlocInfo .btnAirport span {
    font-size: 14px;
    font-size: 1.4rem;
}

.resultBlocInfo span.picto {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
}

.resultBlocInfo svg.icon {
    vertical-align: middle;
}

.resultBlocInfo span.ng-binding, .resultBlocInfo span.infoDistance {
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    color: #0D2239;
    margin-bottom: 0px;
    padding-left: 5px;
}

.resultBlocInfo .btnLocation span.titleLocation, .infoAdress {
    vertical-align: middle;
}
.infoAdress {
    padding-left: 5px;
}
.resultBlocInfo .btnLocation img {
    padding-bottom: 2px;
}

.picto-train-station span, .picto-airport span {
    padding-left: 0;
}

@media (max-width: 639px) {
    .BlocPrice {
        margin-top: -5px;
    }
}

.resultBlocOldPrice {
    padding-top: 0px;
    padding-left: 5px;
    text-align: right;
    font-size: 13px;
    font-size: 1.3rem;
}

.resultBlocDesc .resultBlocPrice {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    text-align: right;
    line-height: 19px;
}

@media (min-width: 640px) {
    .resultBlocDesc .resultBlocPrice {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 20px;
    }
}

.resultBlocDesc .resultBlocPrice span {
    color: #595959;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: normal;
}

@media (min-width: 640px) {
    .resultBlocDesc .resultBlocPrice span {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media (min-width: 640px) {
    .BlocPrice {
        display: none;
    }
}

.resultBlocImg > div.bgImgHotel {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 640px) {
    #listResultsDiv .resultBlocImg, #mapResultDiv .resultBlocImg {
        min-height: 220px;
        width: 260px;
    }
    .resultBlocImg > div.bgImgHotel {
        width: 260px;
        border-radius: 3px 0 0 3px;
    }
}
/* POUR LES NOTES VOYAGEURS ET TRIPADVISOR  */
.hotelGlobalInfosBloc .contentNoteResult {
    bottom: 0px;
}
.contentNoteResult span {
    line-height: normal;
    color: #E03400;
    font-size: 12px;
}

.contentNoteResult .maxRate {
    color: #0D2239;
    font-size: 12px;
}

.scoreRate > span  {
	color: #E03400;
}

.scoreRate .maxRate,
.tripadvisorDiv .maxRate {
	color: #0D2239;
    font-size: 10px;
}

.travelerNote {
    text-align: right;
    margin-bottom: 5px;
    min-width: 60px;
}

#mapResultDiv .tripAdvisorNote {
    position: absolute;
    bottom: 6px;
    right: 5px;
}

#mapResultDiv .tripAdvisorNote > img {
    height: 13px;
    width: 75px;
}

#mapResultDiv .info-dist-hotel {
    padding-left: 5px;
}
.travelerNote > * {
    margin-right: 5px;
}
.travelerNote > div {
    display: inline-block;
}
.travelerNote > span {
    display: block;
}
.travelerNote div > span:FIRST-CHILD,
.scoreRate > span:first-of-type {
    font-size: 18px;
}
.blocPreviewTripAdvisor {
    align-self: start;
    border: 1px solid #f1f2f6;
    padding: 4px;
    border-radius: 4px;
}
.resultSelectedHotel .contentNoteResult {
    top: 0px;
}
@media (max-width: 639px) {
    .contentNoteResult {
        bottom: auto;
        top: 0;
    }
}
@media (min-width: 640px) {
    .resultSelectedHotel .contentNoteResult {
        bottom: auto;
    }
}
@media (min-width: 768px) {
    .travelerNote > span {
        display: block;
    }
}

@media (min-width: 1024px) {
    .blocPreviewTripAdvisor, .travelerNote {
        vertical-align: top;
    }
    .travelerNote > span {
        display: block;
    }
}

.resultSelectedHotel .HeaderResultBloc {
    display: flex;
}

.resultSelectedHotel .headerSelectedHotel {
    flex: 1;
}

.resultSelectedHotel .contentNoteResult {
    position: static;
}

.resultSelectedHotel .travelerNote {
    margin-bottom: 5px;
}

.adviceNumber {
    display: block;
    text-align: right;
}

.blocPreviewTripAdvisor img {
    height: 13px;
    width: 75px;
}

.globalDetailsBloc .blocPreviewTripAdvisor {
    float: none;
}

.ContResultBloc .resultBlocDesc .BlocPrice .resultBlocPrice {
    line-height: 26px;
    font-size: 34px;
    font-size: 3.4rem;
}

@media (min-width: 640px) {
    .resultListContainer .blocPreviewTripAdvisor {
        float: left;
        padding-left: 10px;
    }
}

@media (min-width: 640px) and (max-width: 1190px) {
    .hotelBlocListView .ContResultBloc .BlocPrice *, #mapResultDiv .resultBloc .BlocPrice * {
        display: inline-block;
    }
    .resultMapContainer .resultBlocDesc .resultBlocInfo {
        margin-top: 0;
    }
}

.resultBlocPrice {
    display: block;
}

.spanPrice {
    text-align: right;
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 5px;
    text-decoration: line-through;
}

.spanPriceNoPromo {
    text-align: right;
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 5px;
    color: #595959;
}

.spanPriceNoPromo label {
    text-decoration: line-through;
    font-weight: normal;
    display: inline;
    font-size: 14px;
    font-size: 1.4rem;
}

.resultBlocTabAllPrice .resultBlocTabPrice {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: normal;
    position: relative;
    z-index: 105;
    cursor: default;
}

.resultBlocTabAllPrice .hasPromo .resultBlocTabPrice,
.resultBlocTabAllPrice .resultBlocTabPrice .hasPromo {
    font-size: 28px;
    font-size: 2.8rem;
}

/******* MOBILE RATES *******/
.mobileRate .pillsStyle {
	font-size: 14px;
  	font-weight: 600;
	border: 1px solid #C1C1C1;
	padding: 0 12px;
}

.mobileRate .pillsStyle span, 
.mobileRate .pillsStyle svg {
	color: #0D2239;	
}

.mobileRate ~ .priceTotal {
	display: inline-block;
}

@media (min-width: 1024px) {
	.priceTotal > .rewardAgent + .mobileRate {
		margin-left: 6px !important;
	}	
	.hotelPriceTd > .visibleCode + .mobileRate {
		margin-top: 11px;
	}
}
/******* // MOBILE RATES *******/

/* .resultBlocTabAllPrice .currencyUnit {
    font-size: 12px;
    font-size: 1.2rem;
} */

.typeAccomResult {
    text-align: center;
}
.resultBlocTabAllPrice .baredPrice {
    font-size: 11px;
    font-size: 1.1rem;
    color: #0D2239;
    text-decoration-line: line-through;
    font-weight: 700;
}
.typeAccomResult div, #resultListContainer-desktopList .typeAccomResult div {
    padding: 5px 10px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #7A7A7A;
    font-weight: bold;
    border-top: 1px solid #ddd;
    border-right: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.typeAccomResult .borderJustRight {
    border-right: 1px solid #9c9c9c;
}

.resultBlocTab {
    position: static;
}

.resultBlocTabAllPrice {
    vertical-align: middle;
}

.resultBlocTabAllPrice .row {
    margin: 0;
}

@media (min-width: 640px) {
    .resultBlocTab {
        position: relative;
    }
    .colDispo {
        float: right;
    }
    .colDispo:first-child {
        border: none;
    }
}

.resultBlocTabAllPrice .hotelPriceTd {
    position: relative;
    text-align: right;
}

.centralCode {
    right: 0;
    position: absolute;
    bottom: 50px;
    z-index: 999;
}

.visibleCode {
	display: block !important;
	text-align: right;
	margin-bottom: 0px;
}
@media (min-width: 1024px) {
	.visibleCode {
		display: block !important;
		text-align: right;
		margin-bottom: 5px;
	}
}
.hotelPriceTd > div {
    display: inline-block;
    vertical-align: bottom;
}

@media (max-width: 1023px) {
	.hotelPriceTd > div {
	    margin-top: 16px;
	}
}

.hotelPriceTd > div.container-price {
    vertical-align: bottom;
    z-index: 105;
    position: relative;
    cursor: pointer;
}

.dispoMealPlan {
    text-align: right;
    color: #0D2239;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
}

.mealPlanType {
    padding: 2px 3px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    display: block;
    line-height: 11px;
}
/* STYLES POUR LES MEALPLANS */
.dispoMealPlan .board_BB:after, .dispoMealPlan .board_HB:after,
.dispoMealPlan .board_BD:after, .dispoMealPlan .board_FB:after,
.dispoMealPlan .board_AI:after {
    content: "\e921";
    font-family: "picto-font";
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 8px;
    font-size: 0.8rem;
}

.dispoMealPlan .mealPlanType p {
    padding: 0 3px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}

.mealplanList .contentMealPlansResult {
    display: block;
}

.mealplanList .contentMealPlansResult > div {
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}

.board_BB {
    background-color: #25c86a;
}

.board_RO {
    background-color: #aaa;
}

.board_HB, .board_BD {
    background-color: #087FD2;
}

.board_FB {
    background-color: #f1c63c;
}

.board_AI {
    background-color: #f7941d;
}

.bookOfflineWait {
	position: relative;
	color: transparent !important;
	pointer-events: none;
	width: 108px;
}

.hotelSelectBtnContainer a {
	position: relative;
	z-index: 105;
}

.bookOfflineWait .c-loading-spin {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

@media (max-width: 768px) {
    .centralCode {
        display: none;
    }
    .colDispo {
        padding: 0;
    }
    .hotelBlocListView .blocPreviewTripAdvisor, #mapResultDiv .blocPreviewTripAdvisor { 
        display: none;
    }
}

#listResultsDiv .resultBlocInfo .picto-airport {
    padding-right: 5px;
}

.supplierLogo {
    max-width: 90px;
    margin-right: 3px;
    position: relative;
    z-index: 102;
}

.shortDescBloc {
    display: none;
}

@media (min-width: 1280px) {
    .resultListContainer .shortDescBloc {
        background: #f5f5f5;
        position: absolute;
        right: 10px;
        cursor: help;
        margin-top: 5px;
        display: block;
    }
    .resultListContainer .shortDescBloc p {
        width: 340px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        display: inline-block;
        line-height: 34px;
        padding: 0 10px;
        font-size: 13px;
        font-size: 1.3rem;
    }
    .resultListContainer .shortDescBloc span.picto {
        font-size: 18px;
        font-size: 1.8rem;
        margin-right: 5px;
        vertical-align: middle;
    }
}

@media (min-width: 1400px) {
    .resultListContainer .shortDescBloc p {
        width: 420px;
    }
}

@media (min-width: 1600px) {
    .resultListContainer .shortDescBloc p {
        width: 520px;
    }
}

.resultBlocInfo button {
	position: relative;
	background: none;
	border: none;
	padding: 1px 2px 0 0;
	cursor: help;
	display: block;
	text-align: left;
	z-index: 105;
}

.resultBlocInfo button:focus {
    outline: none;
}

.resultBlocInfo span.titleLocation {
    position: absolute;
    background-color: #0D2239;
    color: #ffffff;
    bottom: 28px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 8px;
    border-radius: 8px;
    display: none;
    opacity: 0;
    line-height: 17px;
    white-space: nowrap;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* Hack IE8 */
    filter: alpha(opacity = 0); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;
    /* transition pour Chrome et Safari */ /* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.resultBlocInfo span.nameTitleLocation {
    display: block;
    padding: 0;
}

.titleLocation {
    text-align: left;
}

.titleLocation span, .titleLocation span.ng-binding {
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    color: #ffffff;
}

.titleLocation span.labelResultBlocInfo {
    font-weight: normal;
    padding-left: 0px;
    color: #ffffff;
}

#resultMapDiv .resultBlocInfo span.titleLocation,
#resultMapContainer-default .resultBlocInfo span.titleLocation,
.resultMapContainer .resultBlocInfo span.titleLocation,
#resultListContainer-desktopMap #listResultsDiv .resultBlocInfo span.titleLocation,
#resultListContainer-desktopList #listResultsDiv .resultBlocInfo span.titleLocation,
#resultListContainer-default .resultBlocInfo span.titleLocation {
    left: 0;
    text-align: left;
}

.resultBlocInfo button:FOCUS span.titleLocation, .resultBlocInfo button:hover span.titleLocation {
    display: block;
    opacity: 1;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Hack IE 8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
}

/******* CSS PAGINATION *******/
#pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/******* BLOC RESULT MAP *******/
.container-map {
    position: relative;
    height: 100%;
}

#resultMapDiv {
    height: 540px;
}

#resultMapDiv.hideMap {
    position: absolute !important;
    left: 30000px;
}

#customControl {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #fff;
    border-radius: 8px;
    z-index: 1;
}

#customControl.__filter,
#msgZoom.__filter,
#msgZoomReload.__filter {
    top: 96px;
}

#mapResultDiv {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 34px);
    z-index: 1006;
}

@media (min-width: 1024px) {
    #resultMapContainer-desktopMap {
        margin-right: -15px;
        padding-right: 0px;
    }
    #mapResultDiv {
        left: 17px !important;
        width: calc(100% - 34px);
    }
}

#mapResultDiv .resultBloc {
    position: relative;
}

#mapResultDiv .resultBlocInfo {
    display: block;
}

#mapResultDiv .BlocPrice {
    display: block;
}

#mapResultDiv .hotelGlobalInfosBloc {
    height: 100px;
}

#listResultsDiv .BlocPrice, #mapResultDiv .BlocPrice {
    position: absolute;
    bottom: 7px;
    right: 7px;
    text-align: right;
}

@media (min-width: 640px) and (max-width: 1190px) {
    #listResultsDiv .BlocPrice, #mapResultDiv .BlocPrice {
        bottom: -1px;
    }
}

#mapResultDiv .BlocPrice p {
    text-align: right;
}

#mapResultDiv .HeaderResultBloc {
    position: relative;
}

#mapResultDiv .resultBloc {
    border: 0 none !important;
    margin-bottom: 0;
}

.closeResultContainer {
    position: absolute;
    top: 8px;
    right: 0;
    transform: translateY(-100%);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

@media (max-width: 1023px) {
    #resultMapContainer-default {
        position: fixed;
        top: 80px;
        bottom: 0;
        padding: 0;
        z-index: 1005;
    }
    #resultMapDiv {
        height: 100%;
    }
    #mapResultDiv {
        left: 10px !important;
        width: calc(100% - 20px);
    }
}

#resultMapContainer-default.__top {
	position: absolute;
	top: 0;
	right: 0;
}
#resultMapContainer-default.__top > div:first-of-type {
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);	
}

@media (max-width: 639px) {
    .resultBlocImg img {
        border-radius: 8px 8px 0 0;
    }
    #mapResultDiv {
        min-width: 150px;
        bottom: 10px;
        max-height: calc(100% - 20px);
        /* overflow-y: auto; */
    }
    .closeResultContainer {
	    z-index: 103;
	}
}

/******* Boutons liste/carte affiner et modifier *******/
@media (min-width: 640px) {
    #filterBtnContainer-desktopMap, #filterBtnContainer-desktopList,
    #modifSearchBtnContainer-desktopMap,
    #modifSearchBtnContainer-desktopList {
        height: 40px;
    }
}

#selectedTri .labelTri span {
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1023px) {
    #selectedTri .labelTri span {
        display: inline-block;
    }
}

@media (max-width: 1023px) {
    .stickyScrollxs.__sticky,
    .stickyScrollxs.__map {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 0;
        margin: 0 !important;
        z-index: 1004;
    }
    .stickyScrollxs.__map {
    	top: 0 !important;
         /* z-index: 1006; */
         z-index: 9995;
	}
	.stickyScrollxs.__sticky.__active {
		z-index: 1005;
	}
}

@media (min-width: 1024px) {
	.stickyScrollxs {
		display: flex;
		align-items: center;
	}
	.stickyScrollxs > div {
		padding: 0 7px;
	}
	.stickyScrollxs > div:first-of-type {
		order: 1;
	}
}

@media (max-width: 640px) {
    .labelTri span {
        font-size: 12px;
        font-size: 1.2rem;
        width: calc(100% - 5px);
    }
}

#modifSearchBtn {
    background-color: #ffffff;
    border-right: none;
    border-left: none;
    font-weight: 700;
    height: 100%;
    padding: 0 5px;
    text-align: center;
}

#modifSearchBtn:focus {
    outline: none;
}

.labelFiter {
    text-align: right;
}

.labelFiter span.picto {
    color: #595959;
}

@media (max-width: 1023px) {
    #modifSearchBtn {
        border-bottom: 6px solid #eeeeee;
        -webkit-transition: border 200ms linear;
        -o-transition: border 200ms linear;
        transition: border 200ms linear;
        border-top: 2px solid #fff;
    }
    #modifSearchBtn.activeResultTab {
        border-bottom: 6px solid #fff;
        position: relative;
        z-index: 1;
    }
    #modifSearchBtn.activeResultTab {
        -webkit-box-shadow: -2px -2px 2px #ccc;
        box-shadow: -2px -2px 2px #ccc;
    }
}

@media (max-width: 770px) {
    .labelhidden {
        visibility: hidden;
        display: none
    }
}
/* ################################################# HOTEL DETAILS ################################################# */
.contentBtnModif {
    height: 40px;
    margin-top: 3px;
}

.hotelDetailsPage .roomAgeTablesBorderTop .customSelect {
    display: block;
    width: 100%;
}

@media (min-width: 640px) {
    .contentBtnModif {
        margin-top: 0px;
    }
}

.contentBtnModif span {
    float: right;
    font-size: 20px;
    font-size: 2rem;
}

.modifBtnStyle {
    border: 0 none;
    color: #ffffff;
    font-weight: 700;
    height: 100%;
    width: 100%;
    padding: 0 15px;
    text-align: left;
    text-transform: uppercase;
}
/******* PARTIE INFO *******/
.resultInfosContainer {
    background-color: #ffffff;
}

.infoHotelContent {
    vertical-align: middle;
}

.infoHotel .starGroup {
    margin: 0;
    display: block;
    line-height: 1;
    margin-bottom: 2px;
}

.infoHotel .picto.picto-star {
    font-size: 14px;
    font-size: 1.4rem;
}

.infoHotel h2 {
    font-size: 17px;
    font-size: 1.7rem;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 700;
    max-width: 80px;
    text-transform: uppercase;
}

.infoHotel .picto {
    font-size: 20px;
    font-size: 2rem;
}

.noHtlInfo {
    font-size: 1.8rem;
    font-weight: 700;
    padding: 10px 0 10px 10px;
    text-align: right;
}

.printHotel {
    border: none;
    background: none;
    padding: 0;
}

.infoHotelAdd, .infoHotelPost, .infoHotelDate1, .infoHotelDate2,
.infoHotelType, .numberNights {
    color: #595959;
    font-weight: normal;
    margin-bottom: 0;
}

.detailsHotelBloc .infoHotelAdd {
    color: #64686c;
}

.infoHotelTypeTitle {
    font-size: 15px;
    font-size: 1.5rem;
}

.infoHotelDate1, .infoHotelDate2, .infoHotelType, .numberNights {
    margin-top: 5px;
}

.infoHotel h2 .spanCity {
    color: #595959;
}

.info-bloc {
    background: #fff;
    border-radius: 0 5px 5px 0;
    color: #0D2239;
}

.infoHotelContentDetails .picto-suitcase {
    margin-right: 5px;
}

.blocPreviewTripAdvisor span {
    vertical-align: sub;
    color: #00af87;
    line-height: normal;
    font-size: 11px;
    font-size: 1.1rem;
}

@media (min-width: 640px) {
    .infoHotelPost {
        display: inline;
    }
    .infoHotel h2 {
        max-width: none;
        display: inline;
    }
    .infoHotelContentDetails {
        display: table;
        width: 100%;
        margin-top: 4px;
    }
    .infoHotelDateType {
        width: 75%;
    }
    .infoHotelDate1, .infoHotelDate2, .numberNights {
        display: inline;
        margin-right: 20px;
    }
    .numberNights:before {
        content: "-";
        margin-right: 5px;
    }
    .infoHotelDateType, .infoHotelRates {
        display: table-cell;
        vertical-align: middle;
    }
    .infoHotelType {
        display: block;
    }
}

.globalDetailsBloc {
    margin-top: 10px;
}

@media (max-width: 639px) {
    .infoHotelContent {
        padding: 5px 15px 0;
    }
    .hotelDetailsPage .nbRoomSelect.customSelect {
        width: 100%;
    }
    .hotelDetailsPage select.nbRoomSelect.customSelect {
        width: 100% !important;
    }
}

@media (max-width: 640px) {
	.hotelDetailsPage .contentFooter {
		padding-bottom: 64px;
	}
	
	.hotelDetailsPage .contentContainer.paddingContainer {
		padding-bottom: 15px;
	}
}

@media (min-width: 640px) and (max-width: 1023px) {
    .recapHotelBloc {
        background-color: #ffffff;
        width: 100%;
        padding: 10px;
    }
}

@media (min-width: 640px) {
    .infoHotelContent {
        padding-top: 10px;
    }
    .resultInfosContainer {
        padding: 0 10px;
    }
    .resultInfosContainer .infoHotel {
        padding: 0;
    }
}

@media (max-width: 639px) {
    .recapHotelBloc {
        padding-top: 10px;
        background-color: #ffffff;
    }
    .infoHotelContent {
        padding: 5px 15px 0;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .recapHotelBloc {
        background-color: #ffffff;
        width: 100%;
        padding: 10px;
    }
    .infoHotelContent {
        padding-top: 10px;
    }
    .resultInfosContainer {
        padding: 0 10px;
    }
}

@media (min-width: 640px) {
    .resultInfosContainer .infoHotel {
        padding: 0;
    }
    .infoHotelBtn .btnForm {
        margin-bottom: 0;
    }
}

@media (min-width: 1024px) {
    .hotelDetailsPage #modifSearchForm {
        margin-left: 0;
        margin-right: 0;
    }
    .recapHotelBloc {
        display: table;
        background-color: #ffffff;
        width: 100%;
        padding: 10px;
    }
    .recapHotelBloc > * {
        display: table-cell;
    }
    .resultInfosContainer {
        padding: 0 0 0 10px;
    }
}

.infoHotelContent {
    padding: 15px;
}

.infoHotelDate1 span, .infoHotelDate2 span {
    vertical-align: bottom;
}

.contentInfoHotelRates {
    float: right;
}

.contentInfoHotelRates .supplierLogo {
    margin: 0 0 5px;
}

.infoHotelRates {
    font-weight: 700;
    text-align: right;
    cursor: default;
}

.infoHotelRates .infoHotelSpe {
    color: #595959;
}

.infoHotelRates p {
    margin: 0;
}

@media (max-width: 639px) {
    .infoHotelRates {
        margin: 5px 0 0;
    }
    .infoHotelRates p {
        display: inline-block;
        margin: 0 0 0 5px;
    }
}

.infoHotelPrice {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1em;
}

.infoHotelRates .byNight {
    display: inline;
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 5px;
}

.infoHotelRates .infoHotelOldPrice {
    color: #595959;
}

.infoHotelOldPrice span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 14px;
    margin-left: 5px;
    display: inline;
    color: #595959;
    text-decoration: line-through;
}

.infoHotelBtn {
    text-align: right;
}

.infoHotelBtn .btnForm {
    padding-top: 5px;
    padding-bottom: 5px;
}

#carousel.owl-carousel .owl-wrapper, #carousel .owl-item .item,
#carousel .owl-item {
    height: 225px;
}

#miniCarousel.owl-carousel .owl-wrapper, #miniCarousel .owl-item .item,
.galleryImgContainer {
    height: 56px;
}

/*=======STYLE==SLIDER==EBOOKING========*/
#slider {
    position: relative;
    margin: -16px -16px 0;
}

#slideContainer {
    position: relative;
    min-height: 200px;
}

#acomp {
    position: absolute;
    z-index: 9999999;
    height: 250px;
    display: none;
    min-width: 250px;
    padding: 0 !important;
    top: 0;
    left: 0;
    background: #fff;
}

#acomp img {
    height: 250px;
    min-width: 250px;
    margin: 0 !important;
}

#next, #prev {
    position: absolute;
    margin-bottom: -30px;
    height: 300px;
}

#next {
	right: 0;
}

#next .kbtn.kbtn-primary, #prev .kbtn.kbtn-primary {
    position: absolute;
    top: 50%;    
    transform: translateY(-50%);
    left: 8px;
    z-index: 1;
}

#next .kbtn.kbtn-primary {
	left: auto;
    right: 8px;
}

.slideHtl {
    display: flex;
    column-gap: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

.slideHtl li {
    flex: 50%;
}

.slideHtl img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.slideHtl ~ .__tooltip {
	position: absolute;
	bottom: 8px;
	left: 8px;
}

.thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.thumbnails img {
    opacity: 0.5;
}

.thumbnails .curSlideBefore img,
.thumbnails .curSlide img {
    opacity: 1;
}

.thumbnails img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

@media (max-width: 600px) {
    .thumbnails, #slide2.imgThumb {
        display: none;
    }
}

/*=====FIN==STYLE==SLIDER==========*/

@media(min-width:1024px){
	.infoHotelBott .blocPreviewTripAdvisor{
		margin: 0;
	}
	.infoHotelBtn .btnForm{
		margin-top: 3px;
	}
	.containerBigPicture {
		height:225px;
		width: 225px;
	}
	.containerBigPicture .link {
		display: block;
		height: 100%;
	}
	.resultInfosContainer{
		height:225px;
		position: relative;
    	vertical-align: top;
	}
	.pictureContainer {
		position:relative;
		height:100%;
		width:100%;
	}
	.pictureContainer img{
		height:100%;
		width:100%;
	}	
	.allPicture {
		position:absolute;
		left: 42px;
		top: 100px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 700;
		opacity: 0.7;
		color: #ffffff;
		text-align: center;
		padding: 5px 10px;
		text-transform: uppercase;
		cursor: pointer;
		display: none;
	}
	.allPicture .picto-camera{
		font-size: 20px;
		font-size: 2rem;
		margin-left: 10px;
		vertical-align: middle;
	}
	.pictureContainer:hover .allPicture{
		display:block;
	}
}

.item img {
    height: 100%;
    width: 100%;
}

.infoHotelDateType .form-control {
    display: inline-block;
    width: 100px;
    margin-right: 5px;
    height: 30px;
}

.infoHotelDateType .btnForm {
    padding: 5px;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
    text-transform: lowercase;
}

.infoHotelDateType .btnForm:FIRST-LETTER {
    text-transform: capitalize;
}

.infoHotelDateType .btnModifDate {
    display: inline-block;
    margin: 10px 0;
    margin-right: 5px;
}

.infoHotelDateType #startDateIcon, .infoHotelDateType #endDateIcon {
    font-size: 24px;
    font-size: 2.4rem;
}

.infoHotelDateType span.picto {
    display: inline-block;
    vertical-align: middle;
}

@media (min-width: 1024px) {
    .infoHotelDateType .btnModifDate {
        margin: 0;
    }
}

@media (max-width: 639px) {
    .infoHotelDateType .btnModifDate {
        display: block;
    }
    .infoHotelDateType .infoHotelDate1, .infoHotelDateType .infoHotelDate2 {
        display: block;
        margin-top: 10px;
        margin-right: 0;
    }
}
/******* PARTIE PLUGIN TAB *******/
@media (max-width: 665px) {
    #detailsTabMenu {
        font-size: 13px;
        font-size: 1.3rem;
    }
}

#detailsTabMenu.nav > li > a {
    padding: 5px 15px;
}

#detailsTabMenu.nav-tabs a:focus {
    outline: none;
}

#detailsTabMenu.nav-tabs .active a:hover, #detailsTabMenu.nav-tabs .active a:focus {
    color: #fff !important;
}

#detailsTabMenu.nav-tabs > li > a {
    border-bottom: 0px none;
    font-weight: 700;
    background: #ffffff;
    margin-right: 5px;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#detailsTabMenu.nav-tabs > li > a.maginRight0 {
    margin-right: 0;
}

#detailsTabMenu.nav-tabs > li.active > a, #detailsTabMenu.nav-tabs > li.active > a:hover,
#detailsTabMenu.nav-tabs > li.active > a:focus {
    color: #ffffff;
}

@media (max-width: 639px) {
    #detailsTabMenu.nav-tabs > li > a.maginRight0 {
        padding-bottom: 6px;
    }
}

@media (min-width: 1024px) {
    #detailsTabMenu.nav-tabs > li {
        min-width: 128px;
        text-align: center;
    }
}

@media (max-width: 1023px) {
    #detailsTabMenu.nav-tabs > li {
        width: 25%;
        text-align: center;
    }
    #detailsTabMenu.nav-tabs > li > a {
        padding: 5px;
    }
}

.pictoTripadvisor {
    margin: 0 auto;
}
/******* PARTIE DESCRIPTION *******/
.detailsTabContent .DescNoRoomContent {
    background-color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: default;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    margin: 10px 0;
}

.DescNoRoomContent p {
    margin: 0;
}

.DescRoomStyle {
    text-align: justify;
    color: #0D2239;
    font-size: 13px;
    font-size: 1.3rem;
}

.DescRoomStyle label {
    font-size: 15px;
    font-size: 1.5rem;
}

.DescRoomStyle p {
    margin-bottom: 0;
}

.conditionBloc p {
    margin-bottom: 10px;
}

.conditionBloc p:last-child {
    margin-bottom: 0;
}
/** liste equipement **/
#facilityListblocId .list-disc li:nth-child(n+7) {
	display: none;
}

#facilityListblocId .list-disc.__active li:nth-child(n+7) {
	display: block;
}

@media (min-width: 768px) {
	#facilityListblocId .list-disc {
		columns: 3;
    	column-gap: 16px;
	}
}

.DescRoomStyle ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.DescRoomStyle li {
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #0D2239;
}

.DescRoomStyle span.picto-puce {
    margin-right: 10px;
    color: #0D2239;
    font-size: 6px;
    font-size: 0.6rem;
    vertical-align: middle;
}

#roomDescriptionBloc .roomTitle {
    font-weight: normal;
}

#roomDescription .photoContainer {
    height: 185px;
}

#roomDescriptionBloc .RoomPhotos {
	height: 100%;
	width: 100%;
}

#roomDescription .room {
    border-bottom: 1px dashed #c1c1c1;
}

#roomDescription .singleRoom {
    padding-bottom: 78px;
}

#roomDescription .room:LAST-CHILD {
    border-bottom: 0 none;
}

#roomDescription .RoomPhotos img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#roomDescriptionBloc .roomTypeGrp p {
    color: #0D2239;
}

.roomInfoDescription p {
    margin-bottom: 0;
}

@media(min-width: 768px){
	#roomDescription .photoContainer {
	  	height: 414px;
	}
	#roomDescriptionBloc .RoomPhotos {
		width: 100%;
		height: 100%;
	}
}

#modal_roomDescription {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100%;
    height: 100vh;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
}

#modal_roomDescription.active {
    display: block;
}

#modal_roomDescription .photoContainer {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    margin: auto;
    padding: 10px;
    position: relative;
}

#modal_roomDescription .photo {
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#modal_roomDescription button {
    border: none;
    background: none;
}

#modal_roomDescription button.closeModal {
    position: absolute;
    top: 5px;
    right: 5px;
    text-shadow: -3px 0px 4px rgba(0, 0, 0, 0.5);
}

#modal_roomDescription button.closeModal span, #modal_roomDescription button.closeModal span::before {
    font-size: 30px !important;
    font-size: 3rem !important;
}

#modal_roomDescription button.closeModal:hover, #modal_roomDescription button.closeModal:focus {
    position: absolute;
    top: 0;
    right: 0;
    padding-bottom: 5px;
    padding-left: 5px;
    text-shadow: -3px 0px 6px rgba(0, 0, 0, 0.8);
}

#modal_roomDescription .photo button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
}

#modal_roomDescription .photo button.previous {
    left: 5px;
    border-radius: 0 5px 5px 0;
    text-shadow: 3px 0px 4px rgba(0, 0, 0, 0.5);
}

#modal_roomDescription .photo button.previous:hover,
#modal_roomDescription .photo button.previous:focus {
    left: 0;
    border-radius: 0 5px 5px 0;
    text-shadow: 3px 0px 6px rgba(0, 0, 0, 0.8);
    padding-right: 5px;
}

#modal_roomDescription .photo button.next {
    right: 5px;
    border-radius: 5px 0 0 5px;
    text-shadow: -3px 0px 4px rgba(0, 0, 0, 0.5);
}

#modal_roomDescription .photo button.next:hover, #modal_roomDescription .photo button.next:focus {
    right: 0;
    border-radius: 0 5px 5px 0;
    text-shadow: -3px 0px 6px rgba(0, 0, 0, 0.8);
    padding-left: 5px;
}

#modal_roomDescription .photo button span {
    font-size: 40px;
    font-size: 4rem;
}

@media (min-width: 780px) {
    #modal_roomDescription .photoContainer {
        padding: 30px;
    }
}
/******* PARTIE TRIPADVISOR *******/
#tripAdvisorBloc iframe {
    width: 100%;
    overflow: auto;
    border: 1px solid #cecece;
}
/******* PARTIE HOTELS DEJA CONSULTES / MEILLEURES VENTES / VOUS AIMEREZ PEUT ETRE *******/
.htls {
    background-color: #ffffff;
    margin-bottom: 15px;
    position: relative;
}

@media (min-width: 680px) and (max-width: 1023px) {
    .htls {
        display: inline-block;
        width: 49%;
        margin-left: 0;
        margin-right: 2%;
    }
    .hotelDetailsPage .htlsViewedContent .htls:nth-child(2n+1),
    .hotelDetailsPage .htlsLikeMaybeContent .htls:nth-child(2n+1),
    .hotelDetailsPage .htlsBestDayContent .htls:nth-child(2n+1) {
        margin-right: 0;
    }
    .hotelDetailsPage .htlsViewedContent .htls:nth-child(2n+1),
    .hotelDetailsPage .htlsBestDayContent .htls:nth-child(2n+1) {
        margin-left: -4px;
    }
}

@media (min-width: 1024px) {
    .htls {
        display: inline-block;
        width: 32%;
        margin-right: 2%;
        margin-left: 0px;
    }
    .hotelDetailsPage .htlsViewedContent .htls:nth-child(3n+1),
    .hotelDetailsPage .htlsLikeMaybeContent .htls:nth-child(3n+1),
    .hotelDetailsPage .htlsBestDayContent .htls:nth-child(3n+1) {
        margin-right: 0;
    }
    .hotelDetailsPage .htlsViewedContent .htls:nth-child(2n+1),
    .hotelDetailsPage .htlsViewedContent .htls:nth-child(3n+1),
    .hotelDetailsPage .htlsBestDayContent .htls:nth-child(2n+1),
    .hotelDetailsPage .htlsBestDayContent .htls:nth-child(3n+1) {
        margin-left: -4px;
    }
}

.htlsViewedContent > h2 {
    background-color: #595959;
    color: #ffffff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 15px;
}

.htlsImg {
    padding-left: 0;
    padding-right: 0;
    width: 125px;
    height: 125px;
}

.htlsImg img {
    width: 100%;
    height: 100%;
}

.htlsInfo {
    vertical-align: top;
    padding: 4px 10px 0px 10px;
}

.htlsInfo p {
    margin-bottom: 0;
}

@media (min-width: 680px) {
    .htlsInfo p {
        display: inline-block;
        line-height: 1;
    }
    .htlsPrice {
        line-height: normal;
    }
}

.htlsCityHtl {
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}

.htlsNameHtl {
    color: #595959;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}

.htlsStar {
    display: block;
    margin: 0 5px 0 0;
    height: 25px;
    line-height: 25px;
}

.htlsStar span {
    font-size: 13px;
    font-size: 1.3rem;
}

.htlsOldPrice {
    text-align: right;
    height: 20px;
}

.htlsPrice {
    font-weight: 700;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: normal;
    text-align: right;
}

.htlsOldPrice > label {
    color: #595959;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    margin-bottom: 0;
    line-height: normal;
    text-decoration: line-through;
}

.htlsPrice label {
    margin-bottom: 0;
}
/** PARTIE MEILLEURS HOTELS DU JOUR **/
.htlsBestDayContent > h2 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 0px;
    padding-left: 15px;
}

.htlsBestDayContent .bgHeartPic {
    padding: 7px;
}
/** PARTIE VOUS AIMEREZ PEUT ETRE **/
.htlsLikeMaybeContent > h2 {
    background-color: #ffffff;
    border-bottom: 1px solid #f7f5f5;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 15px;
}
/* CSS FORCE POUR LES H2 */
@media (min-width: 680px) {
    .htlsViewedContent h2, .htlsBestDayContent h2, .htlsLikeMaybeContent h2 {
        margin-bottom: 15px;
        cursor: default;
    }
}

.linkAbsolute, .searchRequestedHotel {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 104;
    border-radius: 8px;
}

#bestSelling .linkAbsolute {
    position: static;
}

@media (min-width: 640px) {
    .htlsLikeMaybeContent .htls {
        margin-right: 2%;
    }
}
/******* POPUP MODAL *******/
.modal input[type="text"], #PopupMail input[type="password"] {
    display: inline-block;
}

@media (min-width: 640px) {
    .modal input[type="text"], .modal input[type="password"] {
        display: inline-block;
        width: 65%
    }
}

.contentPopupModal label {
    display: inline-block;
    color: #595959;
    font-weight: normal;
    margin-bottom: 8px;
}

.modal .popupModalH2 {
    display: inline-block;
    line-height: 20px;
    margin: 0px 0px 20px;
    padding: 0px;
    color: #0D2239;
    border: 0 none;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
}

.modal h3 {
    font-size: 14px;
}

.modal h3.__alternative {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 20px;
}

.modal {
    z-index: 990001 !important;
    text-align: left;
}

.modal-dialog {
    top: 85px;
}

.PopupModalHeader {
    padding-bottom: 10px;
}

.modal label {
    text-align: left;
    width: 140px;
}

.modalPopBtn {
    display: inline;
    vertical-align: super;
    padding-right: 15px;
    display: flex;
    align-items: center;
}

.modal-content .modal-header.__cross {
    top: 5px;
    right: 5px;
}

.modal button.picto-cross {
    font-size: 16px;
    color: #0D2239;
    background: none;
    border: none;
    padding: 4px;
}
/* ################################################# PAX ################################################# */
/******* PARTIE RECAPITULATIF DE LA COMMANDE *******/
.paxBloc {
    margin-bottom: 15px;
}

@media (max-width: 1023px) {
    .paxBloc {
        margin-left: 0;
        margin-right: 0;
    }
    .paxBloc > div {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1023px) {
    .paxBloc {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.RecapDateDetails {
    display: block;
}

.contentRecapDiapo {
    display: inline-block;
    height: 80px;
    width: 80px;
}

.contentRecapDiapo img {
    height: 100%;
}

.contentRecapDetail {
    padding-left: 15px;
    display: inline-block;
    width: -ms-calc(100% - 100px);
    width: -o-calc(100% - 100px);
    width: calc(100% - 100px);
    vertical-align: top;
}

.contentRecapDetail h2 {
    font-size: 14px;
    font-size: 1.4rem;
    max-width: none;
}

.infoHotelAdd {
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: lowercase;
}

.infoHotelRecapDateType .infoHotelType {
    margin-top: 10px;
}

.RecapDateDetails p {
    display: block;
    margin-bottom: 5px;
}

.infoHotelTypeTiltle {
    margin: 0;
}

@media (min-width: 640px) {
    .RecapDateDetails {
        display: block;
    }
    .infoHotelRecapDateType {
        margin-top: 15px;
    }
    .infoHotelRecapDateType .infoHotelDate1, .infoHotelRecapDateType  .infoHotelDate2 {
        display: inline;
        margin-bottom: 5px;
    }
    .infoHotelRecapDateType .infoHotelDate1 {
        margin-right: 15px;
    }
    .tableModeTab {
        display: table;
        margin-top: 10px;
        width: 100%;
    }
    .RecapDateDetails .infoHotelType {
        display: table-cell;
    }
    .infoHotelRecap {
        display: table-cell;
        vertical-align: bottom;
    }
}

@media (min-width: 1024px) {
    .infoHotelRecapDateType .infoHotelDate1, .infoHotelRecapDateType  .infoHotelDate2 {
        display: block;
    }
    .tableModeTab {
        display: block;
    }
    .tableModeTab div {
        display: block;
    }
}

.infoHotelRecapDateType .infoHotelDate1 span, .infoHotelRecapDateType .infoHotelDate2 span {
    font-size: 20px;
    font-size: 2rem;
}

.infoHotelRecap {
    text-align: right;
    font-weight: 700;
}

.infoHotelRecap .infoRecapTitle {
    color: #595959;
}

span.currency {
    font-size: 15px;
    font-size: 1.5rem;
    vertical-align: super;
}

.locPrice sup {
    vertical-align: sub;
}

.infoHotelRecap .infoRecapPrice {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
}

.infoHotelRecap .recapPriceLineThrough {
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: line-through;
    font-weight: 700;
    color: #595959;
}

.infoHotelRecap .infoRecapOldPrice {
    display: block;
    line-height: normal;
}

.infoRecapOldPrice > span {
    margin-left: 5px;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.infoHotelRecap .infoRecapTitle, .infoHotelRecap .infoRecapPrice {
    display: inline;
}

.infoRecapPrice sup {
    font-size: 11px;
    font-size: 1.1rem;
}

.infoRecapTitle {
    font-size: 15px;
    font-size: 1.5rem;
}

.priceDetail-4x .tablePrix {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin: auto;
    font-size: 14px;
    font-size: 1.4rem;
    max-width: 500px;
    margin-bottom: 15px;
}

.priceDetail-4x .tablePrix > div:last-child {
    border-bottom: 0 none;
}

.priceDetail-4x .col-b-a {
    width: 75%;
}

.priceDetail-4x .col-b-b {
    width: 25%;
    font-weight: bold;
    color: #E03400;
    white-space: nowrap;
}

.PaiementContent .priceDetail-4x p {
    text-align: center;
    color: #0D2239;
}

/**b2bill**/
.priceDetail-4x.b2bill {
    margin: auto;
    max-width: 500px;
    border: 1px solid #e5e5e5;
    padding: 20px 30px;
    border-radius: 3px;
}

.titleB2bill {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #E03400;
    text-align: center;
}

.titleB2bill img {
    width: 50px;
    vertical-align: middle;
}

.priceDetail-4x.b2bill .tablePrix {
    padding: 0;
    border: 0 none;
    border-radius: 0;
    margin-bottom: 20px;
}

.PaiementContent .priceDetail-4x.b2bill p {
    text-align: left;
    color: #64686C;
    font-weight: bold;
    margin-bottom: 10px;
}

.infoRedirection {
    font-size: 14px;
    font-size: 1.4rem;
    color: #E03400;
    padding: 10px 20px;
    text-align: center;
}
/******* PARTIE INFO CE *******/
.contentInfoCe {
    color: #8AC24A;
}

.contentInfoCe p {
    display: inline-block;
    margin-left: 10px;
}

.contentInfoCe img {
    max-height: 55px;
}
/******* PARTIE PAX DU RECAPITULATIF DE LA COMMANDE *******/
.paxPartContent, .connexionPartcontent, .insurancePartContent {
    padding: 15px;
    background-color: #ffffff;
    border-radius: 3px;
}

.proccesPaiment.paxPartContent {
    padding-top: 15px;
    padding-bottom: 15px;
}

.paxPartContent h2, .connexionPartcontent h2 {
    padding: 0 0 15px 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    font-weight: bold;
    margin: 0px;
    display: block;
}

.paxPartContent h3:not(.h3), .infoHotelContent h3 {
    display: block;
    color: #64686C;
    font-size: 20px;
    font-size: 2rem;
    margin-top: 15px;
}

.paxPartContent .typeRoom {
    font-size: 16px;
    font-size: 1.6rem;
}

.paxPartContent label, .connexionPartcontent label, .paxPartContent .label-C4X {
    color: #0D2239;
    font-weight: normal;
}

.paxPartContent label {
    display: block;
}

.paxBtn button {
    padding-bottom: 7px;
    padding-top: 7px;
}

.paxPartContent .content-info {
    margin: 15px 0px 30px;
}

.paxPartContent .content-info p {
    font-weight: normal;
}

.paxPartContent .styleBlocPax {
	margin-bottom: 32px;
}

@media (min-width: 640px) {
    .paxBtn button {
        margin-top: 25px;
    }
}

.rowNoMarge {
    margin-left: 0px;
    margin-right: 0px;
}

.saveInfo label {
    margin-bottom: 0;
    margin-right: 5px;
    line-height: 20px;
}

.saveInfo span, .pictoPaiment {
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    text-align: center;
    width: 25px;
    cursor: pointer;
}

.blocInfoSave {
    height: auto;
}

.blocInfoStyle {
    color: #595959;
    background-color: #fff;
    padding: 5px 15px;
    width: 100%;
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 13px;
    font-size: 1.3rem;
}

.paxPartContent .backLink {
    text-align: left;
    margin-top: 0px;
    padding-left: 0;
    padding-right: 0;
}

.paxPartContent .btnConnex {
    margin-top: 0px;
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 639px) {
    .codePostal input {
        width: 50%;
    }
    .codePostal .form-control-feedback {
        right: calc(50% + 2px)
    }
}
/* Firefox */
.codePostal input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
.codePostal input::-webkit-inner-spin-button, .codePostal input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.codePostal input::-o-inner-spin-button, .codePostal input::-o-outer-spin-button {
    -o-appearance: none;
    margin: 0
}

/* choix assurances */
.styleBlocInsurance {
    margin: 30px 0 20px;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    border-color: #f2f4f7;
    position: relative;
}

.styleBlocInsurance h2 {
    background-color: #f2f4f7;
    color: #64686C;
    padding: 16px;
    margin: 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.insuranceFormTitle {
    color: #f89c39;
    font-size: 16px;
    font-weight: bold;
}

.styleBlocInsurance .radio {
   margin: 16px 0 32px 0;
}

.styleBlocInsurance .popin_erreur {
    position: relative;
    margin: 0 10px 10px;
    display: inline-block;
    top: 0;
}
.BlocInsuranceAddInfo {
	margin-top: 16px;
    padding-left: 34px;
}
/* ################################################# PAIMENT ################################################# */
.bookingConfirmPage .linkContent {
    padding-left: 0px;
    padding-right: 0px;
}

.bookingConfirmPage .backLink, .bookingConfirmPage .btnConnex {
    padding: 0px;
}

.bookingConfirmPage label {
    font-weight: normal;
}

.bookingConfirmPage p.bold {
    font-weight: 700;
}

.paimentBloc {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
}

@media (max-width: 1023px) {
    .paimentBloc > div {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1023px) {
    .paimentBloc {
        margin-bottom: 30px;
    }
}

.PaiementContent {
	margin-left: 0;
	margin-right: 0;
}

.PaiementContent h3 {
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
}

.PaiementContent .btnConnex {
    margin-top: 10px;
}

.paiementQuest {
    font-weight: 700;
    margin-bottom: 10px;
}

p.infoPaiment {
    font-weight: normal;
}

.filesFees {
    padding-bottom: 10px;
}

.cgvPaiement a {
    font-weight: 700;
}

.comPriceContent > div {
    margin-bottom: 10px;
}

.comPriceContent label {
    font-weight: 700;
}

.comPriceHtl label, .comPriceHtl span {
    font-weight: normal;
}

.comPriceHtl > span {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: right;
}

.comPriceReduc {
    font-weight: 700;
}

.comPriceTotal {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.cancelCond label {
    margin-bottom: 0;
    font-weight: 700;
}

.cancelCond ul {
    padding-left: 15px;
}

.cgvPaiement label {
    display: inline;
}

.dateValidForm1 {
    margin-bottom: 15px;
}

.contentDateValidForm select, .contentDateValidForm input[type="text"] {
    max-width: 80px;
    min-width: 80px;
}

.contentDateValidForm input[type="text"] {
    display: inline;
}

.dateValid.form-group {
    width: 45%;
    display: inline-block;
    margin-right: 2%;
}

.dateValidYear.form-group {
    width: 50%;
    display: inline-block;
}

.dateValidCrypt input {
    display: inline-block;
    width: 80%;
    margin-right: 5px;
}

@media (max-width: 639px) {
    .dateValid.form-group {
        width: 95px;
    }
    .dateValidYear.form-group {
        width: 100px;
    }
    .dateValidCrypt input {
        width: 95px;
    }
}

.dateValidCrypt span {
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    cursor: pointer;
}

.formGroupdate1, .formGroupdate2 {
    margin-bottom: 0;
}

#cryptoDetail {
    margin-bottom: 15px;
}

#cryptoDetail p {
    font-size: 13px;
    font-size: 1.3rem;
    font-style: italic;
    font-weight: normal;
}

.PaiementContent h3 {
    margin-top: 15px;
}

.PaiementContent .btnConnex {
    text-align: right;
    margin-top: 10px;
    padding-right: 0;
}

.PaiementContent .backLink {
    text-align: left;
    padding-left: 0;
}

.errorMessageClass {
    color: #e30513;
    text-align: left;
}

@media (min-width: 640px) {
    .PaiementContent .btnConnex {
        margin-top: 20px;
    }
}

.formPayement span.customSelect {
    padding: 6px 6px 6px 51px;
}
/* ################################################# VIEW ################################################# */
.viewBlocContent {
    background-color: #ffffff;
    color: #222;
    border-radius: 3px;
}

@media (max-width: 1023px) {
    .viewBlocContent {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.clientName {
    margin-bottom: 10px;
    display: block;
}

.viewBloc {
    padding: 15px;
}

.viewBloc p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0;
}

.viewBloc label {
    font-weight: normal;
    margin-bottom: 0;
}

.viewBloc h2 {
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 0 10px 10px;
    margin: 30px 0 10px 0;
}

.contentinfoView {
    padding: 0 12px;
}

.textViewUpper {
    text-transform: uppercase;
}

.textViewCap {
	text-transform: capitalize;
}

.yourHotel ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

@media (min-width: 640px) {
    .yourHotel li {
        display: inline;
    }
}

@media (min-width: 640px) {
    .yourReservation {
        display: table;
        width: 100%;
    }
    .yourReservation1 {
        display: table-cell;
    }
    .yourReservation2 {
        display: table-cell;
        vertical-align: top;
    }
}

.travellersList ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.travellersList li {
    display: block;
}

.addBilling {
    margin-bottom: 5px;
}

.addBilling label {
    display: block;
}

.addBilling > span {
    display: inline-block;
    max-width: 160px;
}

.classUser {
	font-weight: bold;
}

.recapView .viewOldPrice {
    color: #595959;
    display: inline-block;
    font-weight: normal;
}

.recapView .viewOldPrice span {
    text-decoration: line-through;
    color: #595959;
    font-weight: normal;
}

.paiementDateContent h2 {
    font-size: 18px;
    font-size: 1.8rem;
}

.paiementDateContent a {
    font-weight: 700;
}

.viewBloc .paiementDate {
    margin-bottom: 15px;
}

.adviceContent {
    padding-top: 10px;
}

.btnPrint {
    padding-top: 20px;
    float: right;
    display: inline-block;
}

.viewBloc .linkBack {
    padding-top: 20px;
    float: left;
    display: inline-block;
}

.viewBloc .linkBack button {
    margin-bottom: 0;
}

.recapView .tablePrix {
    border: 1px solid #eee;
    padding: 10px;
}

.recapView .tablePrix span {
    color: #222;
    font-size: 14px;
    font-size: 1.4rem;
}

.recapView .tablePrix span.col-b-b {
    font-weight: bold;
}

.recapView .tablePrix > div:last-child {
    border-bottom: 0 none;
}

.titleEchancier {
    padding: 20px 0 10px 0;
}
/* ################################################# TEMPLATE PAGES STATIQUES ################################################# */
.bigStaticContent {
    color: #595959;
    padding: 15px;
    background-color: #fff;
    border-radius: 3px;
}

.staticContent {
    color: #595959;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
}

.bigStaticContent h2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 25px;
    padding: 0;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    cursor: default;
}

.formRegistration h2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 25px;
    padding: 0;   
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 18px;
    cursor: default;
}

.formRegistration h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 25px;
    padding: 0;   
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    cursor: default;
}

.staticContent h2 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 25px;
    padding: 0;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    cursor: default;
}

.staticText {
    clear: both;
    overflow: auto;
}

.staticContent .backLink {
    padding-left: 0;
}

.bigStaticContent textarea {
    max-width: 100%;
}

.static-overflow {
    overflow: hidden;
}

@media (max-width: 639px) {
    .bigStaticContent img {
        width: 100% !important;
        height: auto !important;
    }
}

@media (min-width: 640px) {
    .bigStaticContent {
        background-color: #ffffff;
        color: #595959;
        margin-bottom: 60px;
        padding-top: 0;
    }
    .staticContent {
        background-color: #ffffff;
        color: #595959;
        margin-bottom: 60px;
        margin-top: 100px;
        padding-top: 0;
    }
}

h2.staticTitle {
    padding-top: 15px;
}

@media (min-width: 1024px) {
    .staticContent {
        margin-top: 30px;
    }
}

h3.staticTitle {
    color: #0D2239;
    font-size: 16px;
    font-weight: bold;
}
/* ################################################# Bon de report ################################################# */
.report-container {
    padding-top: 15px
}

.report-container ul {
    padding-left: 15px;
}

.user-mail-report {
    margin-top: 5px;
}

.user-mail-report .form-group {
    margin-bottom: 5px;
}

.user-mail-report .form-control {
    display: inline-block;
    width: 300px;
}

.user-mail-report label {
    font-weight: normal;
}
/* ################################################# Bon de report ################################################# */
.errorMessagePage {
    background: #ffffff;
    color: #595959;
    text-align: center;
    padding: 10px;
    margin-top: 15px;
}

.modal-body .errorMessage {
    color: #e30513;
}

.errorMessage .pictoX, .msgValid .picto {
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    height: 22px;
    line-height: 21px;
    margin-right: 5px;
    text-align: center;
    width: 22px;
}

.errorMessage .pictoX {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: baseline;
    background-color: #e30513;
    margin-top: 5px;
}

.msgValid .picto {
    font-size: 10px;
    font-size: 1rem;
    vertical-align: baseline;
    background-color: #8ac24a;
}

.msgValid {
    color: #8ac24a;
    font-size: 13px;
    font-size: 1.3rem;
}

#askUserAccountForm .msgValid .picto {
    vertical-align: text-bottom;
}
/*** class footer(wait) ***/
.hotelSearchPage .contentFooter.footerHidden, .hotelDetailsPage .contentFooter.footerHidden {
    display: none;
}

.supplierCode {
    color: transparent;
}
/*** autocomplete loading***/
span.animation {
    visibility: hidden;
    color: #64686c;
    position: absolute;
    font-size: 28px;
    font-size: 2.8rem;
}

.ui-autocomplete-loading+span.animation, .ui-autocomplete-loading+div span.animation {
    visibility: visible;
}

.contentAnim .animation {
    top: 2px;
    right: 5px;
}

#modifForm .contentAnim .animation {
    top: 57px;
    right: 10px;
}

@media (max-width: 639px) {
    #modifForm .contentAnim .animation {
        top: 13px;
    }
}

@media (min-width: 640px) {
    span.contentAnim {
        display: inline !important;
    }
    span.contentAnim .animation {
        top: -5px;
        right: 3px;
    }
}

@media (max-width: 639px) {
    span.contentAnim {
        display: block !important;
    }
}

.contentAnim {
    position: relative;
}

.animation {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-animation: animation linear infinite 3s;
    animation: animation linear infinite 3s;
    -webkit-animation-name: animation;
    animation-name: animation;
}

@-webkit-keyframes animation {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes animation {
    from {
        -webkit-transform:rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*** common style **/
.mrgBtm15 {
    margin-bottom: 15px;
}

.mrgtop15 {
    margin-top: 15px;
}

.mrgBtm5 {
    margin-bottom: 5px;
}

#pensionFilterDiv div.miniForm, .miniForm {
    display: none;
}

.miniFormContainer.active .miniForm, .miniFormContainer.active .caretDiv,
#pensionFilterDiv.active div.miniForm {
    display: block;
}

.contentMiniForm {
    background: #fff;
    width: 100%;
}

.resetFormBtn {
    background: none;
    border: medium none;
    color: #595959;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: lowercase;
    display: block;
    padding: 0;
}

.resetFormBtn span.picto {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
    vertical-align: middle;
    margin-right: 10px;
}

.miniFormContainer {
    display: inline-block;
    position: relative;
}

.miniForm {
    position: absolute;
    z-index: 2;
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    text-align: left;
    min-width: 300px;
    top: 50px;
}

.titleMiniForm div {
    display: inline-block;
}

.miniForm .btnClose {
    padding: 0 5px;
    float: right;
    cursor: pointer;
}

.miniForm .btnClose span {
    color: #595959;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

.titleMiniForm {
    padding: 16px 0 14px 7px;
    border-radius: 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

.contMiniForm {
    padding: 10px;;
}

#miniFormTri .contMiniForm {
    padding: 0;
}

.miniFormBtn {
    min-width: 85px;
    height: 40px;
    padding: 2px;
    margin-bottom: 10px;
    background: #fff;
    color: #595959;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 13px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    border: 0 none;
}

.miniFormBtn span.picto {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
}

.miniFormBtn:hover, .miniFormBtn:focus, .miniFormContainer.active .miniFormBtn {
    color: #fff;
}

.miniFormBtn:hover span.picto, .miniFormBtn:focus span.picto,
.miniFormContainer.active .miniFormBtn span.picto {
    color: #fff;
}

.caretDiv {
    display: none;
    position: absolute;
    z-index: -1;
    top: -7px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    left: 40px;
    margin-left: -10px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.btnNewStyle {
    height: 40px;
    background: #fff;
    padding: 2px 10px;
    color: #595959;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px;
    text-align: left;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    border: 0 none;
}

.btnNewStyle:hover, .btnNewStyle:focus, .btnNewStyle.btnActive {
    color: #fff;
}

.btnNewStyle span.picto {
    margin-right: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    display: inline;
}

.btnNewStyle:hover span.picto, .btnNewStyle:focus span.picto,
.btnNewStyle.btnActive span.picto {
    color: #fff;
}

.btnNewStyle.btnfiltre {
    width: 90px;
    margin-bottom: 10px;
}

.blocMoreOptions {
    background: #f5f5f5;
    padding: 10px;
}

.optionsHotels > div {
    margin-top: 10px;
    margin-bottom: 0;
}
/***page result**/
footer {
    width: 100%;
}

@media (min-width: 1024px) {
    .resultListContainer #resultMapContainer-default {
        display: none;
    }
    .resultListContainer footer {
        margin-top: 15px;
    }
    .resultListContainer .containerlistResultsDiv {
        height: auto;
    }
}

@media (max-width: 1023px) {
    .resultMapContainer #resultListContainer-default, .resultListContainer #resultMapContainer-default {
        display: none;
    }
    .resultMapContainer #resultMapContainer-default, .resultListContainer #resultListContainer-default {
        display: block;
    }
}

#TriFiltreListHotels {
    padding-left: 0;
    padding-right: 0;
}

#TriFiltreListHotels, .filterBtnBloc {
    margin-top: 10px;
}

.filterBtnBloc > div {
    display: inline-block;
    margin-left: 5px;
}

.contMiniForm .customSelect, .contMiniForm .customSelectInner {
    width: 100% !important;
}

.contMiniForm label {
    color: #595959;
    font-weight: normal;
}

.contMiniForm ul {
    margin: 0;
    padding: 0;
}

.contMiniForm li {
    list-style-type: none;
    padding: 0;
    cursor: pointer;
}
/** page detail**/
.HeaderResultBloc .starGroup {
    line-height: 14px;
}

.HeaderResultBloc .infoHotelName {
    width: 100%;
}

/*** page pax**/
.alert.cancelFeesAlert {
    margin-top: 10px;
    margin-bottom: 10px;
}

.labelRoom {
    font-weight: bold;
}

.blocRemarques p {
    color: #595959;
    font-weight: normal;
}

.infoSearch {
    color: #595959;
    font-weight: normal;
    display: table;
}

.infoSearch > span {
    margin-right: 10px;
}

.infoSearch span.picto {
    font-size: 16px;
    vertical-align: middle;
}

.btnContinuer {
    padding: 15px 0;
    text-align: right;
}

.btnValid {
    padding: 15px 0 0;
    text-align: right;
}

.accord-row {
    margin-bottom: 15px;
    border-radius: 3px;
    background: #fff;
}

.accord-row .paxPartContent, #bookingPaxCoord.accord-row, #formPayement.accord-row {
    margin-bottom: 0;
}

.accord-title {
    padding: 15px;
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
}

#bookingPaxCoord .overlay {
	z-index: 100;
}

@media (max-width: 639px) {
    .accord-title {
        font-size: 20px;
        font-size: 2rem;
    }
}

.accord-title span.numAccord {
    height: 30px;
    width: 30px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 31px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

span.pictoPaiment {
    background-color: #595959;
}

.pictoPaiment > span.picto-checkbox {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    font-weight: bold;
}

.containerBtnModif {
    position: absolute;
    right: 15px;
    top: 14px;
}

.accord-title.active {
    color: #E03400;
    border-bottom: 1px solid #e5e5e5;
}

.accord-title.desactive {
    color: #595959;
}

.accord-title.desactive span.numAccord {
    background: #595959;
}

.accord-title.valid {
    color: #22BE63;
}

.accord-title.valid  span.numAccord {
    background: #22BE63;
}

.coord-error {
    display: block !important;
}

.force-display * {
    display: block !important;
}

.has-erreur > .error, .has-succed > .success, .has-erreur.select-style + .error,
.has-succed.select-style + .success {
    display: block !important;
}

.has-erreur > .success, .has-succed > .error, .has-erreur.select-style + .success,
.has-succed.select-style+.error {
    display: none !important;
}

.form-control-feedback {
    position: absolute;
    z-index: 10;
    line-height: 21px;
    top: 37px;
    right: 10px;
}

.form-control-feedback.__alt {
    top: 50%;
    right: 21px; /* 15px padding + 6px padding input */
    transform: translateY(-50%);
    width: auto;
    height: auto;
}

.promotionCode .form-control-feedback {
    top: 12px;
}

.formPayement .form-control-feedback {
    top: 11px;
}

.has-erreur > input.form-control, .has-erreur .customSelectContainerDiv .btnformSelect {
    border: 1px solid #e30513;
    color: #e30513;
}

.has-erreur > label {
    color: #e30513;
}

.has-erreur .form-control-feedback {
    color: #e30513;
}

.has-erreur .form-control-feedback:before {
    content: "\e909";
}

.has-erreur .customSelectContainerDiv .btnformSelect:after, .has-succed .customSelectContainerDiv .btnformSelect:after {
    content: "";
}

.form-control-feedback.picto {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 21px;
    font-family: 'picto-font';
}

.popin_erreur {
    position: absolute;
    text-align: center;
    z-index: 110;
    top: 75px;
    font-family: 'Open Sans', sans-serif;
}

.formPayement .popin_erreur {
    top: 49px;
}

.promotionCode .popin_erreur {
    top: 53px;
}

.formPayement .has-erreur.select-style, .has-erreur #cc-number,
.has-erreur #cvv-number, .has-erreur #card-container, .has-erreur #expiry-container,
.has-erreur #cvv-container {
    border: 1px solid #e30513;
    color: #e30513;
}

.has-erreur #card-container .hosted-fields-invalid-state, .has-erreur #expiry-container .hosted-fields-invalid-state,
.has-erreur #cvv-container .hosted-fields-invalid-state {
    color: #e30513;
}

.formPayement .has-succed.select-style {
    border: 1px solid #22BE63;
    color: #22BE63;
}

.has-succed #card-container .hosted-fields-valid-state, .has-succed #expiry-container .hosted-fields-valid-state,
.has-succed #cvv-container .hosted-fields-valid-state {
    color: #22BE63;
}

.formPayement .has-erreur.select-style:after {
    content: "\e909";
    color: #e30513;
    font-size: 22px;
    font-size: 2.2rem;
}

.formPayement .has-succed.select-style:after {
    content: "\e908";
    color: #22BE63;
    font-size: 22px;
    font-size: 2.2rem;
}

#external-payment-form input.form-control {
    color: #0D2239;
    border-color: #595959;
}

#external-payment-form .has-erreur > input.form-control {
    border: 1px solid #e30513;
}
@media (max-width: 639px) {
    .popin_erreur {
        right: 30%;
    }
}

.popin_erreur div {
    border: 2px solid #e30513;
    background-color: #ffffff;
    padding: 5px 10px;
    color: #e30513;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.popin_erreur:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #e30513 transparent;
    top: -8px;
    left: 50%;
}

.popin_erreur:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #ffffff transparent;
    top: -6px;
    left: 50%;
    z-index: 9002;
}
/** page confirm**/
/**************************************  3DS PAIEMENT  **************************************/
.c-3ds-info {
	border-radius: 8px;
    max-width: 550px;
    background: #f1f2f6;
    color: #0D2239;
}
.c-3ds-info p {
    margin: 0;
    padding: 0;
}
.c-3ds-more {
	text-align: justify;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    transition: max-height 250ms ease-out;
}
.c-3ds-more ul {
	margin: 0 0 0 30px;
	padding: 0 0 10px 0;
}
.c-3ds-info img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}
.c-3ds-more.open-3ds-more {
	max-height: 2000px;
	visibility: visible;
}
/**************************************  FIN 3DS PAIEMENT  **************************************/
.formPayement {
    max-width: 550px;
    margin: auto;
}

.btnPaiment {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    white-space: normal;
}

.btnPaiment:FIRST-LETTER {
    text-transform: uppercase;
}

.infoBalanceToPay {
    color: #0D2239;
    font-size: 12px;
}
/*** scroll recap***/
.containerSearchPage {
    margin-top: 20px;
}

.containerRecap {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

.recapModifDetail .logoDiv {
    display: none;
}

.hotelSearchPage .recapModifDetail {
    padding: 0 7px;
}
/**/
/***page detail**/
.detailsHotelBloc > div.alert {
	border-radius: 8px;
	padding: 16px 16px 16px 56px;
}
.detailsHotelBloc > div.modal {
    background: none;
}

.detailsHotelBloc > div#thumbnailsContainer {
    padding: 0 10px;
}

.detailsHotelBloc .galleryBloc {
    padding: 3px 0;
}

.contentVideos {
    border-bottom: 1px solid #e5e5e5;
}

@media (max-width: 639px) {
    .test {
        display: flex !important;
        justify-content: space-between;
    }
}
.tripadvisorDiv img {
    width: 100px;
}
/* CSS BLOC PAGE DETAIL TRIPADVISOR */
.adresse {
    font-size: 11px;
    font-size: 1.1rem;
}

.taRating {
    display: none !important;
}

.taRating img {
    display: inline-block;
    height: 15px;
    vertical-align: middle;
}

.taRating .numReviews {
    line-height: normal;
    display: inline-block;
    margin-left: 4px;
    vertical-align: bottom;
}

.tripAdvisorDatas {
    clear: both;
    padding-top: 15px;
}

.tripAdvisorDatas label {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
}

.reviewsContainer {
    display: table;
    width: 100%;
    border-top: 2px solid #e3e3e3;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 8px;
}

.reviewsContainer > * {
    display: table-cell;
}

.leftBox {
    width: 120px;
    font-size: 8px;
    font-size: 0.8rem;
}

.rightBox {
    padding-left: 40px;
}

.userName {
    font-weight: bold;
    cursor: default;
}

.tripTypeHeader {
    margin-top: 10px;
}

.reviewTitle {
    font-style: italic;
    font-size: 13px;
    font-size: 1.3rem;
}

.reviewBody span {
    font-size: 8px;
    font-size: 0.8rem;
}

.reviewInfo {
    line-height: normal;
    margin-top: 8px;
    margin-bottom: 8px;
}

.reviewInfo .rating {
    width: 14%;
}

.reviewInfo .rating img {
    height: 15px;
}

.reviewInfo .date {
    vertical-align: bottom;
    line-height: normal;
    color: #666666;
    font-size: 9px;
    font-size: 0.9rem;
}

.reviewBodyDesc {
    line-height: normal;
}

.reviewBodyDesc a {
    font-weight: normal;
    color: #006699;
    font-size: 11px;
    font-size: 1.1rem;
}

.reviewBodyDesc a:HOVER {
    text-decoration: underline;
}
/************************************************************************ NEW BLOC TRIPADVISOR */
#waitTripAdvisor .waitDispos {
    border: 2px solid #00af87;
    color: #00af87;
}

#waitTripAdvisor .c-loading-spin > div {
    background-color: #00af87;
}

#tripAdvisorBloc h3 {
	color: #0D2239;
}

#tripAdvisorBloc h4 {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
}

.tripAdvisLink {
    color: #00af87;
    line-height: normal;
    vertical-align: bottom;
    text-decoration: underline;
    cursor: pointer;
}

.tripAdvisLink:HOVER, .tripAdvisLink:FOCUS {
    color: #007c60;
}

.newRateTripBloc > div {
    padding: 10px 10px 3px 10px;
    display: block;
    width: 100%;
}

@media (min-width: 460px) {
    .newRateTripBloc > div {
        display: table-cell;
        width: 50%;
    }
}

.circleRateTripBlocCont {
    padding-left: 10px;
}

@media (min-width: 460px) {
    .circleRateTripBlocCont {
        border-right: 1px solid #e5e5e5;
    }
}

.circleRateTripBloc span {
    line-height: normal;
}

.circleRateTrip {
    width: 60%;
}

.gradrateTrip {
    width: 100%;
}

@media (min-width: 768px) {
    .gradrateTrip {
        width: 42%;
    }
}

.circleRateTripBlocImg img {
    vertical-align: middle;
}

.gradrateTripBloc > div, .circleRateTripBloc > div {
    display: inline-block;
    vertical-align: middle;
}

.blocPreviewTripAdvisor span:first-child {
    display: block;
    text-align: right;
    color: #000000;
    font-size: 9px;
    font-size: 0.9rem;
    margin-bottom: 2px;
    white-space: nowrap;
}

.blocPreviewTripAdvisor img {
    display: block;
    margin-left: auto;
}
/* FIN CSS BLOC PAGE DETAIL TRIPADVISOR */
.detailsHotelBloc .contentpictures {
    padding: 0;
    height: 225px;
}

.detailsHotelBloc .contentpictures > img {
    height: 100%;
}

.contentStars {
    text-align: right;
    vertical-align: bottom;
}

.contentbtnMail {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 2px;
    height: 100%;
}

.contentbtnMail button, .contentbtnMail a {
    padding-right: 2px;
}

@media (max-width: 639px) {
    .contentbtnMail button, .contentbtnMail a {
        padding: 0 2px 0px 2px;
    }
}

.contentMap > div.DescRoomMap {
    padding-top: 10px;
}

.hotelDetailsPage #modifSearchForm {
    padding: 0;
    padding-bottom: 15px;
}
.hotelDetailsPage #modifSearchForm.purchase {
    padding-bottom: 0;
}

.hotelDetailsPage #modifForm h3 {
    color: #0D2239;
}
/** btn Retour**/
div.contentLinkBack, .btnFixedReserved {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    align-items: center;
    background: #fff;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.16);
    padding: 10px 15px;
    margin: 0;
    z-index: 1001;
}

.btnFixedReserved {
	display: block;
	padding: 16px;
	box-shadow: none;
}

.btnFixedReserved.__shadow {
	box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.16);
}

.btnFixedReserved .hotelPriceTd > div {
	margin-top: 0;
}

.kbtn.contentLinkBackDesktop {
	display: none; 
}

@media (min-width: 641px) {
    .detailsHotelBloc > div.contentLinkBack {
        display: none ! important;
    }
    .kbtn.contentLinkBackDesktop {
    	display: flex;
    }
}

.hotelDetailsPage .linkBack button {
    width: 40px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px;
    margin-bottom: 20px;
    margin-right: 10px;
    color: #fff;
}

.hotelDetailsPage .linkBack button:hover, .hotelDetailsPage .linkBack button:focus {
    color: #fff;
}

.linkBack button span.picto {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
    vertical-align: middle;
}

@media (min-width: 1024px) {
    .hotelDetailsPage .contentAnim {
        position: static;
    }
    .hotelDetailsPage #modifSearchForm .totalNights {
        display: none;
    }
    .hotelDetailsPage .rayonSearch {
        margin-bottom: 20px;
    }
    .hotelDetailsPage .totalNights {
        margin-bottom: 0;
    }
    /* options */
    .hotelDetailsPage .contentMoreOptions label {
        font-weight: bold;
        display: block;
        line-height: normal;
        margin-bottom: 5px;
    }
    .hotelDetailsPage .contentMoreOptions .labelIcon {
        display: none;
    }
    .hotelDetailsPage .contentMoreOptions .slidePrice, .contentMoreOptions .mealplanType
    {
        margin-bottom: 20px;
    }
    .hotelDetailsPage .contentMoreOptions .contentFilter {
        margin-top: 25px;
        width: 100%;
    }
    .hotelDetailsPage .contentMoreOptions > div.row > div {
        display: block;
        width: 100%;
    }
    
    /*btn search*/
    .hotelDetailsPage .contentMoreOptions {
        margin-top: 0px;
    }
    .hotelDetailsPage #modifForm .contentMoreOptions {
        margin-bottom: 45px;
    }
}
/* detail chambre */
.roomTypePax, .hotelDetailsPage .hotelPriceTd {
    text-align: right;
    vertical-align: middle;
}

.hotelDetailsPage .hotelPriceTd p {
    margin-bottom: 0;
}

.roomTypeGrp {
    padding-bottom: 16px;
}

.roomTypeGrp span.roomTypeLabel {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #0D2239;
}

.roomTypeGrp p {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline;
}

.roomTypePax .pictoPax {
    color: #0D2239;
    height: 24px;
    border-radius: 16px;
    background-color: #f1f2f6;
    display: inline-block;
    text-align: right;
    padding: 4px 8px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    white-space: nowrap;
}

.pictoPax span.nbPax {
    display: inline-block;
    vertical-align: top;
}

.pictoPax svg.icon {
    color: #ffffff;
    display: inline-block;
}

.roomTypePax .pictoPax svg.icon {
	color: #0D2239;
}

.contractRemarkClass {
    font-size: 12px;
    font-size: 1.2rem;
    position: relative;
    padding-right: 40px;
}

.contractRemarkClass ul {
    padding-left: 20px;
    margin: 0;
}

@media (min-width: 640px) {
    .contractRemarkClass ul {
        display: inline-block;
    }
    .contractRemarkClass ul > li {
        padding-right: 5px;
    }
}

.labelPolicies {
    font-weight: bold;
}

.labelPolicies, .loadingCancelFees {
    color: #0D2239;
    font-size: 12px;
    font-size: 1.2rem;
}

.salesPolicy {
    padding-right: 30px;
}

.remarqContract .detailPolicies {
    font-size: 14px;
    font-size: 1.4rem;
}

.feesIncludeInfo {
    color: #22BE63;
    font-weight: 500;
}

.feesExcludeInfo {
    color: #ff0000;
    font-weight: 500;
}

.remarqContract .detailPoliciesBloc:not(:first-child) {
	margin-top : 24px;
}

.remarqContract .detailPoliciesBloc ul {
	margin-left: 16px;
	margin-bottom: 16px;
}

.remarqContract .labelPolicies, .remarqContract .loadingCancelFees {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 16px;
}

.remarqContract .labelPolicies + br:first-of-type {
	display: none;
}

.blocRemark {
    display: inline;
}

.labelNotRefundable, .DescNoRoomContent p {
    color: #ff0000;
}

.freeTextPolicies {
    color: #ff0000;
}

.hotelDetailsPage .resultBlocTab {
    height: auto;
}

.infoDistance {
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    color: #aaa;
    margin-bottom: 0px;
    padding-left: 5px;
}

.roomPolicy {
    color: #696969;
    text-transform: capitalize;
}

.roomChoice .roomTypeGrpContent {
    position: relative;
}

.priceTotal > .container-fluid {
    padding: 0;
}

div.roomEquipements {
    display: block;
}

.roomEquipements > span {
    padding: 0 4px;
    height: 18px;
    background-color: #fafafa;
    border-radius: 12px;
    font-size: 12px;
    font-weight: normal;
    color: #0D2239;
    margin-right: 5px;
}

.roomEquipements svg.icon {
	display: inline-block;
    width: 15px;
    height: 15px;
    color: #0D2239;
    vertical-align: middle;
    margin-right: 2px;
}

/*** onglet en collapse **/
.btnCollapse {
    background: #ffffff;
    background: none;
    border: 0 none;
    width: 100%;
}

.btnCollapse .roomTypeGrpContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.btnCollapse .roomTypeGrp {
    flex: 1;
    text-align: left;
    padding: 0 10px;
}

@media (min-width: 768px) {
	.btnCollapse .roomTypeGrpContent {
	    justify-content: flex-start;
	}

	.btnCollapse .roomTypeGrp {
	    flex: initial;
	}
}

.singleRoom .btnCollapse {
    cursor: default;
}

.singleRoom .btnCollapse .roomTypeGrp {
    padding-left: 0;
}

.btnCollapse > div.roomTypeGrpContent > span.picto {
    font-size: 14px;
    color: #64686C;
}

.btnCollapse > div.roomTypeGrpContent > span.picto:before {
    content: "\e91e";
}

.btnCollapse.collapsed > div.roomTypeGrpContent > span.picto:before {
    content: "\e916";
}

span.surfaceInfo {
    padding-left: 20px;
}
/** booking aside **/
.folderInside .detailBooking {
    padding: 15px 0;
}

.detailBooking {
    padding: 15px 0;
}

.recapBooking {
    background: #fff;
    border-radius: 3px;
}

.recapBooking > div {
    vertical-align: top;
}

.resultSelectedHotel {
    position: relative;
}

.resultSelectedHotel .HeaderResultBloc {
    padding: 10px;
}

.recapBooking .resultSelectedHotel .tripAdvisorNote img {
    height: 13px;
    width: 75px;
}

.recapBooking .resultSelectedHotel .tripAdvisorNote span {
    vertical-align: sub;
    color: #00af87;
    line-height: normal;
    font-size: 13px;
    font-size: 1.3rem;
}

.recapBooking .HeaderResultBloc h2 .hotelName {
    width: -ms-calc(100% - 80px);
    width: -o-calc(100% - 80px);
    width: calc(100% - 80px);
}

@media (min-width: 1024px) {
    .recapBooking .HeaderResultBloc h2 .hotelName {
        width: -ms-calc(100% - 185px);
        width: -o-calc(100% - 185px);
        width: calc(100% - 185px);
    }
}

.bookingDates, .bookingRoom {
    padding: 10px;
    border-top: 1px solid #f2f4f7;
}

.bookingDates .checkIn, .bookingDates .checkOut, .bookingDates .nbNights
{
    color: #0D2239;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: lowercase;
}

.nbNights {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: normal;
}

.nbNightsInfo {
    text-transform: none;
    margin-left: 10px;
}

.bookingDates .nbNightsInfo {
    font-size: 12px;
    font-size: 1.2rem;
}
@media (max-width: 639px) {
	.bookingDates .nbNightsInfo {
	    display: block;
	    margin-left: 0;
	}
}


.bookingDates .checkIn > span, .bookingDates .checkOut > span, .bookingDates .nbNights > span,
.nbRoom {
    color: #0D2239;
}

.nbRoom {
    font-size: 12px;
    font-size: 1.2rem;
}

.imgHotelSelected {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 250px;
    position: relative;
}

.roomBookingSelected {
    padding-bottom: 5px;
}

.bookingPaxPage .roomBookingSelected:last-child {
    padding-bottom: 0;
}

.bookingPaxPage .roomBookingSelected > div:first-child {
    margin-bottom: 5px;
    line-height: normal;
}

.bookingPaxPage .bookingRoom .info-supp {
    border-bottom: 1px solid #f2f4f7;
    padding: 0px 10px 10px;
    margin: 0 -10px;
}

.bookingPaxPage .roomBookingSelected:last-child .info-supp {
    padding-bottom: 0px;
    border: none;
}

.hotelBookingDetail .roomBookingSelected .info-supp {
    margin-bottom: 5px;
}

.hotelBookingDetail .roomBookingSelected {
    padding: 10px 10px 5px;
    margin: 0px -10px;
    border-bottom: 1px solid #f2f4f7;
}

.hotelBookingDetail .roomBookingSelected:first-of-type {
    padding-top: 0px;
}

.hotelBookingDetail .roomBookingSelected:last-of-type {
    border: none;
    padding-bottom: 0px;
}

.roomInfo {
    font-size: 12px;
    font-size: 1.2rem;
    color: #595959;
    display: inline;
}
.nbRoom {
    color: #0D2239;
}

.typeRoom, .nbRoom {
    font-weight: bold;
}

.typeRoom {
    color: #f89c39;
    font-size: 14px;
    font-size: 1.4rem;
}

.dispoMealPlanBook {
    display: inline-block;
    color: #69696a;
    font-size: 10px;
    font-size: 1rem;
    line-height: 16px;
}

.dispoMealPlanBook .board_HB:after, .dispoMealPlanBook .board_BD:after,
.dispoMealPlanBook .board_BB:after, .dispoMealPlanBook .board_FB:after,
.dispoMealPlanBook .board_AI:after {
    content: "\e921";
    font-family: "picto-font";
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 8px;
    font-size: 0.8rem;
}

.dispoMealPlanBook .board_HB, .dispoMealPlanBook .board_BD,
.dispoMealPlanBook .board_BB, .dispoMealPlanBook .board_FB,
.dispoMealPlanBook .board_AI, .dispoMealPlanBook .board_RO {
    padding: 2px 3px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}

.dispoMealPlanBook .board_RO {
    background-color: #aaaaaa;
}

.dispoMealPlanBook .board_BB {
    background-color: #25c86a;
}

.dispoMealPlanBook .board_HB, .dispoMealPlanBook .board_BD {
    background-color: #087FD2;
}

.dispoMealPlanBook .board_FB {
    background-color: #f1c63c;
}

.dispoMealPlanBook .board_AI {
    background-color: #f7941d;
}

.bookingRoom .dispoMealPlanBook .board_HB, .bookingRoom .dispoMealPlanBook .board_BD,
.bookingRoom .dispoMealPlanBook .board_BB, .bookingRoom .dispoMealPlanBook .board_FB,
.bookingRoom .dispoMealPlanBook .board_AI {
    padding: 2px 3px;
}

.bookingBlocRecap {
    margin-bottom: 15px;
}

.remarqContract > div {
    margin-top: 32px;
}

.remarqContract > div:first-child {
    margin-top: 17px;
}

.priceDetail {
    text-align: right;
}

.priceTotal {
    padding: 8px 0 8px 0;
    font-size: 20px;
    font-size: 2rem;
    line-height: normal;
    font-weight: bold;
    position: relative;
}

.roomPricePromo + .priceTotal {
	padding-top: 0;
}

.amountTitlePrice {
    color: inherit !important;
}
.spotPaymentLogo {
	margin: 3px 0;
}
@media (min-width: 480px) {
    .priceDetail.priceDetailSpotPayment {
        position: relative;
    }
    .priceDetailSpotPayment .priceTotal {
        margin-right: 60px;
    }
    .priceDetailSpotPayment .spotPaymentLogo {
        position: absolute;
        top: 5px;
        right: 0px;
        margin: 0;
    }
}

.priceTotal span {
    white-space: nowrap;
}

.priceCurrency {
    font-size: 14px;
    font-size: 1.4rem;
    font-style: normal;
}

.toggleDetailPrice {
    color: #E03400;
    font-size: 14px;
    font-size: 1.4rem;
	text-align: right;
}

.toggleDetailPrice svg.icon {
    color: #c5cad1;
    vertical-align: middle;
    margin-left: 4px;
}

.toggleDetailPrice .labelview {
    text-decoration: underline;
}

.toggleDetailPrice:hover,
.toggleDetailPrice:hover svg.icon {
    cursor: pointer;
}

.tablePrix > div {
    padding: 8px 0;
    border-bottom: 1px dashed #c1c1c1;
}

.tablePrix > div:after {
    content: "";
    display: block;
    clear: both;
}

.col-b-a, .col-b-b, .col-b-c {
    float: left;
}

.col-b-a {
    width: 45%;
    text-align: left;
    padding-left: 8px;
}

.col-b-b {
    width: 55%;
    text-align: right;
    padding-right: 8px;
}

.col-a > div, .col-b > div {
    margin-top: 10px;
}

.nowrap {
    white-space: nowrap;
}

#modifForm .nowrap {
    font-size: 14px;
}

.RemarqAndPrice, .recapBooking {
    display: table;
    width: 100%;
}
.detailPriceRoom {
    position: relative;
}
@media (min-width: 1024px) {
    .detailPriceRoom {
        text-align: right;
    }
    .blocPricesDetail {
        text-align: left;
        width: 50%;
        display: inline-block;
    }
}

.col-a {
    display: table-cell;
    width: 55%;
    padding-right: 10px;
}

.col-b {
    display: table-cell;
    vertical-align: bottom;
    width: 45%;
}

.recapBooking > div {
    display: table-cell;
}

@media (max-width: 767px) {
    .RemarqAndPrice, .col-a, .col-b {
        display: block;
        width: 100%;
    }
}

@media (max-width: 639px) {
    .recapBooking, .recapBooking > div {
        display: block;
        width: 100%;
    }
    .imgHotelSelected {
        height: 220px;
        width: 100%;
    }
}

.styleBlocPax, .styleBlocPaxCoord, .styleBlocPayment {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-top: 15px;
}

.styleBlocPax {
    padding: 20px 15px;
}

.styleBlocPax .copyEmails input {
    margin-top: 15px;
}

.styleBlocPax .copyEmails input:FIRST-CHILD {
    margin-top: 0px;
}

#removeCopyEmail, #addCopyEmail {
    cursor: pointer;
}

#addRemoveLinks {
    margin-top: 5px;
}

.styleBlocPaxCoord {
    padding: 0;
}

.styleBlocPayment {
    padding: 5px 15px;
}

.padBlocPax {
    padding: 20px 15px;
}

.paymentAddtionalDetailsForm {
    padding: 20px 15px;
    border-top: 1px solid #e5e5e5;
}

.optionPaiment span, .label-C4X span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #aaaaaa;
    display: block;
}

.optionPaiment .radio label::after {
    top: 5px;
}

/** acompte CE **/
.priceScheduleAdvance {
    color: #64686C;
}

.priceScheduleAdvance strong {
    font-size: 20px;
}

.CEPaymentMode {
    border-width: 2px;
    border-style: solid;
    border-color: #64686C;
    border-radius: 3px;
    padding: 0;
    margin: 15px 0;
}

.CEPaymentMode h4 {
    padding: 15px;
    font-size: 22px;
    line-height: 20px;
    color: #ffffff;
    font-weight: bold;
    background: #64686C;
    margin: 0;
}
.CEPaymentMode ul {
    padding: 0 0 0 40px;
    margin-bottom: 10px;
}
.CEPaymentMode > div {
    padding: 10px 15px 15px;
}

.CEPaymentMode .customSelectContainerDiv {
	width: 100%;
}

@media (min-width: 768px) {
    .CEPaymentMode .customSelectContainerDiv {
        width: 83.33333%;
    }
}

@media (min-width: 1024px) {
    .CEPaymentMode .customSelectContainerDiv {
        width: 66.66667%;
    }
}
/** fin acompte CE **/
#paymentDesc_C4X, #paymentDesc_C3X {
	margin-bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
    border: none;
}

#paymentDesc_C4X a, #paymentDesc_C3X a {
    font-size: 12px;
    font-size: 1.2rem;
    color: #0D2239;
    text-decoration: underline;
}

#paymentDesc_C4X ul, #paymentDesc_C3X ul {
    padding-left: 15px;
}

.btn-default, .linkBack button.breadcrumb-home {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
    rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
    rgba(0, 0, 0, 0.12);
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.btn-default:hover, .btn-default:focus, .linkBack button.breadcrumb-home:hover,
.linkBack button.breadcrumb-home:focus {
    color: #ffffff;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0
    rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0
    rgba(0, 0, 0, 0.15);
}

@media (max-width: 639px) {
    #myAccount .btn-default {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.btnStyle2 {
    font-size: 14px;
    font-size: 1.4rem;
    background: none;
    border-radius: 3px;
}

.btnStyle6, .btnStyle5 {
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 3px;
    color: #ffffff;
}

.btnStyle6 {
    background: #595959;
    border: 2px solid #595959;
}

.btnStyle6:hover, .btnStyle6:focus {
    color: #ffffff;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
    rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
    rgba(0, 0, 0, .15);
}

.btnStyle5 {
    background: #f3932e;
    border: 2px solid #f3932e;
}

.btnStyle5:hover, .btnStyle5:focus {
    color: #ffffff;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
    rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0
    rgba(0, 0, 0, .15);
}

.blocPayeur {
    background: #f2f4f7;
}

@media (min-width: 1024px) {
    .blocPayeurSelect1, .blocPayeurSelect2 {
        max-width: 300px
    }
}

.btnInputform {
    padding-bottom: 7px;
    padding-top: 7px;
}

.priceReduc {
    text-align: right;
    line-height: normal;
}
/* PARTIE PAYEMENT 4x */
.scheduler {
    margin-top: 10px;
}

.cbModePrice {
    line-height: 46px;
}

.optionPaiment .cbMode .labelPaiment::after {
    top: 0;
}

.priceReduc .newPrice span {
    color: #64686C;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

.priceDetail-4x p {
    text-align: center;
    margin-bottom: 15px;
}

.priceReduc {
    text-align: right;
}

@media (max-width: 639px) {
    .cbModePrice {
        line-height: normal;
    }
    .priceReduc {
        padding-left: 40px;
    }
}

.blocPaymentMode, .blocPaymentLogo, .resaOptionContent {
    display: block;
    margin-top: 10px;
}

.blocPaymentMode .mrgBtmXs15 {
	margin-top: 15px;
}

.blocPaymentMode .mrgBtmXs15:first-of-type {
	margin-top: 0px;
}

.mar-top-15 {
	margin-top: 15px;
}

.info-up {
	text-decoration: underline;
}

.i {
	text-decoration: underline;
	margin-bottom: 10px;
}

#paymentInfos .labelPaiment .paymentModeNoMarg {
    margin-left: 0;
}

@media (min-width: 660px) {
    .blocPaymentLogo, .resaOptionContent {
        display: inline-block;
        margin-left: 5px;
        margin-top: 0;
    }
    .labelPaiementC4X img {
        margin-top: 5px;
    }
    .labelPaiementC4X .blocPaymentLogo {
        margin-left: 0px;
    }
}

@media (min-width: 690px) {
    .labelPaiementC4X img {
        margin-top: 0px;
    }
    .labelPaiementC4X .blocPaymentLogo {
        margin-left: 5px;
    }
}

.labelPaiementC4X img, 
.labelPaiementC3X img {
    vertical-align: text-bottom;
}

/* FIN PARTIE PAYEMENT 4x */
.listeOptions li span.picto {
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
}

.cgvPaiement svg.icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.cgvPaiement a {
    color: #0D2239;
    text-decoration: underline;
    font-weight: normal;
}

.cgvPaiement a:hover, .cgvPaiement a:focus {
    color: #0D2239;
}

h3.titlePaxInfo {
    font-size: 22px;
    font-size: 2.2rem;
    color: #0D2239;
}

.priceHotel, .newPrice {
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
}

.newPrice {
    color: #22BE63;
}

.paxPartContent .labelPaiment, .insurancePartContent .labelPaiment,
.paxPartContent .label-C4X {
    color: #0D2239;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    vertical-align: sub;
    display: inline-block;
}

.paxPartContent .labelPaiment.styleBold, 
.insurancePartContent .labelPaiment.styleBold {
    font-weight: bold;
}

.paxPartContent .labelPaiment img, 
.insurancePartContent .labelPaiment img {
    height: 30px;
    margin-right: 5px;
    margin-left: 5px;
}
.labelPaiementPAYREF {
	line-height: 26px;
}
.insurancePartContent a {
    color: #0D2239;
    display: inline-block;
}
.insurancePartContent a:hover {
    color: #0D2239;
}
.insurancePartContent a svg {
    color: #c5cad1;
    vertical-align: sub;
}
.detailVersement .labelPaiment {
    display: inline;
}
.detailVersement .select-style {
    display: inline-block;
}
.currencySpan {
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 2px;
    margin-right: 4px;
}

#btnModifInfoPax.btnStyle2, #btnModifPaxTravelers.btnStyle2,
#btnModifInfoPaiment.btnStyle2, #btnModifInsurances.btnStyle2 {
    color: #22BE63;
    border: 2px solid #22BE63;
    padding: 5px 10px;
}

#btnModifPaxTravelers.btnStyle2:hover, #btnModifPaxTravelers.btnStyle2:focus,
#btnModifInfoPax.btnStyle2:focus, #btnModifInfoPax.btnStyle2:hover,
#btnModifInfoPaiment.btnStyle2:focus, #btnModifInfoPaiment.btnStyle2:hover,
#btnModifInsurances.btnStyle2:hover, #btnModifInsurances.btnStyle2:focus
{
    border: 2px solid #22BE63;
    background: #22BE63;
    color: #fff;
}

.numAccord span.picto {
    font-size: 14px;
    font-size: 1.4rem;
}

.comPriceContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#formModifDate.modifPopin {
    color: #595959;
    width: 300px;
    position: absolute;
    right: -12px;
    top: calc(100% + 8px);
    display: block;
    margin-top: 0;
}

#formModifDate.modifPopin:before, #formModifDate.modifPopin:after {
    left: 87%
}

.bookingDates {
    position: relative;
    display: flex;
    align-items: center;
}

.bookingDates > div:FIRST-CHILD {
    flex: 1;
}

.bookingDates > div {
    vertical-align: top;
}

@media (max-width: 639px) {
    #formModifDate.modifPopin {
        width: 270px;
    }
}

#formModifDate  .totalNights {
    margin-bottom: 0;
}
/**btn Radio style**/
.radio {
    position: relative;
    display: block;
}

.radio label, .checkbox label {
    padding-left: 34px;
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 21px;
    width: 26px;
    height: 26px;
}

.radio label::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    color: #fff;
    line-height: 25px;
}

.radio.smallBtnRadio label, .radio.smallBtnRadio label::after {
    line-height: 18px;
}

.radio input[type="radio"]:checked+label::after, .radio input[type="radio"].styled:checked+label:after
{
    font-family: 'picto-font';
    font-size: 26px;
    font-size: 2.6rem;
    content: "\e908";
    color: #0D2239;
    border: 1px solid #0D2239;
}
/**form paiment**/
.relativeInput {
    position: relative;
    padding-left: 50px;
}

.containerPicto:before {
    font-size: 22px;
    font-size: 2.2rem;
    width: 45px;
    height: 43px;
    line-height: 33px;
    padding: 5px 0;
    background-color: #f2f4f7;
    color: #64686C;
    position: absolute;
    z-index: 100;
    left: 8px;
    top: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center;
}
/*** option flexy**/
.optionFlexyBloc {
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bugTitleBloc {
    border-radius: 2px 2px 0 0;
    color: #ffffff;
    padding: 10px 0 10px 15px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 26px;
}

.bugTitleBloc span {
    text-transform: uppercase;
}

.contentOption {
    padding: 10px;
    position: relative;
}

.contentOption:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 30px;
    width: 140px;
    height: 100px;
    background: url("../images/custom/nouveau.png") no-repeat top left;
}

.contentOption > div {
    padding: 0 20px;
}

ul.listeOptions, ul.listeOptions ul {
    list-style-type: none;
}

ul.listeOptions {
    padding-left: 0;
}

.contentOption li {
    padding-top: 7px;
    padding-bottom: 7px;
}

.optionRque {
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
}

.styleUrl {
    text-decoration: underline;
    margin-right: 5px;
}

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

.detailOptions span.picto {
    color: #c5cad1;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 20px;
    font-size: 2rem;
}

.priceOptionRoom {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
}

.priceOptionRoom .devise {
    font-size: 18px;
    font-size: 1.8rem;
}

.priceOptionRoom .pers {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

.priceOptionTotal {
    color: #64686C;
}

.priceOptionTotal span.picto {
    font-size: 15px;
    font-size: 1.5rem;
}

.containerBtnFlexy {
    float: right;
    width: 50%;
}

.containerBtnFlexy > .displayTable {
    text-align: right;
}

@media (max-width: 640px) {
    .containerBtnFlexy {
        float: right;
        width: 100%;
    }
}

/*Page pAx liste pays*/
.btnformSelect {
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 3px;
    height: 45px;
    line-height: 33px;
    text-align: left;
    position: relative;
    width: 100%;
}

.btnformSelect:focus, .btnformSelect:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
    rgba(234, 234, 234, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
    rgba(234, 234, 234, 0.6);
}

.btnformSelect:after {
    font-family: 'picto-font';
    content: "\e916";
    color: #63676c;
    position: absolute;
    padding: 0 8px;
    height: 45px;
    line-height: 45px;
    right: 0;
    top: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

.btnformSelect img {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

ul.listPays {
    height: 295px;
    overflow: scroll;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

ul.listPays li {
    color: #64686C;
    padding: 10px 20px;
    list-style-type: none;
}

ul.listPays li:hover, ul.listPays li:focus {
    background-color: #f2f4f7;
}

ul.listPays li img {
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 32px;
    height: 25px;
}

ul.listPays li span.code {
    float: right;
    font-style: normal;
    border-radius: 3px;
    background-color: #f2f4f7;
    padding: 4px 10px 4px 0;
    margin: -2px 0 0 0;
    width: 65px;
    text-align: right;
    letter-spacing: 1px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    color: #595959;
}

ul.listPays li:hover span.code, ul.listPays li:focus span.code {
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul.listPays span.contryLabel {
    display: inline-block; /* on retranche la largeur du label */
    width: -o-calc(100% - 120px);
    width: -ms-calc(100% - 120px);
    width: calc(100% - 120px);
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.btnformSelect.btncode {
	color: #0D2239;
    position: absolute;
    width: 105px;
    border: 0 none;
    border-right: 1px solid #e5e5e5;
    border-radius: 0;
    line-height: 45px;
    height: 42px;
    top: 26px;
    left: 9px;
    z-index: 10;
    background: transparent;
}

.btncode:focus, .btncode:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btncode img {
    width: 16px;
}

.inputcode {
    padding-left: 110px;
}
/*******************************************************************************
WAIT AVEC ANIMATION
*******************************************************************************/
.WaitBase {
    z-index: 99000;
    background: #80D6FE;
    background-image: -o-linear-gradient(top, #80D6FE 0%, #FFFFFF 150%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #80D6FE),
    color-stop(150, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #80D6FE 0%, #FFFFFF 150%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#80D6FE),
    color-stop(150%, #FFFFFF));
    background-image: linear-gradient(to bottom, #80D6FE 0%, #FFFFFF 150%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80D6FE',
    endColorstr='#FFFFFF', GradientType=0);
    color: #64686C;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.msgwait {
    text-align: center;
    color: #64686C;
    position: relative;
    z-index: 200;
}

.msgwait div {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    padding: 20px 20px 0 20px;
}

.msgwait > p {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 2px 0 5px 0;
    margin-bottom: 0;
}

.containeranimation {
    width: 640px;
    margin: 0 auto;
}
/** c-board **/
.c-boarding {
    width: 420px;
    margin: 0 auto;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10010;
}

.c-boarding-h {
    padding: 5px 0 5px 0;
    background: #64686c;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.c-boarding-m {
    text-align: center;
    color: #fff;
    padding: 5px 0 4px 5px;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.c-boarding-i {
    text-align: left;
    padding: 10px 10px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
}

.c-boarding-i > div {
    padding: 0 0 10px 10px;
}

.c-boarding-i > div label {
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    margin-bottom: 0;
}

/** x-clouds **/
.x-clouds {
    height: 80px;
}

.x-cloud-c {
    width: 240px;
    height: 90px;
    background: #ffffff;
    border-radius: 200px;
    position: relative;
    text-align: center;
    z-index: 30;
}

.x-cloud {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    left: 100%;
    z-index: 10000;
    animation: k-clouds 14s linear 0s infinite;
    -webkit-animation: k-clouds 14s linear 0s infinite;
    -moz-animation: k-clouds 14s linear 0s infinite;
    -ms-animation: k-clouds 14s linear 0s infinite;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

@keyframes k-clouds {
    0% {
        left: 100%;
    }
    100% {
        left: -300px;
    }
}
@-webkit-keyframes k-clouds {
    0% {
        left: 100%;
    }
    100% {
        left: -300px;
    }
}
.x-cloud-c p {
    position: relative;
    z-index: 10;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 16px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.x-cloud-c:before, .x-cloud-c:after {
    content: '';
    position: absolute;
    background: #ffffff;
    width: 140px;
    height: 120px;
    top: -15px;
    left: 10px;
    border-radius: 140px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
}

.x-cloud-c:after {
    width: 160px;
    height: 160px;
    top: -55px;
    left: auto;
    right: 15px;
}
/*Time to animate*/
.x-x1 {
    top: 33px;
    left: -250px;
    height: 70px;
    padding: 7px 0 0 0;
    animation-duration: 17s;
    -webkit-animation-duration: 17s;
    -moz-animation-duration: 17s;
    -ms-animation-duration: 17s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    z-index: 10;
}

.x-x1:after {
    right: auto;
    left: 20px;
    top: -40px;
    height: 133px;
    width: 120px;
}

.x-x1:before {
    right: 15px;
    left: auto;
    top: -28px;
    border-radius: 50%;
    height: 130px;
    width: 130px;
}

.x-x2 {
    left: -250px;
    top: 200px;
    height: 70px;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    -moz-animation-duration: 20s;
    -ms-animation-duration: 20s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
}

.x-x2:after {
    width: 140px;
    height: 140px;
    top: -33px;
}

.x-x2:before {
    top: -40px;
    width: 130px;
    height: 130px;
}

.x-x3 {
    left: -350px;
    top: 200px;
    width: 220px;
    padding: 10px 0 0 0;
    animation-duration: 20s;
    -webkit-animation-duration: 20s;
    -moz-animation-duration: 20s;
    -ms-animation-duration: 20s;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
}

.x-x3:before {
    top: -20px;
    left: 20px;
    width: 110px;
    height: 110px;
}

.x-x3:after {
    width: 120px;
    height: 120px;
    top: -35px;
}

@media (max-width: 639px) {
    .WaitBase .carte {
        display: none;
    }
    .msgwait div {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 10px 20px 0 20px;
    }
    .c-boarding {
        width: 300px;
    }
    .c-boarding-i {
        text-align: left;
        font-size: 12px;
        font-size: 1.2rem;
    }
    .x-x1 {
        top: 298px;
    }
    .x-x2 {
        top: -57px;
    }
    .x-x3 {
        top: 160px;
    }
    .x-x3 {
        top: 160px;
        animation-duration: 25s;
        -webkit-animation-duration: 25s;
        -moz-animation-duration: 25s;
        -ms-animation-duration: 25s;
        animation-delay: 5s;
        -webkit-animation-delay: 5s;
        -moz-animation-delay: 5s;
        -ms-animation-delay: 5s;
    }
}

@media (min-width: 640px) {
    .WaitBase .carte {
        display: block;
        position: fixed;
        bottom: 10px;
        text-align: center;
        width: 629px;
        height: 125px;
    }
    
    /* MARKER 1*/
    .marker1 {
        z-index: 1000;
        position: absolute;
        left: 74%;
        bottom: 40px;
    }
    .marker1 img, .marker4 img {
        width: 34px;
        width: 45px;
    }
    /* MARKER 2*/
    .marker2 {
        z-index: 1000;
        position: absolute;
        left: 34%;
        bottom: 95px;
    }
    /* MARKER 3 */
    .marker3 {
        z-index: 1000;
        position: absolute;
        left: 60%;
        bottom: 87px;
    }
    /* MARKER 4 */
    .marker4 {
        z-index: 1000;
        position: absolute;
        left: 25%;
        bottom: 46px;
        width: 34px;
        width: 45px;
    }
    .marker-animation1 {
        animation-name: markerAnimation1;
        animation-iteration-count: 1;
        animation-duration: 8s;
        animation-fill-mode: both;
        -webkit-animation-name: markerAnimation1;
        -webkit-animation-duration: 8s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: markerAnimation1;
        -moz-animation-duration: 8s;
        -moz-animation-iteration-count: 1;
        -moz-animation-fill-mode: both;
        -o-animation-name: markerAnimation1;
        -o-animation-duration: 8s;
        -o-animation-iteration-count: 1;
        -o-animation-fill-mode: both;
        -ms-animation-name: markerAnimation1;
        -ms-animation-duration: 8s;
        -ms-animation-iteration-count: 1;
        -ms-animation-fill-mode: both;
    }
    @-webkit-keyframes markerAnimation1 {
        0% {
            -webkit-transform: translateY(-500%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes markerAnimation1 {
        0% {
            -webkit-transform: translateY(-500%);
            transform: translateY(-500%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
}

/** c-pbar **/
.c-pbar {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-radius: 50px;
    width: 200px;
    z-index: 50;
}

.c-pbar > span {
    display: block;
    height: 10px;
    border-radius: 3px;
}

.c-pbar-strip > span {
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.3)
    0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(315deg, rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3)
    0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.3)
    0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 0) 100%);
}

.c-pbar-anim {
    animation: k-pbar 2.5s linear 0s infinite;
    -webkit-animation: k-pbar 2.5s linear 0s infinite;
    -moz-animation: k-pbar 2.5s linear 0s infinite;
    -ms-animation: k-pbar 2.5s linear 0s infinite;
    -o-animation: k-pbar 2.5s linear 0s infinite;
}

@keyframes k-pbar {
    from {
        background-position: 00;    
    }
    to {
        background-position: -60px -60px;
    }
}
@-webkit-keyframes k-pbar {
    from {
        background-position: 00;
    }
    to {
        background-position: -60px -60px;
    }
}

/*fin wait avec animation*/

/** prix barre**/
.roomPricePromo {
    color: #0D2239;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: line-through;
    font-weight: 600;
    display: block;
    line-height: normal;
}

.priceDetail .roomPricePromo {
	padding-top: 8px;
}
/** message no dispo */
.popinNoResult {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10040;
}

.bgmsgNoDispo {
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #000;
    height: 100%;
}

.msgNoDispo {
    position: relative;
    background: #fff;
    border-radius: 3px;
    margin: 100px auto;
    width: 420px;
}

.msgNoDispo > div {
    padding: 20px 10px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
}

.c-msg {
    color: #64686C;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

.info-circle {
    width: 100px;
    border-radius: 3px 0 0 3px;
    text-align: center;
    vertical-align: middle;
}

.error-circle {
    background-color: #BE0410;
    width: 100px;
    border-radius: 3px 0 0 3px;
    text-align: center;
    vertical-align: middle;
}

.info-circle span.picto, .error-circle span.picto {
    color: #fff;
    font-size: 33px;
    font-size: 3.3rem;
    margin: 0px;
}

@media (max-width: 470px) {
    .msgNoDispo {
        width: 290px;
    }
}

@media (max-width: 400px) {
    .formPayement .btn-default {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 10px 5px;
    }
}

.errorMessage > div {
    padding: 15px;
}

.errorMessage {
    padding: 0;
    background: #fff;
    border-radius: 3px;
    margin-top: 15px;
}

.msgAlert {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
    text-align: left;
    background: #cc2908;
}

@media (max-width: 639px) {
    .msgAlert {
        font-size: 20px;
        font-size: 2.0rem;
    }
    .error-circle {
        width: 75px;
    }
}

.msgAlert > span {
    background: #fff;
    padding: 10px;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    padding: 0 0 0 1px;
    line-height: 32px;
    margin: 0 3px 0 0;
}

.msgAlert span.picto {
    color: #cc2908;
    font-size: 20px;
    font-size: 2.0rem;
}

.msgInformation {
    text-align: center;
    color: #0D2239;
    font-size: 14px;
    font-size: 1.4rem;
}

@media (min-width: 1023px) {
    #defaultView {
        position: relative;
    }
}

.errorMessage.alertError {
    max-width: 500px;
    margin: auto;
    border: 1px solid #cc2908;
    margin-bottom: 20px;
}

.errorMessage.alertError > div {
    padding: 10px;
    text-align: left;
}

.errorMessage.alertError .msgAlert {
    font-size: 18px;
    font-size: 1.8rem;
}

#panelMap {
    position: relative;
}

.btnDirection {
    background: #fff;
    position: absolute;
    top: 20px;
    left: 103px;
    padding: 1px 8px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    cursor: pointer;
}

.btnDirection:hover, .btnDirection:focus {
    background: #ebebeb;
}

.itineraire {
    background: #fff;
    padding: 15px 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 300px;
    position: absolute;
    top: 52px;
    left: 10px;
}

@media (max-width: 365px) {
    .itineraire {
        width: 255px;
    }
}

.itineraire button, .itineraire span.picto {
    background: none;
    border: none;
    vertical-align: middle;
}

.divBtnClose {
    position: absolute;
    right: 5px;
    top: 5px;
}

.divBtnClose button {
    color: #c5cad1;
}

.padBot10 {
    padding-bottom: 10px;
}

.divBtnClose button {
    padding: 0;
}

.directionTravel {
    padding-left: 22px;
    padding-bottom: 10px;
}

.directionTravel button {
    color: #b2b3b3;
}
/* font size placeholder input */
::-webkit-input-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
}

:-moz-placeholder { /* Firefox 18- */
    font-size: 14px;
    font-size: 1.4rem;
}

::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px;
    font-size: 1.4rem;
}

:-ms-input-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
}
/**form home*/
.cta-geo {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 12;
    width: 30px;
    height: 30px;
    font-weight: normal;
    padding: 0;
}

.cta-geo:before {
    font-family: 'picto-font';
    content: "\e918";
}

.c-pop-flash-run {
    animation-name: k-pop-flash;
    animation-duration: 4000ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -moz-animation-name: k-pop-flash;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: k-pop-flash;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -ms-animation-name: k-pop-flash;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    -o-animation-name: k-pop-flash;
    -o-animation-duration: 4000ms;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.c-pop-flash-run-stop {
    animation-name: k-pop-flash-stop;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    -moz-animation-name: k-pop-flash-stop;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: k-pop-flash-stop;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -ms-animation-name: k-pop-flash-stop;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
    -o-animation-name: k-pop-flash-stop;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: 1;
    -o-animation-timing-function: linear;
}

.c-pop-flash {
    position: fixed;
    top: -200px;
    opacity: 0;
    left: 50%;
    margin: 0 0 0 -150px;
    width: 300px;
    border-radius: 3px;
    padding: 20px;
    color: #ffffff;
    z-index: 10000 !important;
    text-align: center;
}

.c-pop-flash.c-pop-flash-modal {
    z-index: 990002 !important;
}

@keyframes k-pop-flash-stop {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
        top: 280px;
    }
    13% {
        top: 265px;
    }
    16% {
        top: 275px;
    }
    20% {
        opacity: 1;
        top: 270px;
    }
    80% {
        opacity: 1;
        top: 270px;
    }
    100% {
        opacity: 1;
        top: 270px;
    }
}
@-webkit-keyframes k-pop-flash-stop { 
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
        top: 280px;
    }
    13% {
        top: 265px;
    }
    16% {
        top: 275px;
    }
    20% {
        opacity: 1;
        top: 270px;
    }
    80% {
        opacity: 1;
        top: 270px;
    }
    100% {
        opacity: 1;
        top: 270px;
    }
}
@keyframes k-pop-flash {
    0% {
        opacity: 0;
    }
    10%{
        opacity: 1;
        top: 280px;
    }
    13% {
        top: 265px;
    }
    16% {
        top: 275px;
    }
    20% {
        opacity: 1;
        top: 270px;
    }
    80% {
        opacity: 1;
        top: 270px;
    }
    100% {
        opacity: 0;
        top: -200px;    
    }
}
@-webkit-keyframes k-pop-flash {
    0% {
        opacity: 0;
    }
    10%{
        opacity: 1;
        top: 280px;
    }
    13% {
        top: 265px;
    }
    16% {
        top: 275px;
    }
    20% {
        opacity: 1;
        top: 270px;
    }
    80% {
        opacity: 1;
        top: 270px;
    }
    100% {
        opacity: 0;
        top: -200px;    
    }
}
div.reset-filters {
    top: 270px;
    opacity: 1;
}

a.reset-filters {
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 3px 7px;
    margin-top: 15px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

a.reset-filters:hover {
    background-color: #fff;
    color: #fe3700 !important;
}

/**loading**/
.c-loading {
    opacity: 1;
    position: fixed;
    text-align: center;
    width: 300px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -150px;
    background: #ffffff;
    z-index: 10000;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.waitDispos.c-loading {
    position: static;
    text-align: center;
    width: auto;
    height: 150px;
    margin: 0;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.loadingClass {
    text-align: center;
}

.c-loading p, .loadingClass p {
    margin-bottom: 0;
}

.c-loading > div {
    padding: 35px 0 0 0;
}
/***** c-loading-spin ***/
.c-loading .c-loading-spin, .loadingClass .c-loading-spin {
    margin-top: 20px;
}

.c-loading-payment {
    text-align: center;
    min-height: 100px;
    line-height: 100px;
}

.c-loading-spin > div {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    -mozt-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.c-loading-spin .c-one {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.c-loading-spin .c-two {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@keyframes bouncedelay { 
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform :scale(1);
    }
}
@-webkit-keyframes bouncedelay { 
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform :scale(1);
    }
}
/** mealplanList*/
.contentMoreOptions .mealplanType > label {
    vertical-align: top;
}

ul.mealplanList {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

ul.mealplanList li {
    cursor: pointer;
    list-style-type: none;
    padding: 0;
    float: left;
    width: 33.33%;
}

ul.mealplanList label {
    white-space: nowrap;
    color: #595959;
}

.mealplanList label[for="refundableCheck"] {
    border-radius: 2px;
}

@media (max-width: 740px) {
    .contentMoreOptions .mealplanType > label {
        vertical-align: middle;
    }
    ul.mealplanList {
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    ul.mealplanList li {
        cursor: pointer;
        list-style-type: none;
        padding: 0;
        float: left;
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .hotelDetailsPage .contentMoreOptions .mealplanList label {
        color: #595959;
        font-weight: normal;
    }
    .hotelDetailsPage ul.mealplanList {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
    .hotelDetailsPage ul.mealplanList li {
        cursor: pointer;
        list-style-type: none;
        padding: 0;
        float: none;
    }
}

.mealplanList > div {
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}

.refundableDiv:after {
    display: inline-block;
    content: "|";
    color: #696969;
    margin-left: 10px;
}

/** mes resas**/
.formResa, .formResaB2B .fieldsetForm {
    background: #f2f4f7;
    border-radius: 3px;
    padding: 16px;
}

.formSearchResa {
    margin-left: 0;
    margin-right: 0;
}

.formSearchResa button {
    width: 100%;
    height: 45px;
}

.cardHolderName {
    font-weight: bold;
}

.confirmMessageDiv {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #eee;
}

.resaPage .accord-row {
    padding: 15px;
}

.containerMenuStaff .resa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.resa > .picto {
    font-size: 2px;
    font-size: 2rem;
    vertical-align: middle;
}
.resa > .icon {
	vertical-align: middle;
}
.resaPage .picto {
    font-size: 2px;
    font-size: 2rem;
    vertical-align: middle;
    margin-right: 4px;
}

.resaPage .icon {
    vertical-align: middle;
    margin-right: 4px;
}

.resaPage .starGroup .picto {
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 0px;
    padding: 0;
}

.resa span.picto, .statusResa span.picto {
    font-size: 24px;
    margin: 0px;
}
.resa_confirm {
    color: #25c86a;
}

.resa_confirm .statutDossier {
    background: #22BE63;
}

.resa_confirm .numDossier a {
    color: #22BE63;
}

.resa_cancel {
    color: #595959;
}

.resa_cancel .statutDossier {
    background: #595959;
}

.resa_cancel .numDossier a {
    color: #595959;
}

.resa_error {
    color: #e30513;
}

.resa_error .statutDossier {
    background: #e30513;
}

.resa_error .numDossier a {
    color: #e30513;
}

.resa_awaiting {
    color: #E03400;
}

.resa_awaiting.statusInError {
    color: #595959;
}

.resa_awaiting .pictoform, .resa_awaiting .statutDossier {
    background: #E03400;
}

.resa_awaiting .numDossier a {
    color: #E03400;
}

.resa_option {
    color: #087FD2;
}

.resa_option .statutDossier, .paiementByOption .statutDossier {
    background: #087FD2;
}

.resa_option .numDossier a {
    color: #087FD2;
}

.resa_option_cancel {
    color: #595959;
}

.resa_option_cancel .statutDossier {
    background: #595959;
}

.resa_option_cancel a {
    color: #595959;
}

.resa_option_cancel span.picto-disc-option::before {
    color: #595959;
}

.numDossier a:hover, .numDossier a:focus {
    color: inherit;
}

.detailError {
    color: #e30513;
}

.detailError > * {
    vertical-align: middle;
    min-width: 50px;
}

.detailError span.picto {
    width: 30px;
    min-width: 30px;
}

.formResa .detailError {
    margin-top: 10px;
}

.nbResa .detailError {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
}

span.pictoform {
    height: 20px;
    width: 20px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 14px;
    font-size: 1.4rem;
}

span.pictoform span {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
}

.numDossier {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    margin: 0px 8px;
    cursor: pointer;
}

.statutDossier {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    padding: 0px 16px;
    color: #FFFFFF;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
}

.infoReservation {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 20px 0px -5px 0px;
}

.infoReservation > div {
    display: inline-block;
    padding: 0px 32px 5px 0px;
}

.infoReservation.d-flex > div {
    padding: 0px 0px 5px 0px;
}

.infoBookingOption {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 20px;
    text-align: justify;
}
.language-info .k-tooltip {
	right: auto;
	top: auto;
}
.blocAction {
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    margin: 20px 0px 0px;
}

h2.titleBloc {
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    margin: 0;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.tablePrix .priceTotalDossier {
    border-bottom: none;
}

.resaPage .pricesTotal {
    color: #22BE63;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 16px;
    font-weight: bold;
}

.resaPage .priceTotal span {
    color: #22BE63;
}

.resaPage .styleBlocPax {
    padding: 10px;
}

.contentCard {
    height: 40px !important;
    width: 40px !important;
    display: inline-block;
    vertical-align: top;
    color: #000;
    background: #f2f4f7;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 37px;
}

.contentCard span.picto {
    line-height: 41px;
    margin-right: 0;
    font-size: 26px;
    font-size: 2.6rem;
    color: #64686c;
}

.contentCard img {
    width: 26px;
}

.contentCard img.floa {
	width: 34px;
} 

.cellCard {
    width: 45px;
}

.modePayement > .displayTable > div:last-child {
    width: 100%;
    vertical-align: middle;
}
.resaPage .styleBlocPax .modePayement {
	   margin-top: 10px;
}
.resaPage .blocPaymentMode .styleBlocPax {
	   padding-top: 0px;
}
.mrgRight10 {
    margin-right: 10px;
}

.btnStyleResa {
    border: none;
    background: none;
}

.colorGris {
    color: #64686c;
}

.namePax {
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    font-weight: normal;
}

.paxResa {
    font-size: 12px;
    font-size: 1.2rem;
}

.pictoPaxResa {
    font-size: 20px;
    font-size: 2.0rem;
    color: #64686c;
}

.roomTypePaxResa > div {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    white-space: nowrap;
    display: inline-block;
}

.roomTypePaxResa > div:last-of-type {
    margin-bottom: 0px;
}

.padleftNo {
    padding-left: 0;
}

.resaPage .dispoMealPlanBook span {
    padding: 2px 3px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}

.contentBtn > div, .contentBtn > div a {
    color: #0D2239;
}

.blocAction a {
    cursor: pointer;
}

.blocAction a:hover, .blocAction a:focus, .blocAction button:hover,
.blocAction button:focus {
    color: #000;
}

.cellBtnFacture {
    display: inline;
    position: relative;
}

.spanDownloadVoucher, .spanDownloadCertificate {
    cursor: pointer;
}

@media (min-width: 640px) {
    .contentBtn > div {
        text-align: right;
    }
    #container.BookingSearchForm {
        margin-top: 20px;
    }
}

@media (max-width: 1023px) {
    .mrgBtmXs20 {
        margin-bottom: 20px;
    }
}

@media (max-width: 639px) {
    .mrgBtmXs15 {
        margin-bottom: 15px;
    }
    .mrgBtmXs5 {
        margin-bottom: 5px;
    }
    .mrgRight10 {
        margin-right: 20px;
    }
    #btnReturnB2B > button {
        padding-left: 0;
    }
}

#container.BookingSearchForm button {
    width: 100%;
}
/** print mes resas**/
.recapBooking .imgHotelPrint {
    display: none;
}
/***popin facture**/
.c-pop-List {
    display: none;
    position: absolute;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    z-index: -1;
    text-align: left;
    left: -25px;
    top: 31px;
    min-width: 290px;
}

@media (min-width: 640px) {
    .c-pop-List {
        left: -50px;
    }
}

.c-pop.c-pop-List {
    position: static;
    border-radius: 0;
    background-color: #ffffff;
    border: 0 none;
    box-shadow: none;
    text-align: left;
    left: auto;
    top: auto;
    min-width: auto;
    margin-top: 5px;
}

.c-pop-List.visible {
    display: block !important;
    visibility: visible;
    z-index: 6000 !important;
}

.c-pop-List > div {
    background: #ffffff;
    border-radius: 3px;
    z-index: 20;
    height: 100%;
    overflow: hidden;
}

.c-pop-List ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.c-pop-List li {
    border-bottom: 1px solid #c5cad1;
    padding: 10px 40px 10px 10px;
    font-weight: normal;
    color: #64686C;
    cursor: pointer;
    position: relative;
}

.c-pop-List li:last-child {
    border-bottom: none;
}

.c-pop-List li > span.picto {
    float: right;
}

.c-pop-List li a {
    text-decoration: none;
    color: #64686C;
}

.c-pop-List .c-pop-arr {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #ffffff;
    margin-left: -10px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
    z-index: -1;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.c-pop-List li a span.picto {
    position: absolute;
    right: 5px;
    bottom: 10px;
}

@media (min-width: 425px) {
    .c-pop-List {
        left: 0px;
    }
}

@media (min-width: 640px) {
    .c-pop-List {
        left: -100px;
    }
}
/** message alert redirection**/
.alertRedirect {
    padding: 5px 10px;
    background: #ebebeb;
    border-radius: 3px;
    color: #0D2239;
}

.cgvPaiement .alertRedirect .picto {
    color: #64686c;
    font-size: 30px;
    font-size: 3rem;
}

.contentlocker {
    vertical-align: middle;
    padding-right: 5px;
}

.labelAlert {
    font-weight: bold;
    color: #0D2239;
}

.divDisabled {
    width: 100%;
    height: 45px;
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: no-drop;
    z-index: 10;
}
/*************************************************/
.btnStyle3 {
    border-radius: 3px;
    border: 2px solid #060626;
    background: #ffffff;
    text-decoration: none;
    color: #060626;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    display: inline-block;
    padding: 7px 10px;
    cursor: pointer;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}

.btnStyle3:hover, .btnStyle3:focus {
    border: 2px solid #060626;
    background: #ffffff;
    color: #060626;
}

.c-parag {
    color: #64686C;
}

.c-parag em {
    padding: 0 0 0 10px;
    font-style: normal;
    color: #060626;
}

.titleInfo {
    width: 40%;
    display: inline-block;
}

@media (min-width: 640px) {
    .accord-row-agences .c-parag:last-child {
        border-left: 1px solid #e5e5e5;
        padding-left: 30px;
    }
    .labelCol {
        line-height: 46px;
        margin-bottom: 0;
    }
}

@media (min-width: 640px) and (max-width:737px) {
    .mealplanType .labelCol {
        line-height: normal;
    }
}

@media (max-width: 420px) {
    .titleInfo {
        width: auto;
    }
}

button[data-tip], .dataTip[data-tip] {
    position: relative;
    cursor: pointer;
}

.container-price .labelFarePerNight {
	cursor: default;
}

button[data-tip]:hover:after, button[data-tip]:focus:after, .dataTip[data-tip]:hover:after,
.dataTip[data-tip]:focus:after {
    content: attr(data-tip);
    position: absolute;
    padding: 8px;
    background-color: #0D2239;
    right: 0;
    top: calc(100% + 8px);
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    border-radius: 8px;
    color: #ffffff;
    z-index: 5000;
    text-align: left;
    white-space: pre;
    display: block;
    font-family: Arial, "sans-serif";
    line-height: normal;
}

span.picto-option.dataTip[data-tip]:hover:after, span.picto-option.dataTip[data-tip]:focus:after {
    top: -35px;
    right: -10px;
}

span.statutDossier.dataTip[data-tip]:hover::after, span.statutDossier.dataTip[data-tip]:focus::after {
    top: 120%;
    left: 110%;
    right: auto;
    white-space: normal;
}

.contentbtnMail button[data-tip]:hover:after, .contentbtnMail button[data-tip]:focus:after,
.contentbtnMail .dataTip[data-tip]:hover:after, .contentbtnMail .dataTip[data-tip]:focus:after {
    right: auto;
    left: 0;
}

@media all and (max-width: 480px) {
    span.picto-option.dataTip[data-tip]::after {
        width: 85vw;
        white-space: normal;
    }
    #resultListContainer-default .resultBlocInfo span.titleLocation {
        width: 170px;
        white-space: normal;
    }
    .detailsHotelBloc .resultBlocInfo span.titleLocation {
        width: 250px;
        white-space: normal;
    }
}

.reset-filters {
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 10px 7px;
    margin-top: 15px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    background: none;
}
/* ####################################################################################### */
/* ##### STYLE APPLIQUES POUR MASQUER LE BLOC RAYON + RETRAIT MARGIN BOTTOM MEALPLAN #### */
/* ##################################################################################### */
.contentMoreOptions .mealplanType {
    margin-bottom: 0;
}
/* ################################################################################# */
/* ####################### ELEMENTS SPECIFIQUES B2B AGENCES ############################ */
/* ################################################################################# */
/****B2B agences***/
.rayonSelect .customSelectInner, .hotelDetailsPage .rayonSelect .customSelectInner {
    width: 100% !important;
}

.rayonSelect select.customSelect, .rayonSelect .customSelect,
.hotelDetailsPage .rayonSelect select.customSelect, .hotelDetailsPage .rayonSelect .customSelect {
    width: 100% !important;
}

.rayonSelect div, .hotelDetailsPage .rayonSelect div {
    position: relative;
    display: block;
}

@media (max-width: 639px) {
    .rayonSelect, .centraleSelect {
        margin-top: 5px;
        margin-bottom: 10px;
    }
}

.selectCentrales {
    color: #060626;
    font-size: 13px;
    font-size: 1.3rem;
}
/**page pax**/
.inputMarge {
    width: 250px;
}

.detailTotal {
    color: #64686C;
    font-weight: normal;
}
/*** page search resa**/
.dossierBooking {
    position: relative;
    background: #FFFFFF;
    border-radius: 3px;
    padding-bottom: 1px;
}

.dossierBookingMain {
    padding: 15px;
}

.dossierBooking .resa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px;
    flex-wrap: wrap;
}
.dossierBooking .resa > * {
    margin-bottom: 5px;
}
.dossierBooking .blocDetailsRef {
    background: #FFFFFF;
    padding: 0px;
}

.dossierBooking .btnReduit button {
    background: #FFFFFF;
    white-space: nowrap;
}

.blocDetailsRef {
    padding: 15px 15px 15px 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.blocDetailsRef .form-group {
    margin-bottom: 0px;
}

.detailRef {
    color: #0D2239;
    border-top: 1px dotted #c1c1c1;
    padding-top: 15px;
    margin-top: 10px;
}

.detailRef > span {
    display: inline-block;
    margin: 0px 10px 10px 0px;
    white-space: nowrap;
    line-height: normal;
}

.detailSearch {
    margin-top: 5px;
}

.detailSearch > span {
	font-size: 14px;
	font-weight: 500;
    margin-right: 30px;
    white-space: nowrap;
}

.detailSearch > span .picto {
    font-size: 18px;
    margin: 0px 8px;
}
.detailSearch > span .icon {
	margin: 0 8px;
}
.typeSearch {
    font-weight: bold;
}

.Datebooking {
    color: #595959;
    margin-right: 0px !important;
    text-transform: lowercase;
}

.hotelBooking {
    vertical-align: middle;
    border-right: 3px solid #64686c;
    padding-right: 10px;
    color: #64686c;
    width: 30px;
}

.btnReduit {
    text-align: right;
    padding: 0 15px 15px 0;
}
.btnReduit svg{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 4px;
}

.btnReduit button, .toggleB2B button {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 0 none;
    text-align: left;
}

.btnReduit span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 5px;
}

.toggleB2B span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 5px;
    margin-left: 0px;
}

.formResaB2B {
    border-radius: 3px;
    background-color: #f2f4f7;
}

.formResaB2B .fieldsetForm .contentBtnFiltre {
    text-align: right;
    margin-bottom: 15px;
}

.fieldsetForm {
    padding: 20px 20px 0px 20px;
}

.toggleDetailForm {
    background-color: #dddddd;
    padding: 20px;
}

.toggleB2B {
    padding-left: 15px;
    text-align: left;
}

.toggleB2B button {
    width: auto;
    background-color: #ffffff;
}

#container .formResaB2B .blocDetailsRef {
    padding: 15px;
    background-color: #dddddd;
}

.priceDossier {
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    margin-left: 15px;
}

@media (max-width: 639px) {
    .blocDetailsRef {
        padding: 15px;
    }
    .blocDetailsRef .form-group:last-of-type {
        margin-bottom: 0px;
    }
    .detailSearch > span {
        display: block;
    }
    .detailSearch > span:last-child {
        margin-bottom: 0;
    }
    .detailRef > span {
        margin-bottom: 5px;
        display: block;
        white-space: normal;
    }
    .detailRef > span:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 1023px) {
    .blocDetailsRef .form-group {
        margin-bottom: 15px;
    }
}

.nbResa {
    background: #FFFFFF;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    margin: 15px 0px 15px 0px;
    padding: 15px 20px;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.nbResa .alert {
    margin: 0px;
}
.dateResa {
    position: relative;
}

.dateResa.dateGo, .dateResa.dateBack {
    padding-left: 7px;
    padding-right: 7px;
}

.dateResa input, .select-style select.searchDateResa {
    padding-left: 50px;
}

.dateResa label, .labelDateResa {
    width: 45px;
    height: 43px;
    line-height: 44px;
    text-align: left;
    padding-left: 5px;
    position: absolute;
    color: #fff;
    left: 8px;
    top: 1px;
    border-radius: 0 0 0 5px;
    color: #64686C;
    background: #f2f4f7;
    font-weight: normal;
    z-index: 2;
    text-transform: capitalize;
}

.labelDateResa {
    left: 1px;
}

.formResaSearch {
    padding: 0;
}

.formResaSearch > div, .formResaSearch > h2 {
    padding: 20px 20px 0 20px;
    margin-bottom: 0;
}

.formResaSearch > div.btnReduit {
    padding: 0 20px;
}

.formResaSearch .blocDetailsRef {
    background: #ddd;
    padding: 20px;
}

.formResaSearch select.customSelect {
    width: 100%;
}

.formResaSearch .btnReduit {
    text-align: left;
}

.formResaSearch .btnReduit button {
    width: auto;
}

/*** mes resas**/
.labelBlack {
    color: #0D2239;
}

.replace-resa {
    margin: 5px 0;
    padding: 2px 10px;
    font-size: 12px;
    background-color: #F0F0F0;
    border-radius: 15px;
    color: #0D2239;
}

.codeCarte {
    border-left: 1px solid #e5e5e5;
    padding-left: 5px;
}

.PerimSearch {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.codeSuppRond {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    float: right;
    line-height: 75px;
}

.codeSuppRond img {
    max-width: 74px;
}

.codeSuppDetail {
    float: right;
    margin-bottom: 10px;
}

.tableDetailBkg > div {
    vertical-align: middle;
}

.picto.picto-men, .picto.picto-women {
    font-size: 24px;
    font-size: 2.4rem;
}

.btnFicheHotel {
    width: 100%;
    display: block;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    bottom: 0;
}

.btnFicheHotel:hover, .btnFicheHotel:focus {
    color: #fff;
}

@media (min-width: 1024px) {
    .b2bAgencesDiv .GroupBtnB2b > div {
        border-top: 1px solid #e5e5e5;
    }
    .b2bAgencesDiv .GroupBtnB2b > div:FIRST-CHILD {
        border-top: 0 none;
    }
}

@media (min-width: 640px) and (max-width:1023px) {
    .b2bAgencesDiv .GroupBtnTabB2b > div {
        border-top: 1px solid #e5e5e5;
    }
}

.row.contentBtn {
    text-align: right;
}

.row.contentBtn > div {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding: 0;
}

@media (max-width: 639px) {
    .row.contentBtn {
        text-align: left;
    }
    .row.contentBtn > div {
        display: block;
        margin-left: 0px;
    }
}
/**page config agence**/
.accord-row-agences {
	background: #ffffff;
  	border-radius: 3px;
  	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  	        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
  	margin: 0 0 15px 0;
  	padding: 15px 20px 15px 20px;
}

.accord-row-agences h2.titleBloc {
    margin-top: 10px;
    color: #060626;
}

.accord-row .detailTitle {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0px;
    color: #595959;
}

.accord-row .anyNoteBloc {
    padding-top: 15px;
}

.styleBlocPax textarea {
    resize: none;
}

@media (max-width: 640px) {
    .anyNoteBloc > div:last-child {
        padding-top: 15px;
    }
    .styleBlocPax textarea {
        height: 135px;
    }
}

/** Pour les demandes specifiques **/
.specificRequests .col-xs-12 > ul {
    padding-left: 0;
    margin-bottom: 0;
}

.specificRequests .col-xs-12 > ul > li {
    display: inline-block;
    white-space: nowrap;
    padding-right: 15px;
    padding-top: 5px;
}

.specificRequests .col-xs-12 > ul > li label {
    margin-bottom: 0;
}

@media (max-width: 480px) {
    .specificRequests .col-xs-12 > ul > li {
        display: block;
    }
}

.modifInfoAgent {
	margin: 0;
	border: none;
	border-top: 1px dotted #e5e5e5;
}

.modifInfoAgent.newAgent {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-top: 10px;
}

.modifInfoAgent > .row {
    margin-bottom: 10px;
}
.modifInfoAgent label, .modifMargeFrais label, .container-tooltip  {
	font-weight: normal;
}
.modifInfoAgent h3, .modifMargeFrais h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #060626;
}

.modifInfoAgent > div, .modifInfoAgent > h3 {
    padding-left: 20px;
    padding-right: 20px;
}

.formModifInfoAgent {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0;
}

.societyDisabled {
    background-color: #f2f4f7;
    border: 1px solid #f2f4f7;
}

.blocinfoOption {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 0 none;
    width: auto;
    padding: 8px 15px;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ffffff;
    display: inline-block;
    width: 245px;
}

.blocinfoOption svg.icon {
    margin-right: 5px;
}

.userNameCell {
    padding: 15px 0 15px 20px;
}

.btnModifCell {
    padding-right: 20px;
}

.infoAgent {
    display: inline-block;
    vertical-align: middle;
}

.infoAgent span.userName {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 0 5px 0;
    color: #060626;
    border-right: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    text-transform: capitalize;
}

.infoAgent > span {
    display: inline-block;
    padding: 0 15px 0 0;
    color: #64686C;
    border-right: 1px solid #e5e5e5;
    margin-right: 13px;
}

.infoAgent > span.infoTel {
    margin-right: 0;
    border-right: none;
    padding: 0;
}

@media (max-width: 693px) {
    .infoAgent > span {
        display: block;
        border-right: none;
    }
}

.pictoUser {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 38px;
    border-radius: 50%;
    background-color: #f2f4f7;
    border: 1px solid #f2f4f7;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
}

.pictoUser svg.icon {
    vertical-align: middle;
}

.formModifInfoAgent > .displayTable:hover .infoAgent > span {
    color: #060626;
}

.accord-row-agences .btnStyle2 {
    border: 2px solid #060626;
    color: #060626;
    background: #fff;
    padding: 7px 10px;
}

.accord-row-agences .btnStyle2:hover, .accord-row-agences .btnStyle2:focus
{
    color: #fff !important;
}

.rowMargeFrais > div {
    width: 33.33%;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #c5cad1;
    padding: 8px 0;
    line-height: 35px;
}

.titleCell > div {
    padding: 0;
    font-weight: bold;
    color: #64686C;
}
.modifMargeFrais  >  h3 {
	margin-top: 0;
}
.container-tooltip {
	margin-bottom: 12px;
}

.modifMargeFrais label > b, .container-tooltip > b {
    color: #0D2239;
}

.accord-row-agences p {
    margin: 0;
    padding: 0 0 10px 0;
}
.accord-row-agences .alert p {
  	padding: 0;
}
.contbtnCol {
    text-align: right;
    position: absolute;
    right: 15px;
    bottom: 30px;
}

.btnAddAgentContent, .btnAddUserContent {
    margin-top: 10px;
}

.btnAddAgent {
    background: none;
    border: 0 none;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

svg.icon-pen {
	width: 20px;
	height: 20px;
}

.btnAddAgent .icon.icon-disc-add {
    vertical-align: middle;
    margin-right: 5px;
}

@media (max-width: 639px) {
    .accord-row-agences {
        padding: 5px 10px 10px 10px;
    }
    .userNameCell {
        padding: 10px 0;
    }
    .pictoUser, .btnModifCell {
        position: absolute;
        top: 10px;
    }
    .pictoUser {
        left: 5px;
        width: 35px;
        height: 35px;
        line-height: 28px;
    }
    .btnModifCell {
        right: 5px;
        padding-right: 0;
    }
    .infoAgent {
        padding: 0px 35px 0 52px;
    }
    .modifInfoAgent > div, .modifInfoAgent > h3 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .infoAgent span.userName {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .pictoUser svg.icon {
        width: 18px;
        height: 18px;
    }
    .pictoUser svg.icon-valise {
        width: 22px;
        height: 22px;
    }
    .infoAgent > span {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .imgSociety {
        margin-bottom: 10px;
    }
}

/** page login**/
.Formlogin {
    color: #000;
    border-radius: 3px;
    padding: 20px;
}

.forgottenPassLink button {
    border: 0 none;
    background: none;
    color: #0D2239;
    text-decoration: underline;
}

.linkBack {
    cursor: pointer;
}

.linkBack span.picto {
    font-size: 20px;
    font-size: 2rem;
    vertical-align: middle;
}

.hotelSearchPage .recapResa .linkBack {
    display: none;
    visibility: hidden;
}

.modal-header .picto.close {
    font-size: 16px;
    font-size: 1.6rem;
    color: #0D2239;
}

@media (min-width: 640px) {
    .contentFormlogin {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }
    .btnInscrit {
        position: absolute;
        bottom: 20px;
        right: 30px;
    }
    .Formlogin {
        background: rgba(255, 255, 255, 0.7);
        height: 285px;
    }
}

.Formlogin h2 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    font-weight: bold;
}

.Formlogin a, .Formlogin label {
    color: #0D2239;
    line-height: 22px;
    font-weight: normal;
}

.registrationMessage {
    border-top: 1px solid #0D2239;
    padding-top: 15px;
}

@media (max-width: 639px) {
    .containerloginform.container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    .Formlogin {
        background: #fff;
    }
    .btnInscrit button {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .accord-row-agences .btnStyle2 {
        padding: 5px;
    }
    .infoAgent > span {
        margin-right: 5px;
    }
    .infoAgent {
        padding: 0px 30px 0 45px;
    }
}

.centralList ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.centralList label, .hotelDetailsPage .contentMoreOptions .centralList label
{
    color: #595959;
    font-weight: normal;
}
/* ##################################### ELEMENTS SPECIFIQUES B2B MISTER ROOM ############################################ */
body.loginPage .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.contentFormPro {
    padding: 100px 10px 30px 10px;
    max-width: 980px;
    margin: auto;
    text-align: left;
}

.contentFormPro .errormessage {
    padding: 0 0 10px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 22px;
}

.contentFormPro .errormessage > p {
    color: #0D2239;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857143;
}

.title-form h1 {
    font-size: 40px;
    font-size: 4rem;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}

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

@media (max-width: 479px) {
    .title-form h1 {
        font-size: 30px;
        font-size: 3rem;
    }
    .contentFormPro {
        padding-top: 25px;
    }
}

@media (max-width: 360px) {
    .title-form h1 {
        font-size: 25px;
        font-size: 2.5rem;
    }
}

.contentFormPro h2 {
    padding: 0 0 16px 0;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    font-weight: bold;
}

.contentFormPro .text-inscrit ul {
    padding-left: 15px;
}

.form-col-a {
    width: 60%;
    padding: 0 15px 0 0;
    vertical-align: top;
}

.form-col-b {
    width: 40%;
    padding: 0 0 0 15px;
    vertical-align: top;
}

.contentFormPro .form-col-b #blocLogin .alert {
	margin: 0px 0 15px 0;
}

.form-transparent.connectBloc, .form-transparent.inscritBloc {
    padding-bottom: 70px;
}

@media (max-width: 639px) {
    .form-col-a {
        display: block;
        width: 100%;
        padding: 0;
    }
    .form-col-b {
        display: block;
        width: 100%;
        padding: 0;
        padding-top: 20px;
    }
    #blocInscrit h2 {
        display: block;
    }
    #registerBtn {
        width: 100%;
        position: relative;
        padding: 0px;
        display: block;
        bottom: 0px;
    }
    .form-transparent.inscritBloc {
        padding-bottom: 20px;
    }
}

@media (min-width: 1024px) {
    #registerBtn {
        right: 0px;
    }
}

.form-transparent {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 20px;
}

.text-inscrit > div {
    width: 50%;
    padding: 0 10px 0 0;
}

.position-btn {
    position: absolute;
    bottom: 20px;
    padding: 0 0 0 40px;
    margin: 0 0 0 -40px;
    width: 100%;
}

.text-inscrit .position-btn {
    width: 50%;
    padding: 0 20px 0 0;
    margin: 0;
}

#connectBloc .form-group, #forgetPassBloc .form-group {
    margin-bottom: 20px;
}

@media (min-width: 640px) and (max-width:1023px) {
    #registerBtn {
        padding: 0;
    }
    .text-inscrit > div {
        width: 100%;
        display: block;
        padding: 0;
    }
    .form-col-b {
        width: 45%;
    }
    .form-col-a {
        width: 55%;
    }
}

.savePassLink label.rememberCheck {
    font-weight: normal;
    padding-left: 30px;
}
/****fin B2B agences***/
/***search dossier**/
.btnExport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #207245;
    font-weight: bold;
    font-size: 14px;
    margin: 10px 10px 10px 0;
    cursor: pointer;
    text-transform: uppercase;
}

.btnExport:hover, .btnExport:focus {
    color: #207245;
}

.btnExport:hover .labelExport, .btnExport:focus .labelExport {
    text-decoration: underline;
}

.btnExport .picto {
    font-size: 30px;
    margin-right: 5px;
}

@media (min-width: 768px) {
    .nbResa {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .btnExport {
        margin: 0px 10px 0px 20px;
    }
}

/** css message mdp oublie SBT **/
#infoMdpSbt {
    color: #cc2908;
    font-weight: bold;
    display: block;
}
/** custom Select Box **/
.select-style {
    position: relative;
    padding: 0;
    margin: 0;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    height: 45px;
    color: #060626;
    line-height: 33px;
    background-color: #fff;
}

.select-style:after {
    font-family: 'picto-font';
    content: "\e916";
    color: #63676c;
    position: absolute;
    padding: 0 8px;
    height: 45px;
    line-height: 45px;
    right: 0;
    top: 0;
    font-size: 14px;
    font-size: 1.4rem;
    pointer-events: none;
}

.select-style:before {
    content: "";
    width: 32px;
    position: absolute;
    background: #fff;
    right: 0px;
    bottom: 0;
    pointer-events: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

select::-ms-expand {
    display: none;
}

.select-style select {
    padding: 5px 32px 5px 6px;
    width: 100%;
    height: 90%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    color: #060626;
}


.select-style.__has-error {
	border-color: #e30513 !important;
}

.select-style.__has-error select {
	color: #e30513 !important;
}

.select-style select:focus {
    outline: none;
}

.searchFormSelect select:focus {
    border-width: 1px;
    border-style: solid;
}

.searchFormSelect .select-style, #searchTypeZoneAeroport .searchFormSelect .select-style
{
    height: 96px;
}

.searchFormSelect .select-style:after {
    bottom: 1px;
    top: auto;
}

.searchFormSelect .select-style:before {
    right: 1px;
    bottom: 1px;
}

.formPayement .select-style select {
    padding: 6px 6px 6px 51px;
}

.formPayement .select-style .paymentTypeSelect {
    padding: 6px 6px 6px 12px;
}
/** Fin custom Select Box **/
.contentBtn {
    text-align: right;
}

.contentBtn button {
    padding: 0px;
}

.contentBtn > div {
    display: inline-block;
    margin-left: 20px;
}

.contentBtn button.fa-center {
    padding: 0px;
}

@media (max-width: 639px) {
    .contentBtn {
        text-align: left;
    }
    .contentBtn > div {
        display: block;
        border-bottom: 1px solid #e0e2e5;
        margin-left: 0px;
        padding: 10px 0px;
    }
    .contentBtn > div:last-child {
        border-bottom: none;
    }
}

.remarkBloc > div {
    margin-top: 10px;
}
/** Fin custom Select Box **/
ul.resaTypeList {
    margin: 0;
    padding: 0;
    overflow-y: auto;
    max-height: 300px;
}

ul.resaTypeList li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
    color: #64686C;
    padding: 10px 5px;
    cursor: pointer;
}

ul.resaTypeList li > .picto {
    color: #fff;
    color: transparent;
    font-size: 16px;
    font-size: 1.6rem;
    margin-right: 5px;
    vertical-align: middle;
}

ul.resaTypeList li:hover {
    background: #f2f4f7;
}

.popinSelect {
    position: absolute;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    text-align: left;
    min-width: 300px;
    top: 100%;
    right: 0px;
    z-index: 300;
}

.labelSelect {
    font-size: 14px;
    color: #999999;
}

.blockSelectSearch {
	 margin-bottom: 20px;
}
@media(min-width:640px){
	.blockSelectSearch {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	}
}

.blockSelectSearch h2 {
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    margin: 0px;
}
@media(max-width:639px){
	.blockSelectSearch h2 {
	    margin-bottom: 15px;
	}
}

.blockSelectSearch .btnformSelect {
    display: inline-block;
    width: auto;
    height: 35px;
    padding: 0px 30px 0px 10px;
    cursor: pointer;
}

.selectResa.btnformSelect:after {
    height: 35px;
    line-height: 35px;
}

.blockinfoSearch span.pictoInfo {
    color: #087FD2;
    font-size: 24px;
    font-size: 2.4rem;
    vertical-align: middle;
    margin-right: 4px;
}

.blockinfoSearch p {
    font-size: 12px;
    font-size: 1.2rem;
}

.blockinfoSearch {
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    .blockSelectSearch {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .blockSelectSearch h2 {
        margin-right: 20px;
    }
}

.selectCompactListTri li > button span {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}

.spanCountPerson {
    color: #aaa;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
}

@media (max-width: 639px) {
    .spanCountPerson {
        display: block;
        margin-top: 10px;
    }
}

.divAlertInfant {
    color: red;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
}

/** MESSAGE ERREUR PAIEMENT **/
.bigContentMessError {
    border: 1px solid #e5e5e5;
}

.contentMessError {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    border-radius: 3px;
    background-color: #ffffff;
}

.bigContentMessError .contentMessError {
    margin: 0;
    background-color: transparent;
}

.rectMessErrorPicto {
    display: table-cell;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 15px 10px 15px 10px;
    text-align: left;
    line-height: 18px;
}

.rectMessError {
    display: table-cell;
    vertical-align: middle;
    background-color: #E03400;
    width: 170px;
    border-radius: 3px 0 0 3px;
}

.contentMessError .rectMessError .picto-circle-info-plain:BEFORE {
    vertical-align: middle;
    color: #fff;
    font-size: 45px;
    font-size: 4.5rem;
}

.textMessError {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 15px 10px 15px 10px;
    text-align: left;
    line-height: 18px;
}

.textMessError p {
    margin-bottom: 0;
    cursor: default;
}

#explanMessErrorDiv p {
    cursor: default;
}

#explanMessErrorDiv strong {
    color: #0D2239;
}

.explanMessError {
    padding: 15px 10px 15px 0;
}

.explanMessError a {
    color: #0D2239;
    text-align: left;
}

.alert .explanMessError a {
    font-weight: normal;
}

@media (max-width: 639px) {
    .explanMessError a {
        white-space: nowrap;
        vertical-align: middle;
    }
}

.explanMessError a:HOVER, .explanMessError a:FOCUS {
    color: #0D2239;
    text-decoration: none;
}

.explanMessError button {
    padding: 5px;
    vertical-align: text-top;
    border: none;
    background: none;
}

.explanMessError button:ACTIVE {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.explanMessError .picto {
    color: #64686C;
}

/** permet d'afficher les etoiles **/
.togglerOnStars_1 span:nth-child(n+4):nth-child(-n+4) {
    display: inline-block !important;
}

.togglerOnStars_2 span:nth-child(n+3):nth-child(-n+4) {
    display: inline-block !important;
}

.togglerOnStars_3 span:nth-child(n+2):nth-child(-n+4) {
    display: inline-block !important;
}

.togglerOnStars_4 span:nth-child(n+1):nth-child(-n+4) {
    display: inline-block !important;
}

.togglerOnStars_5 span:nth-child(n+0):nth-child(-n+5) {
    display: inline-block !important;
}
/** Variante svg **/
.togglerOnStars_1 svg:nth-child(n+4):nth-child(-n+4) {
    display: inline-block !important;
}

.togglerOnStars_2 svg:nth-child(n+3):nth-child(-n+4) {
    display: inline-block !important;
}

.togglerOnStars_3 svg:nth-child(n+2):nth-child(-n+4) {
    display: inline-block !important;
}

.togglerOnStars_4 svg:nth-child(n+1):nth-child(-n+4) {
    display: inline-block !important;
}

.togglerOnStars_5 svg:nth-child(n+0):nth-child(-n+5) {
    display: inline-block !important;
}
/*** zoom carte **/
.container-map-controls {
    position: absolute;
    top: 16px;
    left: 16px;
    max-width: calc(100% - 88px);
    z-index: 1;
}

.btnSearchMap {
    background: none;
    color: #E03400;
    border: 0 none;
    margin: 2px 0px 5px 0px;
    display: none;
}

@media (min-width: 640px) {
    .contentFormHome .btnSearchMap, .hotelSearchPage .btnSearchMap {
        display: block;
    }
}

.btnSearchMap span.txtBtnSearchMap {
    margin-left: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 21px;
}

.btnSearchMap svg.icon {
    width: 21px;
    height: 21px;
    vertical-align: sub;
    color: #64686C;
    display: inline-block;
}

.btnSearchMap:hover span.txtBtnSearchMap, .btnSearchMap:focus span.txtBtnSearchMap
{
    text-decoration: none;
}

#resultMapContainer-default .mapDestinationContent {
    background-color: #ffffff;
}
#resultMapContainer-default .mapDestinationContent .modal-header {
	position: relative;
	padding: 16px 56px 16px 16px;
	border: none;
}

#resultMapContainer-default .mapDestinationContent .modal-header .kbtn.kbtn-primary.__square {
	display: flex;
	position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}
#resultMapContainer-default .localisationDiv {
	padding: 16px;
    margin-bottom: 0;
    color: #0D2239;
}
#resultMapContainer-default .localisationDiv .microlegend {
	color: #595959; 
}

.modal-dialog.mapDestinationContent {
    background-color: #ffffff;
    border-radius: 3px;
    border: 0 none;
    webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.mapDestinationContent > div {
    padding: 15px;
}

.mapDestinationContent .modal-header {
    position: static;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
}

#mapDestination .modal-header > button {
    display: inline-block;
}

.popinMapTitle {
    font-size: 24px;
    font-size: 2.4rem;
    color: #0D2239;
    display: inline-block;
}

.localisationDiv {
    color: #595959;
    margin-bottom: 15px;
}

.localisationDiv span.picto {
    color: #0D2239;
    font-size: 18px;
    font-size: 1.8rem;
    vertical-align: middle;
    margin-right: 2px;
}

.infoMap {
    font-size: 12px;
    font-size: 1.2rem;
    color: #595959;
    font-style: italic;
}

.mapDestinationDiv {
    height: 450px;
    background: #e5e5e5;
}

.localisationDiv .infos img {
    width: 25px;
    height: 25px;
    -webkit-user-select: none;
    vertical-align: middle;
    border: 0px;
    padding: 0px;
    margin: 0 2px 0 0;
    max-width: none;
}

.localisationDiv .infos .infoMapLabel {
    font-weight: bold;
    color: #E03400;
}
/**##########*WAIT*OGONE*#######**/
#ogone {
    width: 100%;
    margin: 0 auto;
    padding: 0 7px;
    max-width: 1024px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#ogone table {
    width: 100%;
}

#ogone .ncoltable1 {
    vertical-align: middle;
}

#ogone .imgTable {
    padding: 0 20%;
}

#ogone body > div {
    width: 100%;
    position: relative;
    border-radius: 3px;
    background-color: #fff;
}

#ogone font, #ogone td br {
    display: none;
}

#ogone h4 font {
    display: block;
}

#ogone form, #ogone p, #ogone #submit1, #ogone input[type="button"],
#ogone h4 {
    color: #595959;
    font-family: "Open sans", sans-serif;
    padding: 10px;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: left;
}

#ogone p, #ogone h4 font {
    color: #0D2239;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
}

#ogone .confirmPaid {
    text-transform: uppercase;
    position: absolute;
    top: 0;
    width: 100%;
}

#ogone #submit1, #ogone input[type="button"] {
    width: auto;
    background-color: #cccccc;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    padding: 1px 10px;
}

#ogone form p {
    margin-bottom: 0px;
}

#ogone section {
    padding-bottom: 15px;
    padding-left: 20px;
}

#ogone section tr {
    text-align: left;
}

#ogone .imgTable img {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

#ogone section * {
    color: #0D2239;
    font-family: "Open sans", sans-serif;
}

/**RESPONSIVE-##WAIT-OGONE##**/
@media (min-width: 480px) and (max-width: 639px) {
    #ogone .divAutoForm form {
        padding: 0 5%;
    }
}

@media (min-width: 640px) {
    #ogone .confirmPaid {
        text-align: left;
        position: static;
    }
    #ogone .imgTable, #ogone .divAutoForm {
        display: table-cell;
    }
    #ogone .imgTable {
        padding: 0 2%;
        width: 15%;
    }
    #ogone .imgTable img {
        margin-top: 20px;
    }
    #ogone .ncoltxtl {
        text-align: left;
        padding-left: 50px;
    }
}

@media (min-width: 768px) {
    #ogone {
        padding: 0 37px;
    }
    #ogone .ncoltxtl {
        text-align: left;
        padding-left: 50px;
    }
}

@media (min-width: 992px) {
    #ogone .imgTable {
        width: 40%;
    }
}
/* CSS POUR LE NUMERO APL INFO MODAL FOOTER */
.btnCallContent {
    position: relative;
    border: 2px solid #ECECEB;
    background-color: #fff;
    -webkit-box-shadow: inset 0px 1px 5px 0px #bebebe;
    -o-box-shadow: inset 0px 1px 5px 0px #bebebe;
    box-shadow: inset 0px 1px 5px 0px #bebebe;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#bebebe,
    Direction=134, Strength=5);
}

.btnCallContent > div {
    vertical-align: middle;
}

.btnCallInfoNum {
    position: relative;
    padding: 0;
    color: #970D6D;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
    width: 55%;
}

.btnCallInfoNum span {
    display: inline;
    line-height: normal;
}

.btnCallCaret {
    position: absolute;
    right: -13px;
    top: 31%;
    width: 0px;
    border: 6px solid transparent;
    border-left: 7px solid #fff;
    z-index: 1;
}

.btnCallInfoPrice {
    position: absolute;
    right: 5px;
    top: -2px;
    font-size: 9px;
    font-size: 0.9rem;
    text-align: left;
    padding: 3px 3px 3px 10px;
    color: #fff;
    background-color: #970D6D;
    font-weight: bold;
    width: 43%;
    border-top: 3px solid #c0559f;
}

.btnCallInfoPrice span {
    display: block;
}

@media (min-width: 941px) {
    #ModaB2C .btnCallContent, #ModaB2B .btnCallContent {
        display: table;
        width: 100%;
    }
    #ModaB2C .btnCallContent > div, #ModaB2B .btnCallContent > div {
        display: table-cell;
        width: auto;
    }
    #ModaB2C .btnCallInfoPrice, #ModaB2B .btnCallInfoPrice {
        white-space: nowrap;
        position: static;
    }
}

@media (max-width: 640px) {
    .btnCallInfoNum {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .contact-modal .btnCallContent {
        max-width: 60%;
        margin: auto;
        margin-bottom: 15px;
    }
}

@media (min-width: 320px) and (max-width:940px) {
    .contact-modal .btnCallInfoPrice {
        padding: 3px 3px 3px 30px;
        position: static;
        right: 0;
        top: 25px;
        width: 100%;
    }
    .contact-modal .btnCallInfoNum {
        width: 100%;
    }
    .contact-modal .btnCallCaret {
        left: 10px;
        top: 100%;
        width: 0px;
        border: 6px solid transparent;
        border-top: 7px solid #fff;
    }
}

/************************* STYLES MULTI-ReSA ********************************/
div.blocBookings {
    position: relative;
}

div.blocBookings > div {
    margin-bottom: 15px;
}

div.blocBookings > div:last-child {
    margin-bottom: 0px;
}

div.contextBar {
    position: fixed;
    bottom: -1px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color: #E03400;
    padding: 14.5px 0px 15.5px;
    text-align: right;
    z-index: 5;
    display: block;
}

div.contextBar.hooked {
    position: relative;
}

div.resaGroupe {
    border-radius: 3px;
    padding: 15px;
    background-color: #c1c1c1;
    position: relative;
}

.resaGroupe > .dossierBooking {
    margin-bottom: 15px;
}

.resaGroupe > .dossierBooking:last-child {
    margin-bottom: 0px;
}

.resaGroupe p {
    font-size: 20px;
    font-size: 2rem;
    color: #0D2239;
    font-weight: bold;
    text-align: left;
    margin-bottom: 15px;
}

div.contextBar > div {
    padding-right: 50px;
}

span.noActionMsg {
    margin-right: 30px;
    color: #FFFFFF;
}

div.contextBar button {
    background: none;
    border: none;
    color: #FFFFFF;
    padding: 0px;
    margin-right: 30px;
}

div.contextBar button > span {
    vertical-align: middle;
    color: #FFFFFF;
}

div.contextBar button:not(:last-child) > span::before {
    margin-right: 10px;
}

span.picto-cross {
    font-size: 16px;
    font-size: 1.6rem;
}

span.picto-add-booking, span.picto-add-booking::before, span.picto-replicate,
span.picto-replicate::before, span.picto-link, span.picto-link::before,
span.picto-dissociate, span.picto-dissociate::before {
    font-size: 20px;
    font-size: 2rem;
}

button.btnX {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 100%;
    margin: 0 !important;
}

button.btnX::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 50px;
    width: 1px;
    height: 30px;
    background-color: #FFFFFF;
    opacity: 0.6;
}

button.disabled {
    display: none;
}

div.checkBox {
    position: absolute;
    top: 5px;
    right: 0px;
}

div.checkBox label {
    display: inline;
    border: none;
}

div.resaGroupe > div.checkBox label::before {
    background-color: #F2F4F7;
}

button.showAllGroupResa {
    position: absolute;
    top: 9px;
    right: 8px;
    border: none;
    border-radius: 3px;
    padding: 2px 5px;
    background-color: #595959;
    color: #FFFFFF;
    font-size: 12px;
    font-size: 1.2rem;
}

.showAllGroupResa > span.picto {
    font-size: 16px;
    line-height: normal;
    vertical-align: sub;
    margin-left: 5px;
}

button.btnReturnList {
    background-color: #64686C;
    display: none;
}

.showBookingsPackage {
    display: none;
}

.hide-s {
    display: none;
}

.hide-l {
    display: inline;
}

@media (min-width: 768px) {
    .hide-s {
        display: inline;
        vertical-align: initial !important;
    }
    .hide-l {
        display: none;
    }
}

@media (min-width: 1024px) {
    div.contextBar > div {
        position: relative;
        max-width: 1024px;
        margin: 0 auto;
    }
    button.btnX::before {
        top: -4px;
    }
}
/* Ajouter une resa au dossier */
div.folderInfo {
    text-align: center;
    color: #FFFFFF;
    background-color: #595959;
    padding-top: 2px;
    margin-top: -2px;
    -webkit-box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.15), 0 4px 10px
    rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.15), 0 4px 10px
    rgba(0, 0, 0, 0.2);
}

div.folderInfo h2 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    padding: 7px 0px;
}

div.folderInfo h2 > span {
    margin-right: 10px;
    vertical-align: sub;
}

/* Modal Rattacher un dossier */
#rattacherUnDossier h2 {
    font-size: 1.6rem;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: bold;
    padding-left: 60px;
}

#rattacherUnDossier span {
    position: absolute;
    left: 15px;
    top: 20px;
}

#rattacherUnDossier span::before {
    font-size: 2.4rem !important;
    font-size: 24px !important;
}

#rattacherUnDossier p {
    color: #595959;
}

#rattacherUnDossier .backLink {
    text-align: right;
}

@media (min-width: 640px) {
    #rattacherUnDossier h2 {
        margin-bottom: 0px;
    }
    #rattacherUnDossier p {
        margin-bottom: 0px;
        padding-left: 60px;
    }
}

/* Page Dossier Resa */
div.folder-header {
    position: relative;
    background-color: #FFFFFF;
    padding: 15px;
    margin-bottom: 32px;
    border-radius: 3px;
    transition: transform 150ms linear;
}

div.folder-header.__fixed {
    position: fixed;
    top: 0px;
    left: 7px;
    right: 7px;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1140px - 14px);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(10px);
    z-index: 150;
}

div.folder-header h2 {
    font-size: 20px;
    margin: 0 0 20px 0;
    text-align: center;
}

div.folder-header h2 > .picto {
    margin-right: 10px !important;
}

@media (max-width: 979px) {
    div.folder-header div.containerMenuStaff {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 110;
    }
}

div.folderMain {
    background-color: #F2F4F7;
    border-radius: 3px;
    margin-bottom: 15px;
}

div.folderMain .alert--error {
	padding: 16px 16px 16px 56px;
    margin: 15px 0 15px 0;
    border: 0 none;
}
div.folderMain .alert--error::before {
	left: 16px;
	background: #fff url('/images/cross--error.svg') 50%/auto 40% no-repeat;
}

div.folderMain.active {
    border: 0px solid #fff;
}

div.folderMain > div:first-child, div.folderMain div.folderInside > div:nth-last-child(2)
{
    margin-bottom: 0px;
}

div.folderInside {
    display: none;
    padding: 0 15px;
}

button.btnExpandFolder {
    border: none;
    background: none;
    padding: 5px 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #595959;
    font-weight: bold;
}

button.btnExpandFolder > span , button.btnExpandFolder > svg{
    font-size: 10px !important;
    font-size: 1.0rem !important;
    margin-left: 4px;
    margin-right: 0px;
}

@media (min-width: 640px) {
    .resaGroupe p {
        text-align: center;
    }
}

@media (min-width: 980px) {
    div.folder-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: space-between;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    div.folder-header h2 {
        margin: 0px;
    }
    div.folder-header .blocAction {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}
/************************* STYLES OPTION ********************************/
div.pictoOption {
	cursor: pointer;
	padding-top: 0;
	position: relative;
	display: inline-block;
}

.pictoOption > button.dataTip {
    border: 0 none;
    background: none;
    color: #087FD2;
    padding: 0;
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
}

.tooltipBloc {
    position: absolute;
    padding: 8px;
    background-color: #0D2239;
    left: 0;
    top: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    border-radius: 8px;
    color: #ffffff;
    z-index: 5000;
    text-align: left;
    display: block;
    width: 310px;
    text-transform: none;
}

@media (max-width: 480px) {
    .tooltipBloc {
        width: 270px;
    }
}

.pictoOption .dataTip[data-tip]:hover:after, .pictoOption .dataTip[data-tip]:focus:after
{
    white-space: normal;
    width: 320px;
    right: auto;
    left: 0;
}

@media (max-width: 480px) {
    .pictoOption .dataTip[data-tip]:hover:after, .pictoOption .dataTip[data-tip]:focus:after
    {
        width: 280px;
    }
}

.pictoOption svg.icon-info {
    color: #087FD2;
}

.hotelDetailsPage .pictoOption svg.icon-info {
    color: #0D2239;
    vertical-align: bottom;
}

span.picto-option {
    font-size: 20px;
    font-size: 2rem;
    color: #087FD2;
    vertical-align: text-bottom;
}

.pictoOption span.picto-option {
    color: #fff;
}

div.paiementByOption span.statutDossier {
    font-size: 1.2rem;
    font-size: 12px;
}

div.descriptifPaiementOption {
    margin-top: 15px;
}

div.descriptifPaiementOption p, div.descriptifPaiementOption div {
    margin: 0;
    padding: 0 7px;
}

div.cellBtnOption > a {
    color: #087FD2;
}

.infoBookingOption p {
    margin: 0;
}

.confirmResaOption h2 {
    font-size: 1.6rem;
    font-size: 16px;
    margin: 0px 30px 10px 0px;
    line-height: 1.42857143;
}

.confirmResaOption .backLink {
    padding-right: 10px;
}

.confirmResaOption .btnConnex {
    margin-top: 15px;
}

.confirmResaOption .btnConnex > button {
    padding: 10px 0px;
}

.confirmResaOption .linkContent button:hover, .confirmResaOption .linkContent button:focus {
    color: #FFFFFF;
}

.confirmResaOption .modifPopinCloseBtn {
    font-size: 2.6rem;
    font-size: 26px;
    top: 0;
    right: 0;
    margin-right: 0;
}

.detailOptionBooking {
    margin: 20px 0;
}

.detailOptionBooking p {
    margin: 0;
}

.dossierBooking .statutDossier > .picto-circle-info-plain {
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    margin-left: 5px;
}

.dossierBooking .resa_option .statutDossier {
    position: static;
    cursor: help;
}

span.statutDossier.dataTip[data-tip]:hover::after, span.statutDossier.dataTip[data-tip]:focus::after
{
    top: 45px;
    left: 10px;
    width: 90%;
    white-space: normal;
}

@media all and (min-width: 640px) {
    .confirmResaOption .btnConnex > button {
        padding: 10px;
    }
    span.statutDossier.dataTip[data-tip]:hover::after, span.statutDossier.dataTip[data-tip]:focus::after
    {
        white-space: nowrap;
        width: auto;
    }
}
/************************* STYLES PROGRAMME FIDELITE AGENTS ********************************/
.reward-agent {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    cursor: help;
    z-index: 105;
    font: normal normal 14px/1 Quicksand, sans-serif;
    color: #0d2239;
}

.reward-agent > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reward-agent .ra-points {
    color: #c60d76;
}

.reward-agent img {
    height: 25px;
}

.reward-agent ~ .k-tooltip a {
    color: #fff;
    text-decoration: underline;
}

.reward-agent ~ .k-tooltip a:hover,
.reward-agent ~ .k-tooltip a:focus  {
    text-decoration: none;
}

.priceTotal ~ .priceDiff, .priceDetail ~ .priceDiff {
	margin-top: -8px;
	margin-bottom: 8px;
}

.priceDiff {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: right;
}

/* page detail */
.remarkBloc2 .priceDetail {
    vertical-align: bottom;
}

.remarkBloc2 {
    padding-top: 15px;
}
/************************* CSS BOOKING NON ANNULABLE ********************************/
#bookOfflineLink span {
    display: inline;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: bottom;
}

@media (max-width: 480px) {
    #bookOfflineLink span {
        display: none;
    }
}

@media (min-width: 640px) {
    #bookOffline .modal-dialog {
        width: 400px;
        margin: 100px auto;
    }
}

#bookOffline .modal-content {
    padding: 0;
}

#bookOffline h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
}

#bookOffline .modal-header .close {
    margin-right: 0;
    margin-top: 0;
}

#bookOffline .contentBookOffline {
    padding: 0 15px 15px 15px;
    color: #595959;
    font-weight: normal;
}

#bookOffline .contentBookOffline p {
    margin: 0;
}

#bookOffline .modal-footer {
    padding: 15px;
    background: #fcf8f8;
    border-top: 1px solid #fdd6c4;
}

#bookOffline .numBookOffline {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: normal;
    color: #696969;
    font-weight: bold;
}

.bookOfflineWait {
    display: block;
    padding: 10px 10px;
    font-size: inherit;
}

.bookOfflineWait:hover, .bookOfflineWait:active, .bookOfflineWait:focus
{
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 480px) {
    .bookOfflineWait .c-loading-spin > div {
        background-color: #fff;
        vertical-align: middle;
        width: 9px;
        height: 9px;
    }
}
.bookOfflineWait .c-loading-spin > div {
    background-color: #fff;
    vertical-align: middle;
    width: 12px;
    height: 12px;
}

/************************* LAST SEARCH HISTORY ********************************/
div.last-search-wrap {
    position: static;
    height: 34px;
}

div.last-search-wrap > div {
    position: absolute;
    right: 0px;
    padding-right: 7px;
    width: 200%;
    text-align: right;
}

button.last-search {
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    color: #0D2239;
    line-height: 21px;
    margin-top: 4px;
    text-decoration: none;
    background: none;
    border: 0 none;
}

button.last-search > svg {
    width: 21px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    margin-right: 5px;
    color: #64686c;
}

div.last-search {
    display: none;
}

div.last-search ul {
    float: right;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

div.last-search li {
    display: table;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px solid transparent;
    line-height: 16px;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.last-search li:LAST-OF-TYPE {
    margin-bottom: 7px;
}

div.last-search li:hover {
    border-bottom: 2px solid #0D2239;
}

div.last-search a {
    color: #0D2239;
    text-decoration: none;
}
/************************* PAIEMENT SUR PLACE ********************************/
.spotPayment > div {
    background-color: #FFFFFF;
    width: auto;
    padding: 3px;
    margin: 0 5px 0;
    vertical-align: middle;
    border-radius: 3px;
}

/* 320px bug paiement sur place */
@media (max-width: 330px) {
    .spotPayment > div {
        margin: 0 4px;
    }
    .resultBlocTab .spotPayment {
        padding-right: 0px;
    }
}

.spotPayment > div > div {
    display: inline-block;
}

.spotPayment img {
    height: 22px;
}

.spotPayment p {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 2px 4px;
    margin: 0px 0px 0px;
    vertical-align: middle;
}

.spotPaymentMsg p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    color: #060626;
}

.priceDetail p {
    font-weight: bold;
}

.paimentByCB .paiementBySpot {
    display: inline-block;
    margin-top: 0px;
}

#spotBlocContainer-default {
    margin-top: -10px;
    margin-bottom: 5px;
}

.blocSpot > div {
    padding: 8px 0px 8px 10px;
    border-radius: 3px;
}

#spotBlocContainer-default label[for="spotPayment"] {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0;
}

#spotBlocContainer-default label[for="spotPayment"]::before {
    top: 0px;
}

#spotBlocContainer-default label[for="spotPayment"]::after {
    top: -2px;
}

#formPayement .spotPaymentMsg {
    max-width: 500px;
    margin: 25px auto;
}

.btnSpotPayment {
    white-space: normal;
}

@media (min-width: 480px) {
    .spotPayment > div {
        display: inline-block;
    }
}

@media (min-width: 640px) {
    #mapResultDiv .spotPayment {
        position: static;
        text-align: right;
        height: 39px;
    }
    .spotPayment > div {
        display: table;
        -ms-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        margin: 0px;
    }
    #mapResultDiv .spotPayment > div {
        display: inline-block;
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        margin: 0 5px 0;
    }
    .spotPayment > div > div {
        display: table-cell;
        vertical-align: middle;
        -ms-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    #mapResultDiv .spotPayment > div > div {
        display: inline-block;
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    .spotPayment img {
        height: auto;
    }
    #mapResultDiv .spotPayment img {
        height: 22px;
    }
    .spotPayment p {
        display: table-cell;
        vertical-align: middle;
        padding: 0px 0px 0px 10px;
        -ms-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    .hotelSearchPage .spotPayment p {
        padding: 0px 0px 0px 5px;
        line-height: 11px;
        max-width: 145px;
        text-align: center;
    }
    #mapResultDiv .spotPayment p {
        display: inline-block;
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        padding: 2px 4px;
        max-width: none;
    }
    .spotPayment p > span {
        display: block;
    }
    #spotBlocContainer-default {
        margin-top: 20px;
        padding-left: 0px;
    }
    .blocSpot > div {
        display: table;
        width: 100%;
        height: 50px;
        padding: 5px 10px;
    }
    .blocSpot > div > div {
        display: table-cell;
        vertical-align: middle;
    }
}

@media (max-width: 385px) {
    .hotelSearchPage .spotPayment {
        height: 100%;
        padding-bottom: 5px !important;
    }
    .hotelSearchPage .spotPayment p {
        max-width: 220px;
        line-height: 12px;
    }
}

@media (min-width: 1024px) {
    .ninja {
        display: block;
        visibility: hidden;
    }
}

/************************* CSS CONTRAT DIRECT *************************/
/* page result list */
.addContratDirectTab {
    height: 63px;
}

.addContratDirectTab .displayTable {
    height: 63px;
}
/* page result map */
#mapResultDiv .resultBlocTab {
    height: 60px;
}
/* page detail et summary */
.roomChoice .contratDirect .resultBlocTab {
    height: 60px;
}

.hotelPriceTd .contratDirect {
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
    padding: 3px 0 3px 0;
}

.contratDirect img {
    text-align: center;
    margin-right: 0;
}

.contratDirect label {
    color: #ffffff;
    font-size: 10px;
    font-size: 1.0rem;
    position: relative;
    display: block;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: #666;
    margin-bottom: 0;
    font-weight: bold;
}

@media (max-width: 575px) {
    .contratDirect label {
        display: none;
    }
}
/* page pax */
.contDirectDisp {
    vertical-align: bottom;
}

.contDirectDisp .detailTotal {
    margin-bottom: 0;
}

.contratDirectPaxContent {
    vertical-align: bottom;
}

.contratDirectPax {
    display: inline-block;
}

.contratDirectPax img, .codeSuppDetail.contratDirect img {
    border-width: 1px 1px 0 1px;
    border-color: #666;
    border-style: solid;
}

.contratDirectPax label {
    color: #ffffff;
    font-size: 10px;
    font-size: 1.0rem;
    display: block;
    text-align: center;
    background-color: #666;
    margin-bottom: 0;
    font-weight: bold;
}

/************************* CSS EAN CHECKOUT *************************/
#cc-number, #cvv-number {
    height: 45px;
    padding-left: 50px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}

#cc-number iframe, #cvv-number iframe {
    height: 43px;
    font-family: arial, "sans-serif";
    border-radius: 3px;
}

#cc-number iframe {
    width: 100%;
}

#cvv-number iframe {
    width: calc(100% - 1px);
}
#cc-number:focus, #cvv-number:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
    rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
    rgba(234, 234, 234, 0.6);
}

#cc-number::-webkit-input-placeholder, #cvv-number::-webkit-input-placeholder, #cc-number:-moz-placeholder, 
#cvv-number:-moz-placeholder, #cc-number::-moz-placeholder, #cvv-number::-moz-placeholder,
 #cc-number:-ms-input-placeholder, #cvv-number:-ms-input-placeholder {
    color: #595959;
    font-size: 14px;
}
/* styles page liste utilisateurs*/
span.picto-eye {
    font-size: 20px;
    font-size: 2rem;
}

svg.icon-eye {
    width: 20px;
    height: 20px;
}

svg.icon-valise {
    width: 27px;
    height: 27px;
}

svg.icon-upload {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	line-height: 23px;
}


.userDisabled .icon.icon-adult, .societyDisabled .icon.icon-valise {
    color: #f85712;
}

.userActive .icon.icon-adult, .societyActive .icon.icon-valise {
    color: #24c468;
}

.infosEntreprise {
    margin-bottom: 5px;
}

.infosEntreprise > label {
    color: #64686C;
    font-weight: normal;
    width: 150px;
}

.infosEntreprise > label.titleInfo {
    width: 150px;
}

@media (min-width: 1024px) {
    .infosEntreprise > label.titleInfo {
        display: inline-block;
        white-space: nowrap;
    }
    .infosEntreprise input {
        display: inline-block;
        width: 68%;
    }
}

.imgSociety {
    text-align: center;
}

.imgSociety.bloc {
    border: 1px dashed rgb(6, 6, 38);
    text-align: center;
    line-height: 130px;
    height: 130px;	
}

.imgSociety img {
    max-width: 200px;
    max-height: 100px;
    border: 0 none;
}

.c-infos {
    padding-left: 10px;
}
/** style input file**/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile+label {
    border: 1px solid #777777;
    width: 100%;
    height: 35px;
    line-height: 32px;
    border-radius: 2px;
    position: relative;
    padding-left: 5px;
    font-size: 10px;
}

.inputfile+label span.btnUpload {
    font-weight: 700;
    color: #fff;
    background-color: #777777;
    display: inline-block;
    padding: 0 10px;
    border: 1px solid transparent;
    cursor: pointer;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    position: absolute;
    right: 0;
    top: 0;
}

.reqFieldInfo {
    text-align: right;
}

.reqFieldInfo span {
    color: #64686C;
    font-size: 11px;
    font-size: 1.1rem;
}

.labUpLoadLogo {
    margin-bottom: 0;
    display: block;
}

.upLoadLogoFormat {
    color: #64686C;
    font-size: 11px;
    font-size: 1.1rem;
}

@media (max-width: 639px) {
    .pageSocietyConfig .pictoUser {
        position: static;
        margin-right: 10px;
        margin-left: 5px;
    }
    .pageSocietyConfig .infoAgent {
        padding: 0;
    }
    .pageSocietyConfig .btnModifCell {
        position: static;
        padding-right: 5px;
    }
    .pageSocietyConfig .mrgRight10, .pageUserConfig .mrgRight10 {
        margin-right: 5px;
    }
}
/**********/
.txterrorMessage, .txtsuccessMessage {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 10px 0;
}

.txterrorMessage .pictoX, .txtsuccessMessage .picto {
    border-radius: 25px;
    color: #ffffff;
    display: inline-block;
    font-weight: 700;
    height: 25px;
    line-height: 26px;
    margin-right: 5px;
    text-align: center;
    width: 25px;
}

.txterrorMessage .pictoX {
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: baseline;
    background-color: #e30513;
    margin-top: 5px;
}

.txtsuccessMessage .picto {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: baseline;
    background-color: #22BE63;
}

.txtsuccessMessage,
.text-success {
    color: #22BE63;
}

.txterrorMessage,
.text-error {
    color: #e30513;
}
/************************* CSS B2Bill *************************/
.formPayement {
    position: relative;
}

.formPayement #hosted-fields-frame-card, .formPayement #hosted-fields-frame-cryptogram,
.formPayement #hosted-fields-frame-expiry {
    padding-right: 1px !important;
}

#card-container, #expiry-container, #cvv-container {
    display: inline-block;
    position: relative;
    height: 45px;
    padding-left: 50px;
    border: 1px solid #595959;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    border-radius: 3px;
    width: calc(100% - 1px);
}

#brand-container {
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: 10px;
    right: 2px;
    z-index: 1000;
}

#brand-container-new {
	width: 125px;
    height: 34px;
	margin: 8px 0 0 auto;
}

#brand-container-new.is-one {
	position: absolute;
	width: 60px;
	top: 5px;
	right: 10px;
	margin: 0;
}

@media (min-width: 768px) {
	#brand-container-new {
		position: absolute;
		top: 5px;
		right: 10px;
		margin: 0;
	}
}

#info-container {
    display: none !important;
}

.brandContainer {
    height: 45px;
}

#card-container iframe, #expiry-container iframe, #cvv-container iframe,
#brand-container iframe {
    border-radius: 3px;
}

#card-container:FOCUS, #expiry-container:FOCUS, #cvv-container:FOCUS,
#brand-container:focus {
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(234, 234, 234, 0.6);
}

div.center {
    text-align: center;
}

.txt-light {
    color: #c5cad1;
}

.txt-light > a {
    color: #0D2239;
    cursor: auto;
    text-decoration: underline;
}

/**** fin structure page en tableau ***/
/************************* fin style footer static ********************************/
/************************* style header login sbt *************************/
body.loginPage.sbtLogin #mf-hp-logo {
    display: none;
}

.booCdc {
    padding: 15px 0 0 0;
}

.linkSmile {
    display: none;
}

/************************* style recap flight *************************/
.basket h2,
.k-modal h2 {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
}
.flight-recap h3 {
	font-size: 20px;
	font-weight: 700;
}
.flight-recap .flight-recap-main > div:first-of-type {
	display: flex;
	flex-direction: column;
	justify-content: center;
    min-width: 90px;
	text-align: right;
	margin-left: 4px;
}
.flight-recap .container-border h4 {
	font-size: 18px;
}
.flight-recap img {
	width: 42px;
}
.flight-recap .flight-recap-time {
    display: flex;
    align-items: center;
}
.flight-recap .c-hour {
	text-align: center;
}
.flight-recap .time {
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.flight-recap .achem {
	vertical-align: middle;
	margin-right: 4px;
}
.flight-recap .c-dur {
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	position: relative;
}
.flight-recap .c-dur .pills {
	white-space: nowrap;
}
.flight-recap sup {
	position: absolute;
    top: -7px;
    right: 0px;
    font-size: 10px;
	color: #ff9e0d;
}
.flight-recap .arrow {
	position: absolute;
	left: 0;
	right: 10px;
	top: 20px;
}
.flight-recap .arrow-body {
	width: 100%;
	min-width: 100%;
	height: 1px;
	background-color: #0D2239;
}
.flight-recap #arrow-head {
	width: 10px;
	min-width: 10px;
}
.flight-recap [data-tip] {
    position: relative;
    cursor: help;
}
.flight-recap .badge-TO {
    position: absolute;
}
.flight-recap [data-tip]:hover::before {
    content: attr(data-tip);
    display: block;
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    white-space: nowrap;
    max-width: 300px;
    transform: translateX(-50%);
    z-index: 5000;
}
.flight-recap-detail {
    border-top: 1px dotted #c1c1c1;
    margin: 16px 16px 0 16px; 
}
.c-flight-detail-tab {
    padding: 16px 0 16px 16px;
}
.flight-recap-detail .c-date {
	color: #087FD2;
	text-transform: capitalize;
}
.flight-recap-detail .c-times {
	margin: 0 0 16px 20px;
    padding-left: 29px;
    border-left: 1px dotted #c1c1c1;
}
.flight-recap-detail .c-times .text-bold {
	position: relative;
}
.flight-recap-detail .c-times .text-bold sup {
	top: -4px;
}
.flight-recap-detail .c-stop {
    border-top: 1px dashed #e0e2e5;
    border-bottom: 1px dashed #e0e2e5;
    padding: 8px 0;
    margin: 8px 0 32px 0;
}
.container.basket .whole-block-action {
	display: none;
}
.container.basket .whole-block {
	display: block !important;
}

@media (min-width: 768px) {
	.flight-recap .flight-recap-time {
		width: 100%;
		max-width: 220px;
	}
	.flight-recap .flight-recap-main > div:first-of-type {
		min-width: 130px;
	}
	.flight-recap img ~ .microcopy {
		width: 90px;
	}
	.c-flight-detail-tab {
		padding-left: 150px;
	}
}

@media (min-width: 1024px) {
	.flight-recap .flight-recap-main > div:first-of-type {
		min-width: 170px;
	}
	.c-flight-detail-tab {
		padding-left: 190px;
	}
}

.badge-TO {
	position: absolute;
    top: 8px;
    left: -8px;
    width: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    border-radius: 0 4px 4px 0;
    font-weight: 700;
    color: #fff;
    background-color: #25c86a;
    z-index: 10;
}

.badge-TO::after {
	content: '';
    position: absolute;
    left: 0;
    bottom: -7px;
    border-style: solid;
    border-width: 8px 0 0 8px;
    border-color: #0a6432 transparent transparent transparent;
}

.badge-TO[data-tip]:hover::before {
	top: -8px;
	left: 0;
	transform: translateY(-100%);
	max-width: none;
}

.flight-recap .pills[data-tip]:hover::before {
	white-space: pre;
}
/* Luggage */
.flight-recap .cabin .pills,
.flight-recap .checked .pills,
.flight-recap .luggage .pills {
	background: #f1f2f6;
}

.flight-recap .cabin .pills.__OK,
.flight-recap .checked .pills.__OK, 
.flight-recap .luggage .pills.__OK {
	color: #25c86a;
}

.flight-recap .cabin .pills,
.flight-recap .checked .pills {
	width: 45px;
}
/* Luggage */

.modalConfirm {
    color: #E03400;
    font-weight: bold;
    background: 0 none;;
    text-transform: uppercase;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.msgAlertModif {
    color: #E03400;
    margin-top: 5px;
    margin-bottom: 0;
}

.noteImportant {
    font-size: 16px;
    font-size: 1.6rem;
    color: #E03400;
    font-weight: bold;
}

.hotelDetailsPage .msgAlertModif, .hotelDetailsPage .noteImportant {
    display: none;
}

/** styles bookmarks **/
.__tooltip:has(button.bookmarkButton:not(.bookmarkInHeader)) {
    position: absolute;
    z-index: 106;
    top: 8px;
    right: 8px;
}

.bookmarkButton ~ .k-tooltip a {
    color: #fff;
    text-decoration: underline;
}

.bookmarkButton ~ .k-tooltip a:hover,
.bookmarkButton ~ .k-tooltip a:focus  {
    text-decoration: none;
}
/* POUR FAV HOTEL PAGE DETAIL */
.detailsHotelBloc .contentFavBtn {
    vertical-align: middle;
    text-align: left;
    z-index: 102;
    float: left;
}

.contentFavBtn button.bookmarkButton {
    position: relative;
    outline: none;
    margin-left: 10px;
    top: -3px;
    left: 0;
}

@media (max-width: 639px) {
    .detailsHotelBloc .contentFavBtn {
        padding-top: 10px;
    }
    .contentFavBtn button.bookmarkButton {
        margin-left: 0px;
    }
}

.detailsHotelBloc .HeaderResultBloc h2 .contentInfoHtlDetail {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* FIN POUR FAV HOTEL PAGE DETAIL */

button.btnLinkStyle {
    background: none;
    border: none;
    padding: 0px;
    text-decoration: underline;
}

button.btnLinkStyle:hover, button.btnLinkStyle:focus {
    text-decoration: none;
}

.bookmarksPage h1 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

.bookmarksPage h2.bookmarkHeader {
    text-transform: uppercase;
}

.bookmarksPage h2.bookmarkHeader, .bookmarksPage h3.bookmarkHeader {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 0;
    padding: 14px;
    background: #fff;
    border-radius: 3px 3px 0 0;
}

.bookmarksPage h3.bookmarkHeader {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: normal;
    background: #f1f4f7;
    border-bottom: 1px solid #e2e5eb;
}

.bookmarksPage h3.bookmarkHeader span {
    font-weight: normal;
}

.folderContainerDiv {
    background: #f1f4f7;
    padding: 14px 14px 0;
}

.folderContainerDiv .input {
	margin-right: 48px;
}

.folderContainerDiv h3 {
    margin-top: 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
}

.folderContainerDiv .collapse {
    margin-bottom: 20px;
}

.folderContainerDiv .detailsHotelBloc > div {
    margin-bottom: 0;
}

.bookmarkTheme {
    font-size: 14px;
    font-size: 1.4rem;
}

.bookmarkTheme:first-letter {
    text-transform: capitalize;
}

@media (max-width: 639px) {
    .folderContainerDiv {
        background: #f1f4f7;
        padding: 14px 14px 0;
    }
}

.folder {
    background: #fff;
    margin-bottom: 14px;
    padding: 14px;
    width: 100%;
    text-align: left;
    position: relative;
    border: none;
    border-radius: 3px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    min-height: 80px;
}

.folder:hover, .folder:focus {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
    rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
    rgba(0, 0, 0, 0.12);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.folder h3 span {
    color: #ccc;
    vertical-align: text-bottom;
    margin-right: 3px;
}

.folder p {
    margin-bottom: 0;
}

.folder p.bookmarkTheme {
    min-height: 22px;
}

.folder .bookmarkFolderTotal {
    position: absolute;
    right: 14px;
    bottom: 14px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #aaa;
}

.folderContainerDiv .bookmarksList {
    background: #fff;
    padding: 10px;
    margin: 14px -14px 0 -14px;
    position: relative;
    padding-bottom: 0;
    text-align: left;
}

.folderContainerDiv .bookmarksList:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: transparent transparent #ffffff transparent;
    top: -14px;
    z-index: 1;
}

.bookmarksList.left:after, .bookmarksList.center:after, .bookmarksList.right:after
{
    left: 48%;
}

@media (min-width: 1024px) {
    .bookmarksList.left:after {
        left: 15%;
    }
    .bookmarksList.center:after {
        left: 48%;
    }
    .bookmarksList.right:after {
        left: 80%;
    }
}

.contextMenu {
    position: absolute;
    right: 14px;
    top: 14px;
}

.contextMenuBtn {
    background: none;
    border: none;
    padding: 0;
    z-index: 101;
    position: relative;
}

.contextMenuBtn:hover .picto, .contextMenuBtn:focus .picto {
    color: #aaa;
}

.bookmarksHotels .bookmarkInfos {
    margin-top: 0;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 14px;
}

.bookmarkInfos .noteSpan {
    padding-right: 5px;
}

.bookmarksList h3, .bookmarksHotels .bookmarkTheme {
    display: inline-block;
    margin-right: 5px;
}

#bookmarkInfosEdit {
    display: none;
}

#bookmarkInfosEdit.visible {
    display: block;
}

.bookmarksHotels .bookmarkBlocImg {
    height: 136px;
    width: 136px;
}

.bookmarksHotels .bookmarkBlocImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bookmarksHotels .bookmarkHotelGlobalInfosBloc {
    height: 135px;
    position: relative;
    padding: 5px;
    vertical-align: top;
}

.bookmarksList .HeaderBookmarkBloc h4 {
    vertical-align: middle;
    font-weight: 700;
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
    z-index: 102;
}

.bookmarksList .dropdown-menu {
    right: 0;
    left: auto;
}

.bookmarkCard {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    position: relative;
    background: #fff;
}

.bookmarkCard .blocNoteContent {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
}

.bookmarkCard .blocNoteContent .contentNoteResult {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: baseline;
    position: static;
    padding: 5px;
}

.bookmarkCard .container_traveler_note {
    text-align: right;
    width: 100%;
}

.bookmarkCard .blocNoteContent .contentNoteResult .travelerNote {
    margin-bottom: 0;
    padding-left: 5px;
}

.bookmarkCard .blocPreviewTripAdvisor img {
    margin-left: 0;
}

.bookmarkCard .adviceNumber, .bookmarkCard .blocPreviewTripAdvisor span:first-child {
    text-align: left;
}

@media (min-width: 1024px) {
    .bookmarkCard .blocNoteContent .contentNoteResult {
        flex-direction: row;
        align-items: flex-end;
        padding-left: 5px;
    }
    .bookmarkCard .blocNoteContent .travelerNote {
        padding-left: 15px;
    }
    .bookmarkCard .blocNoteContent, .bookmarkCard .blocNoteContent .travelerNote > span
    {
        width: 100%;
    }
}

.bookmarkCard .contextMenu {
    right: 5px;
    top: 5px;
}

.contextMenuBtn .picto {
    color: #595959;
}

.bookmarkCard .contextMenuBtn .picto {
    font-size: 22px;
    font-size: 2.2rem;
}

.bookmarksDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    height: 50px;
    background: #fcf8f8;
}

.bookmarksDetail > div {
    height: 100%;
    color: #aaaaaa;
    font-size: 11px;
    font-size: 1.1rem;
    vertical-align: middle;
}

.msgNoFavoris {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px 10px 25px 10px;
}

.hotelsNombre {
    width: 20%;
    text-align: center;
    background: #ffffff;
    padding-top: 20px;
}

.detailDossier {
    width: 79%;
    text-align: right;
    padding: 5px 20px 5px 0;
    position: relative;
}

.detailDossier:after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-left: 45px solid transparent;
    position: absolute;
    left: -45px;
    top: 0;
}

@media (max-width: 639px) {
    .bookmarksDetail {
        height: 60px;
    }
    .hotelsNombre {
        width: 30%;
        text-align: left;
        padding-left: 10px;
    }
    .detailDossier {
        width: 68%;
        padding-right: 10px;
    }
    .detailDossier:after {
        border-left: 35px solid transparent;
        left: -35px;
    }
}

.margBott20 {
    margin-bottom: 20px;
}

.previewLink a {
    text-decoration: underline;
}

.textDelete {
    display: inline-block;
    line-height: 20px;
    margin: 0px 0px 10px;
    padding: 0px;
    padding-right: 30px;
    color: #000;
    border: 0 none;
    font-size: 14px;
    font-size: 1.4rem;
}

.dropdown-menu {
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.16);
}

.dropdown-menu.selectCompactListTri {
    padding: 0;
    margin: 0;
    border-radius: 0;
    z-index: 1000;
}

.dropdown-menu.selectCompactListTri li button, .dropdown-menu.selectCompactListTri li a {
    text-align: center;
}

.popover {
    border-radius: 0;
    background-color: #ffffff;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.16);
    border: none;
    border-top: 1px solid #E03400;
}

.popover.top {
    margin-top: 15px;
    margin-right: 15px;
}

.popover p {
    color: #595959;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.txtAlignLeft {
    text-align: left;
}

.txtAlignRight {
    text-align: right;
}

.popover .arrow {
    display: none;
}

.containerAgent {
    background: #ffffff;
    padding: 15px;
    border-radius: 3px;
    margin-top: 14px;
}

.containerAgent h5 {
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
}

.bookmarksAgence {
    padding-bottom: 14px;
    color: #000000;
}

.bookmarksAgence > div > div {
    margin-bottom: 5px;
}

.infosAgenceBookmarks > span {
    white-space: nowrap;
}

.infosAgenceBookmarks > span:FIRST-CHILD {
    margin-right: 20px;
}

.themeTitle {
    color: #000000;
    font-size: 18px;
    font-size: 1.8rem;
    margin-left: 10px;
}

.bookmarksList .resultBlocInfo button {
    display: inline-block;
}

.bookmarksPageClient .folderContainerDiv .bookmarksList {
    -webkit-box-shadow: 0 0 0 0 #ffffff;
    box-shadow: 0 0 0 0 #ffffff;
    padding-bottom: 14px;
}

#waitBookmarks .waitDispos.c-loading {
    height: auto;
    border: 0 none;
}

#waitBookmarks .c-loading > div {
    padding: 15px 0 15px 0;
}

#descriptionBloc .HeaderResultBloc {
    display: none;
    padding: 0;
}

#bookmarkFolderMenu.selectCompactListTri li button, #bookmarkFolderMenu.selectCompactListTri li a
{
    padding: 0 5px;
}
/** fin styles bookmarks **/
/*** type d'hebergement***/
.propertyClass {
    position: absolute;
    z-index: 103;
    bottom: 10px;
    left: 10px;
    padding: 1px 5px;
    color: #fff;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 0 none;
    background: #293847;
    font-weight: 600;
}

.propertyClass:first-letter {
    text-transform: uppercase;
}

.detailsHotelBloc .infoHotelName {
    overflow: hidden;
}

@media (min-width: 640px) {
    .detailsHotelBloc .infoHotelName {
        padding-left: 0px;
    }
}

.cssClassReturnButton {
    margin-bottom: 0 !important;
}

.HeaderResultBloc .propertyClass {
    position: relative;
    margin-top: 10px;
    font-weight: normal;
    padding: 3px 5px;
    border-radius: 3px;
    top: 0;
    width: auto;
}

button.propertyClass[data-tip]:hover:after, button.propertyClass[data-tip]:focus:after {
    left: 0;
    top: 25px;
    text-transform: none;
    right: auto;
    font-size: 12px;
    font-size: 1.2rem;
}

.TripNote {
    color: #00af87;
    font-size: 16px;
    font-weight: bold;
}

/**** styles group resquest ***/

/* MODAL grpRequest et mrPackage */
#grpRequest .modal-content .modal-header, #mrPackage .modal-content .modal-header {
    text-align: center;
    position: static;
    padding: 15px
}

#grpRequest .mailPopH2, #mrPackage .mailPopH2 {
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0px 0px 10px;
    padding: 0px;
    color: #000;
    border: 0 none;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

#grpRequest .modal-header .close, #mrPackage .modal-header .close {
    margin-right: 0;
    margin-top: 0;
}

#grpRequest .modal-body, #mrPackage .modal-body {
    padding: 15px;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #e5e5e5;
    text-align: justify;
}

#grpRequest .modal-body h2:first-child, #mrPackage .modal-body h2:first-child
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 0;
}

#grpRequest .modal-body ol > li, #mrPackage .modal-body ol > li {
    margin-bottom: 15px;
}

.groupRequestsInfosDiv {
    line-height: 22px;
}

.groupRequestsInfosDiv h1 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 40px;
    margin-bottom: 20px;
}

.groupRequestsInfosDiv h1:first-child {
    margin-top: 0;
}

.groupRequestsInfosDiv h1:first-child span {
    font-size: 16px;
    font-size: 1.6rem;
}

.groupRequestsInfosDiv h2 {
    font-size: 20px;
    font-size: 2rem;
}

.groupRequestsInfosDiv strong {
    text-decoration: underline;
}

.contentHeader {
    z-index: 1005;
}

.modal-open .contentHeader {
	z-index: 1006;
}

@media (min-width: 640px) {
    .WaitBase {
        z-index: 1002;
    }
    .WaitBase .contentHeader {
        display: none;
    }
}
/**B2B**/
@media (max-width: 639px) {
    .contentBtnForm {
        text-align: right;
    }
    .contentBtnForm.displayTable > div {
        display: block;
    }
    .contentBtnOption {
        margin-bottom: 10px;
    }
}

.BookingOptionBtn {
    text-decoration: none;
    background: none;
    border: 0 none;
    font-size: 13px;
    font-size: 1.3rem;
    color: #087FD2;
    line-height: 21px;
    text-align: left;
}
/* segmentGds b2b */
.segmentGdsModal h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: 10px;
    margin-bottom: 10px;
}

.segmentGdsModal .modifPopinCloseBtn {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0;
    right: 0;
}

.segmentGdsModal p {
    margin-bottom: 20px;
}

.infosGDS h4 {
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
}

.infosGDS ul {
    padding: 0 0 5px 0;
    list-style: none;
}

.infosGDS ul li {
    margin: 3px 0;
}

.gds-code {
    margin-bottom: 10px;
}
/********** Agent staff **********/
#agentStaff {
    position: fixed;
    bottom: 10px;
    z-index: 500;
    left: 50%;
    transform: translateX(-50%);
}

.agentStaffContainer {
    background: #fff;
    border: 1px solid #E03400;
    border-radius: 100px;
    padding: 2px 0px 2px 3px;
}

.agentStaffContainer > .picto {
    color: #E03400;
    font-size: 30px;
}
/***** FIN agent staff *****/
.copyEmails .popin_erreur {
    top: 45px;
}

.copyEmails .form-control-feedback {
    top: 13px;
    right: 2px;
}

.copyEmails > .inputEmails {
    margin-top: 15px;
    position: relative;
}

.copyEmails > .inputEmails:FIRST-CHILD {
    margin-top: 0;
}
/*** smile angels ***/
#smile-angels img {
    height: 50px;
}
#smile-angels a {
    text-decoration: underline;
}
#smile-angels a:hover, #smile-angels a:focus {
    text-decoration: none;
}

@media (min-width: 768px) {
    #smile-angels input {
        min-width: 300px;
    }
}
/*** Fin smile angels ***/

ul.disclaimerList {
    padding-left: 35px;
}

ul.disclaimerList li {
    list-style-type: none;
	padding: 7px 20px;
}

ul.disclaimerList svg.icon{
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 15px;
    float: left;
    margin-top: 4px;
}

@media (max-width: 639px) {
    ul.disclaimerList {
        padding-left: 10px;
    }
}

ul.info-list > li {
    margin-bottom: 5px;
    margin-left: 10px;
}

/*** wait anim V1**/
.bar {
    width: 100%;
    height: 60px;
    position: relative;
    background: #0D2239;
    overflow: hidden;
}

.percentage {
    position: relative;
    background: #E03400;
    height: 60px;
}

.has-tip:before, .has-tip:after {
    content: '';
    position: absolute;
    opacity: 0;
}

.has-tip.active:before {
    opacity: 1;
}

.has-tip:after {
    font-family: 'picto-font';
    content: "\e95b";
    font-size: 60px;
    font-size: 6rem;
    color: #FFFFFF;
    top: -97px;
    right: 0;
    transform: translateX(50%) translateY(100%);
    transition: transform 0.25s, opacity 0.1s;
}

.has-tip.active:after {
    opacity: 1;
    transform: translateX(50%) translateY(100%);
}

.c-bg-ffffff {
    background: #ffffff;
}

.c-chip-blank {
    border-radius: 100px;
    padding: 24px 16px;
    background-color: #fff;
    color: #0D2239;
    font-size: 22px;
    font-weight: 500;
}

.c-chip-blank strong {
    color: #E03400;
}

.c-content-infos {
    padding: 24px 16px;
    text-align: center;
}

.c-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.c-md-3, .c-xs-4 {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.c-md-3 {
    flex: 0 0 20%;
    max-width: 20%;
}

.titleInfoWait {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
}

.c-pub svg {
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #595959;
    display: block;
    margin: 0 auto 15px;
}

.b2bWait .c-pub svg {
    width: 50px;
    height: 50px;
}

.panier .c-pub svg {
    width: 60px;
    height: 60px;
}

.c-pub p {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    display: inline-block;
    max-width: 170px;
    color: #0D2239;
}

@media (max-width: 640px) {
    .c-chip-blank {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .titleInfoWait {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .c-pub svg {
        width: 45px;
        height: 45px;
        line-height: 40px;
    }
    .c-pub p {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .bar {
        height: 40px;
    }
    .percentage {
        height: 40px;
    }
    .has-tip:after {
        font-size: 40px;
        font-size: 4rem;
        top: -65px;
        right: 0;
    }
    .c-xs-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .b2bWait .c-pub svg {
        width: 35px;
        height: 35px;
    }
    .b2bWait .c-pub .icon-bookmark {
        width: 40px;
        height: 40px;
    }
}
.smallselect {
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    line-height: 20px;
    text-align: left;
    position: relative;
    font-size: 14px;
    padding: 3px 30px 3px 10px;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    z-index: 1001;
    /* permet de passer au dessus du blocTransparent pour rester cliquable */
}

.smallselect:focus, .smallselect:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
    rgba(234, 234, 234, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
    rgba(234, 234, 234, 0.6);
}

.smallselect:after {
    font-family: 'picto-font';
    content: "\e916";
    color: #ffffff;
    position: absolute;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    right: 0;
    top: 0;
    font-size: 12px;
}
/*** stafff***/
/** combobox**/
.custom-combobox {
    position: relative;
    display: block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    width: 46px;
    height: 44px;
    right: 0;
    top: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.custom-combobox-toggle:after {
    font-family: 'picto-font';
    content: "\e916";
    color: #595959;
    position: absolute;
    padding: 0 16px;
    height: 45px;
    line-height: 45px;
    right: 0;
    top: 0;
    font-size: 14px;
    font-size: 1.4rem;
    pointer-events: none;
}

.custom-combobox-input {
    font-family: 'Open Sans', sans-serif;
    padding: 5px 46px 5px 16px;
    border: 1px solid #595959;
    border-radius: 8px;
    height: 45px;
    color: #060626;
    line-height: 33px;
    background-color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    width: 100%;
    outline: none;
}

.custom-combobox-input.ui-state-default:HOVER {
    background: #ffffff;
}

.instanceList.ui-autocomplete {
    max-height: 300px;
    overflow-y: scroll;
}
/** notes internes **/
.internalNoteContainer .titelContent {
    display: block;
}

textarea.styleBlocPax {
    width: 100%;
    height: 150px;
    max-width: 100%;
    margin-top: 0px;
    padding: 5px 8px;
}
.internalNote {
    border-top: 1px solid #e0e5eb;
    padding: 15px 0px;
}

.agentName {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #0D2239;
}

.dateNote {
    color: #595959;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    font-weight: bold;
}

.txtNote {
    margin-top: 10px;
    margin-bottom: 0;
}
.infoNote {
    font-weight: bold;
    margin: 0;
    color: #595959;
}

#jq_ez_bg {
    display: none;
}

.payByXX {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

.rates_excluding {
	border-radius: 8px;
	background: #fff;
	border: 1px solid #C1C1C1;
	font-size: 14px;
    font-weight: 400;
	color: #0D2239;
}
.rate_exclud {
    vertical-align: top;
	padding: 4px 10px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid #C1C1C1;
	font-size: 12px;
    font-weight: 400;
	color: #0D2239;
}
.priceTotal .rate_exclud span {
	margin-left: 5px;
	color: #0D2239;
}
.rates_excluding img {
	width: 26px;
    height: 26px;
}
.rate_exclud svg {
	width: 16px;
    height: 16px;
}
.rate_exclud img {
	width: 16px;
    height: 16px;
}
@media (max-width: 639px) {
    .formcompact .dateGo {
        padding-left: 0;
    }
    .formcompact .dateBack {
        padding-right: 0;
    }
    .formcompact .modifFormPaxField label {
        display: none;
    }
    .formcompact .modifFormCityField label {
        display: none;
    }
    .formcompact #paxBtn, .formcompact #name0 {
        height: 50px;
        padding: 6px;
    }
    .formcompact .labelStart, .formcompact .labelEnd {
        padding-left: 0 !important;
        text-align: center !important;
    }
    .formcompact .contentForm .dateGo .picto-calendar, .formcompact .contentForm .dateBack .picto-calendar
    {
        padding: 0;
        margin: 0;
    }
    .formcompact #startDateIcon {
        top: 50%;
        transform: translateY(-50%);
    }
    .formcompact #startDate, #endDate {
        border-radius: 3px !important;
    }
}
.formcompact .dateGo input {
    top: 1px;
}

.formcompact .modifFormDetail .dateGo, .formcompact .modifFormDetail .dateBack
{
    top: -1px;
}

.formcompact #searchFormLight .modifFormDetail .dateBack input:focus+label,
.formcompact #searchFormLight .dateGo input:focus+label, .formcompact #searchFormLight .dateBack input:focus+label
{
    color: #fff;
    background: #293847;
}

/* Ui Datepicker position */
.formcompact .dateBack label {
    height: 48px !important;
}

.formcompact .dateBack #ui-datepicker-div {
    top: 49px !important;
}

@media (max-width: 639px) {
    .formcompact .dateBack #ui-datepicker-div {
        top: 49px !important;
    }
    .formcompact #endDate {
        margin-top: 1px;
    }
}

@media (min-width: 640px) {
    .formcompact .dateGo, .formcompact .dateBack {
        padding-left: 0;
    }
    .formcompact #searchFormLight #endDate {
        margin-top: -1px;
    }
    .formcompact .dateBack input {
        height: 50px !important;
    }
}

@media (max-width: 1024px) {
    .contentFormModif .dateBack label {
        height: 46px !important;
    }
    .contentFormModif .dateBack input {
        height: 50px !important;
    }
}

@media (max-width: 1023px) {
    .formcompact .dateBack input {
        height: 48px !important;
    }
    .formcompact .dateBack label {
        height: 46px !important;
    }
}

@media (max-width: 639px) {
    .formcompact .dateBack label {
        height: 46px !important;
    }
    .contentFormModif .dateBack input {
        height: 48px !important;
    }
}

/* Paiement 4x */
.payByXX {
    display: flex;
    justify-content: center;
    color: #0D2239;
}

.payByXX .payez {
    margin-left: 10px;
    margin-right: 10px;
    align-self: center;
}

/* Btn filtre desktop */
.bookingPaxPage .dateGo #ui-datepicker-div, .bookingPaxPage .dateBack #ui-datepicker-div, .bookingConfirmPage .dateGo #ui-datepicker-div, .bookingConfirmPage .dateBack #ui-datepicker-div
{
    left: unset !important;
    right: 0 !important;
}

.bookingPaxPage .dateGo label, .bookingPaxPage .dateGo label, .bookingConfirmPage .dateGo label, .bookingConfirmPage .dateGo label {
    top: 1px !important;
}

.bookingPaxPage #endDate, .bookingConfirmPage #endDate {
    margin-top: -1px;
}
.datepickerContainer .cal {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 4;
    font-size: 21px;
    font-size: 2.1rem;
}
@media (min-width: 640px) {
    .datepickerContainer .cal {
        position: absolute;
        right: 12px;
        top: 13px;
        z-index: 4;
    }
}

#countryCodeList {
    width: calc(100% - 14px) !important;
}

.searchFormSelect .select-style {
    height: 45px;
}

#searchTypeZoneAeroport .searchFormSelect .select-style {
    height: 96px;
}

@media (min-width: 640px) {
    .searchFormSelect .select-style {
        height: 96px;
    }
}

@media (max-width: 639px) {
    .formcompact .dateGo, #modifForm .dateGo {
        padding-left: 0;
    }
    .formcompact .dateBack, #modifForm .dateBack {
        padding-right: 0;
    }
}

.totalNights {
    display: none !important;
}

@media (min-width: 1024px) {
    .totalNights {
        display: block !important;
        text-align: right;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media (max-width: 1024px) {
    #modifSearchBloc .dateBack label {
        height: 48px !important;
    }
}

.modifFormCityField input, .modifFormPaxField input, .aeroportZoneField select
{
    padding: 6px 6px 3px;
    height: 45px;
    border-radius: 3px;
}

@media (min-width: 640px) {
    .modifFormCityField input, .modifFormPaxField input, .aeroportZoneField select
    {
        padding: 50px 6px 3px;
        height: 97px;
        border-radius: 3px;
    }
}

/* Positionnement DatePicker propre, tout est en !important pour surcharger jQuery UI */

/* Ici pour le reste */
.dateGo #ui-datepicker-div {
    left: 0px !important;
    right: unset !important;
}

.dateBack #ui-datepicker-div {
    right: 0px !important;
    left: unset !important;
}

@media (min-width: 640px) {
    .dateGo #ui-datepicker-div, .dateBack #ui-datepicker-div {
        right: 0px !important;
        left: unset !important;
    }
    .pageMesResas .dateBack #ui-datepicker-div {
        left: 0px !important;
        right: unset !important;
    }
}

@media (min-width: 1024px) {
    .dateGo #ui-datepicker-div, .dateBack #ui-datepicker-div {
        right: unset !important;
        left: 0px !important;
    }
    .pageMesResas .dateGo #ui-datepicker-div, .pageMesResas .dateBack #ui-datepicker-div {
        left: unset !important;
        right: 0 !important;
    }
}

/* Enlever "soit x nuit" */
.hotelDetailsPage .totalNights span {
    display: none;
}

@media (max-width: 639px) {
    .mar-8 {
        margin-bottom: 8px;
    }
    .hotelSearchPage .mar-8, .hotelDetailsPage .mar-8 {
        margin-bottom: 0px;
    }
}
/* Ici pour locatif (rentalForm) */
.rentalForm .dateGo #ui-datepicker-div {
    left: 0px !important;
    right: unset !important;
}

.rentalForm .dateBack #ui-datepicker-div {
    right: 0px !important;
    left: unset !important;
}
@media (min-width: 640px) {
    .rentalForm .dateGo #ui-datepicker-div, .rentalForm .dateBack #ui-datepicker-div
    {
        right: unset !important;
        left: 0px !important;
    }
}

/* Hauteur/largeur des inputs du form */
.hotelSearchPage #modifSearchBloc .rentalForm .dateGo label {
    top: 1px !important;
}

@media (max-width: 1023px) {
    .hotelDetailsPage #modifSearchBloc .rentalForm .dateBack label {
        height: 48px !important;
    }
}

#modifSearchForm .rentalForm .dateGo label {
    top: 1px;
}

@media (min-width: 1024px) {
    .hotelDetailsPage #modifSearchBloc .rentalForm .dateBack,
    .hotelDetailsPage #modifSearchBloc .rentalForm .dateGo {
        padding-left: 0px;
    }
}

/* Label qui depasse sur bordure corrige */
@media (max-width: 639px) {
    .hotelDetailsPage #modifSearchBloc .rentalForm .dateBack label {
        height: 46px !important;
    }
}

/* Bordures des inputs */
@media (min-width: 640px) {
    .hotelSearchPage .rentalForm .dateBack input, .hotelDetailsPage .rentalForm .dateBack input
    {
        margin-top: -1px;
    }
}

@media (max-width: 1023px) {
    .hotelDetailsPage #modifSearchBloc .rentalForm .dateGo label {
        top: 1px;
    }
}
/* Coller sur le cete les inputs du form */
.hotelDetailsPage .rentalForm .dateGo, .hotelDetailsPage .rentalForm .dateBack
{
    padding-left: 0px;
}

/*** actionHistoryList ***/
.actionHistoryList {
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e5eb;
    padding-bottom: 15px;
}
.actionHistoryList .picto {
    font-size: 30px;
    font-size: 3rem;
}

.actionHistoryList .resa_statutCode {
    margin-left: 5px;
}

.seeMoreAction {
    padding: 5px;
}

.seeMoreAction a {
    text-decoration: underline;
}

.seeMoreAction a:hover, .seeMoreAction a:focus {
    text-decoration: none;
}
/* IE10+ specific styles pour corriger l'overlapping sur le footer */
@media screen and (-ms-high-contrast: active) , screen and
(-ms-high-contrast: none) {
    .contentContainer {
        flex-shrink: 0;
    }
}

.mealplanList .row div {
    margin-top: 5px;
}

@media (max-width: 1023px) {
    .totalNights {
        display: none;
    }
}

/* Captcha mail */
@media (max-width: 350px) {
    .modal-content .g-recaptcha {
        transform: scale(0.89);
        -webkit-transform: scale(0.89);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
/* style Alert corona */
.alertMsgInfo {
    text-align: center;
    position: relative;
}

.alertMsgInfo p {
    font-size: 16px;
    padding: 11px;
    margin: 0;
}

.alertMsgInfo a, .alertMsgInfo a:hover, .alertMsgInfo a:focus {
    color: #fff;
}

.alertMsgInfo a {
    text-decoration: underline;
}

.alertMsgInfo a:hover, .alertMsgInfo a:focus {
    text-decoration: none;
}
/*** staff**/
.noStyleRadio input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

.noStyleRadio label {
    width: 50px;
}

/* bloc corona */
.home-info-message {
    display: none;
}
.content-info {
    padding: 15px 0px;
    margin: 0px 10px 15px 10px;
    font-size: 14px;
    background-color: #F2E3DE;
    border-left: 2px solid #E03400;
    color: #E03400;
}

.content-info > div {
    display: block;
    padding-left: 20px;
}

.content-info > div:first-of-type {
    font-weight: bold;
}

.content-info > div:last-of-type {
    display: block;
}

.content-info > div > span {
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 5px;
    line-height: 22px;
}

.content-info p {
    margin-bottom: 0px;
}
.content-info a {
    white-space: nowrap;
    font-weight: normal;
    text-decoration: underline;
}
.content-info .picto {
    color: #E03400;
    font-size: 20px;
}
.resaPage .content-info {
    margin: 15px 0px 0px;
}
.incident-form textarea {
    display: block;
}
.incident-recap {
    border-top: 1px solid #F1F1F1;
    margin-top: 15px;
    padding-top: 15px;
}

.info-date {
    display: block;
    font-size: 10px;
    color: #595959;
}

.incident-recap label {
    line-height: normal;
}

.incident-recap p {
    margin: 5px 0px 0px;
}

/*** refonte cdiscount**/
.sticky-links {
    position: relative;
    margin: 0 -16px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.sticky-links.__alt {
    border-radius: 8px;
}
.sticky-links.__sticky {
    position: fixed;
    width: 100%;
    left: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    z-index: 1001;
}
.scroll {
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
}
.links-Container li {
	position: relative;
    height: 40px;
}
.links-Container li::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	border-radius: 8px;
}
.links-Container a {
    font-size: 14px;
    font-weight: bold;
    color: inherit;
    padding: 0 16px;
}
.links-Container li.active a {
    color: #293847;
}
@media (min-width: 1024px) {
	.sticky-links.__sticky .scroll {
		max-width: 1140px;
		margin: 0 auto;
	}
	.links-Container li {
	    height: 48px;
	}
	.links-Container li::after {
		height: 8px;
	}
}
.pictoPaxResaAdult, .pictoPaxResaChild {
    display: inline-block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    background: #0D2239;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
    position: relative;
}
.pictoPaxResaAdult .picto, .pictoPaxResaChild .picto {
    margin-right: 0;
}
.pictoPaxResaAdult .picto {
    font-size: 30px;
    font-size: 3rem;
    position: absolute;
    left: -3px;
    bottom: -3px;
}

.pictoPaxResaChild .picto {
    font-size: 22px;
    font-size: 2.2rem;
}

@media (max-width: 768px) {
    .hotelDetailsPage #modifSearchForm {
        padding: 0;
        padding-bottom: 15px;
    }
    .modifSearchBloc {
        padding: 0;
    }
}
 .fade-left, .fade-right {
    display: none;
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    pointer-events: none;
}

.fade-left.visible {
    display: block;
    left: 0;
}

.fade-right.visible {
    display: block;
    right: 0;
}  
.white-bg {
    height: 100%;
    padding: 0;
    text-shadow: 0 1px 2px rgba(0, 11, 38, 0.8), 0 1px 2px rgba(0, 11, 38, 0);
}

.fade-left .white-bg {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.fade-right .white-bg {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

/*** style infoBulle google map**/
.clusterGmaps > div, .infoGmaps {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: normal !important;
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    width: auto !important;
    cursor: pointer;
    font-family: inherit !important;
}
.clusterGmaps > div:after, .infoGmaps:after,
.clusterGmaps > div:before, .infoGmaps:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
}
.clusterGmaps > div:after, 
.infoGmaps::after,
.clusterGmaps > div:before,
.infoGmaps::before
{
	transform: translate(-50%, -50%);
}
.clusterGmaps.__good > div::before, 
.clusterGmaps.__excellent > div::before, 
.clusterGmaps.__medium > div::before, 
.clusterGmaps.__weak > div::before {
    bottom: -2px;
    width: 7px;
    height: 7px;
    transform: translateX(-50%) rotate(45deg);
    z-index: 1;    
}
.clusterGmaps.__excellent > div:hover::before,
.clusterGmaps.__good > div:hover::before,
.clusterGmaps.__medium > div:hover::before,
.clusterGmaps.__weak > div:hover::before {
	background-color: #FFF;
    border-color: #FFF;
}
.clusterGmaps > div:after, .infoGmaps:after {
	border-color: #ffffff transparent transparent transparent;
}
.infoGmaps:after {
	bottom: -6px;
}
.clusterGmaps > div:after {
	bottom: -2px;
}
.infoGmaps:before {
	bottom: -7px;
}
.clusterGmaps > div:before, .infoGmaps:before {
    border-color: #dddddd transparent transparent transparent;
}
.clusterGmaps > div::after {
    z-index : -1;
}
.clusterGmaps > div::after {
 	transform: translate(-50%,-50%) rotate(45deg);
}
.clusterGmaps > div::before {
    bottom: -4px;
    width: 10px;
    height: 10px;
    transform: translateX(-45%) rotate(45deg);
    z-index: 1;    
}
.clusterGmaps > div > span {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    font-family: inherit;
    white-space: nowrap;
}
.clusterGmaps img {
    display: none;
}
.clusterGmaps:hover > div::before {
	background-color: #FFF;
	border-color: #FFF;
	bottom: -3px;
}
.infoGmaps:hover::after, 
.infoGmaps:hover::after {
	border-top-color: #fff;
}
.clusterGmaps.__excellent > div > span > div > svg,
.clusterGmaps.__good > div > span > div > svg,
.clusterGmaps.__medium > div > span > div > svg,
.clusterGmaps.__weak > div > span > div > svg {
    display: inline!important;
}
.gm-style {
	font-family: inherit;
}
.gm-style .gm-style-iw-t::after {
    height: 5px;
    width: 5px;
}
.clusterGmaps.__excellent > div,
.infoGmaps.__excellent {
	background: #62d389;
}
.clusterGmaps.__excellent > div {
    box-shadow: 0 0 0 0.5px rgba(37, 200, 106, 1),
				0 0 0 4px rgba(37, 200, 106, 0.5),
				0 0 0 7.5px rgba(37, 200, 106, 0.25);
}
.clusterGmaps.__excellent > div::before {
    background: #62d389;
    border-color: #62d389;
}
.clusterGmaps.__excellent > div::after,
.infoGmaps.__excellent::after {
	border-top-color: #62d389;
}
.clusterGmaps.__excellent > div::after {
	box-shadow: 0 0 0 0.5px rgba(37, 200, 106, 1),
				0 0 0 4px rgba(37, 200, 106, 0.5),
				0 0 0 7.5px rgba(37, 200, 106, 0.25);
	z-index: -1;
}
.clusterGmaps.__excellent > div::after,
.infoGmaps.__excellent::after {
    border-top-color: #62d389;
}
.clusterGmaps.__good > div,
.infoGmaps.__good {
    background: #b5eac4;
}
.clusterGmaps.__good > div {
    box-shadow: 0 0 0 0.5px rgba(37, 200, 106, 1),
				0 0 0 4px rgba(37, 200, 106, 0.5),
				0 0 0 7.5px rgba(37, 200, 106, 0.25);
}
.clusterGmaps.__good > div::before {
    background: #b5eac4;
    border-color: #b5eac4;   
}
.clusterGmaps.__good > div::after,
.infoGmaps.__good::after {
	border-top-color: #b5eac4;
}
.clusterGmaps.__good > div::after {
	box-shadow: 0 0 0 0.5px rgba(37, 200, 106, 1), 
				0 0 0 4px rgba(37, 200, 106, 0.5), 
				0 0 0 7.5px rgba(37, 200, 106, 0.25);
	z-index: -1;
}
.clusterGmaps.__good > div::after,
.clusterGmaps.__good:hover > div::before,
.clusterGmaps.__excellent > div::after,
.clusterGmaps.__excellent:hover > div::before,
.clusterGmaps.__medium > div::after,
.clusterGmaps.__medium:hover > div::before,
.clusterGmaps.__weak > div::after,
.clusterGmaps.__weak:hover > div::before{    
  	transform: translateX(-50%) rotate(45deg);
}
.clusterGmaps.__good > div::after,
.infoGmaps.__good::after,
.clusterGmaps.__good:hover > div::before,
.infoGmaps.__good:hover::before {
    border-top-color: #b5eac4;
 }
.clusterGmaps.__excellent > div,
.infoGmaps.__excellent,
.clusterGmaps.__good > div,
.infoGmaps.__good {
    border: 1px solid #25c86a;
}
.infoGmaps.__excellent::before, 
 .infoGmaps.__good::before {
  border-top-color: #25c86a;
}
.clusterGmaps.__excellent:hover > div > span,
.infoGmaps.__excellent:hover,
.clusterGmaps.__good:hover > div > span,
.infoGmaps.__good:hover {
    color: #25c86a;
}
.clusterGmaps.__good:hover > div,
.infoGmaps.__good:hover {
    border-color: #b5eac4;
}
.infoGmaps.__medium::before {
  border-top-color: #ffbb0d;
}
.clusterGmaps.__medium > div,
.infoGmaps.__medium {
    background: #ffe8b8;
    border: 1px solid #ffbb0d;
}
.clusterGmaps.__medium > div {
    box-shadow: 0 0 0 0.5px rgba(255, 187, 13, 1),
				0 0 0 4px rgba(255, 187, 13, 0.5),
				0 0 0 7.5px rgba(255, 187, 13, 0.25);
}
.clusterGmaps.__medium > div::before {
    background: #ffe8b8;
    border-color: #ffe8b8; 
}
.clusterGmaps.__medium > div::after,
.infoGmaps.__medium::after {
	border-top-color: #ffe8b8;
}
.clusterGmaps.__medium > div::after {
	box-shadow: 0 0 0 0.5px rgba(255, 187, 13, 1), 
				0 0 0 4px rgba(255, 187, 13, 0.5), 
				0 0 0 7.5px rgba(37, 200, 106, 0.25);
	z-index: -1;
}
.infoGmaps.__weak::before {
  border-top-color: #ff760d;
}
.clusterGmaps.__medium > div::before {
    border-top-color: #ffe8b8;
}
.clusterGmaps.__medium > div::after,
.infoGmaps.__medium::after {
    border-top-color: #ffe8b8;
}
.clusterGmaps.__medium:hover > div,
.infoGmaps.__medium:hover {
    border-color: #ffe8b8;
}
.clusterGmaps.__medium:hover > div > span,
.infoGmaps.__medium:hover {
    color: #ffbb0d;
}
.clusterGmaps.__medium:hover > div::before {
    border-top-color: #FFF;
}	
.clusterGmaps.__weak > div,
.infoGmaps.__weak {
	background: #ffd0b4;
	border: 1px solid #ff760d;
}
.clusterGmaps.__weak > div {
    box-shadow: 0 0 0 0.5px rgba(255, 118, 13, 1),
				0 0 0 4px rgba(255, 118, 13, 0.5),
				0 0 0 7.5px rgba(255, 118, 13, 0.25);
}
.clusterGmaps.__weak > div::before {
    background: #ffd0b4;
    border-color: #ffd0b4;   
}
.clusterGmaps.__weak > div::after{
	z-index: -1;
	border-top-color: #ffd0b4;
}
.clusterGmaps.__weak > div::after {
	box-shadow: 0 0 0 0.5px rgba(255, 118, 13, 1),
				0 0 0 4px rgba(255, 118, 13, 0.5),
				0 0 0 7.5px rgba(255, 118, 13, 0.25);
}
.clusterGmaps.__weak > div::before {
    border-top-color: #ffd0b4;
}
.clusterGmaps.__weak > div::after,
.infoGmaps.__weak::after {
    border-top-color: #ffd0b4;
}
.clusterGmaps.__weak:hover > div,
.infoGmaps.__weak:hover {
   border-color: #ffd0b4;
}
.clusterGmaps.__weak:hover > div > span,
.infoGmaps.__weak:hover {
   color: #ff760d;
}
.clusterGmaps.__weak:hover > div::before {
    border-top-color: #FFF;
}
.infoGmaps.__excellent,
.infoGmaps.__good,
.infoGmaps.__medium,
.infoGmaps.__weak,
.clusterGmaps.__excellent > div > span,
.clusterGmaps.__good > div > span,
.clusterGmaps.__medium > div > span,
.clusterGmaps.__weak > div > span {
    color: #0D2239;
}
.infoGmaps:hover,
.infoGmaps.__excellent:hover,
.infoGmaps.__good:hover,
.infoGmaps.__medium:hover,
.infoGmaps.__weak:hover,
.clusterGmaps:hover > div, 
.clusterGmaps.__excellent:hover > div,
.clusterGmaps.__good:hover > div,
.clusterGmaps.__medium:hover > div,
.clusterGmaps.__weak:hover > div {
    background: #fff;
}
.infoGmaps.__excellent:hover::after,
.infoGmaps.__good:hover::after,
.infoGmaps.__medium:hover::after,
.infoGmaps.__weak:hover::after,
.clusterGmaps.__excellent:hover > div::after,
.clusterGmaps.__good:hover > div::after,
.clusterGmaps.__medium:hover > div::after,
.clusterGmaps.__weak:hover > div::after, 
.clusterGmaps.__good:hover > div::before {
    border-top-color: #fff;
}

.clusterGmaps.__excellent > div > span,
.clusterGmaps.__good > div > span,
.clusterGmaps.__medium > div > span,
.clusterGmaps.__weak > div > span {
    display: contents;
}

/*** AI REVIEWS ***/


.drawer-ai .alert button {
	text-transform: initial;
	margin-top: 0;
}

.drawer-ai .drawer-main .alert--error:not(.alert--small)::before {
  	background-size : 60%;
}

/*** // END AI REVIEWS ***/

/*** tarif special ***/
.specialPrice {
	display: inline-flex !important;
	align-items: center;
    background: #fff;
    color: #cccccc;
    border: 1px solid #cccccc;
    border-radius: 8px;
    font-weight: bold;
    padding: 0px 4px;
    text-align: left;
    line-height: 14px;
    margin-left: 5px;
    margin-right: 8px;
    position: relative;
    min-height: 48px;
    box-shadow: 0px 2px 5px rgba(0,0,0, 0.16);
}

.specialPrice p {
    line-height: normal;
}

.specialPrice::after, .specialPrice::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 7px;
    position: absolute;
    right: -7px;
    bottom: 50%;
    transform: translateY(50%);
}

.specialPrice::before {
    border-color: transparent transparent transparent #cccccc;
    right: -8px;
}

.specialPrice::after {
    border-color: transparent transparent transparent #ffffff;
}
/*** panier **/
.hotelDetailsPage .linkBack.purchase button {
    display: block;
}
/*** style infoBulle google map**/

/* POUR ACTIVIER TRIPADVISOR EN MINIMAL STYLE MOSAIQUE */
.blocPreviewTripAdvisor span.minimalTripAd {
    display: none;
}

.carrousel {
    height: 100%;
    overflow: hidden;
    position: relative
}

@media (max-width: 1023px) {
    .carrousel > div {
        z-index: 103;
    }
}

.linkCarousel {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.carrousel {
    height: 100%;
    overflow: hidden;
    position: relative
}
.carrousel > div {
    height: 100%;
    list-style: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

div.nextImg, div.prevImg {
    position: absolute;
    height: 100%;
    width: auto;
    z-index: 105;
}

div.nextImg {
	left: auto;
	right: 0;
}

.nextImg .kbtn.kbtn-primary, .prevImg .kbtn.kbtn-primary {
    position: absolute;
    top: 50%;    
    transform: translateY(-50%);
    left: 8px;
}

.nextImg .kbtn.kbtn-primary {
	left: auto;
	right: 8px;
}
/**** menu wl ***/
.light-menu {
    background-color: #f2f4f7;
    text-align: center;
}

.light-menu ul {
    margin: 0 auto;
    padding: 0;
    display: block;
    text-align: center;
}

.light-menu ul.contenu-menu-right {
    text-align: right;
}

.light-menu li {
    list-style-type: none;
    display: inline-block;
	vertical-align: middle;
    padding: 0 10px;
    height: 100%;
}
.light-menu a {
    display: flex;
    align-items: center;
    padding: 12px 5px;
    text-decoration: none;
    color: #0D2239;
    font-weight: bold;
    transition: color, border .25s ease-out;
    height: 100%;
}
.light-menu svg.icon {
	width: 32px;
	height: 32px;
    vertical-align: middle;
    margin-right: 5px;
}
.light-menu svg.icon.icon-faq {
    padding: 3px;
}

.overlay-menu {
    position: relative;
}

.overlay-left, .overlay-right {
    pointer-events: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;
    display: none;
}

.overlay-left.visible {
    display: block;
    left: 0;
}

.overlay-right.visible {
    display: block;
    right: 0;
}

.overlay-menu ul::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
}
.overlay-menu.light-menu ul {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    white-space: nowrap;
    height: 40px;
}

@media (max-width: 979px) {
    .burger-menu li {
        display: block;
        text-align: left;
    }
    .burger-menu a {
        border-bottom: 1px solid #E0E5EB;
        padding-left: 7px;
        line-height: 40px;
    }
}
.burger-menu a {
    height: 40px;
}
    
.overlay-menu .white-bg {
    height: 100%;
    padding: 0;
    text-shadow: 0 1px 2px rgba(0, 11, 38, 0.8), 0 1px 2px
    rgba(0, 11, 38, 0);
}

.overlay-left .white-bg {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%,
    #ffffff 100%);
}

.overlay-right .white-bg {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%,
    #ffffff 100%);
}
/** fin menu wl**/
/*** page static centrale **/
.centralesPage .contentContainer {
    height: 100vh;
    padding-bottom: 30px;
}

.centralesPage #container {
    height: calc(100% - 30px);
}

.centralesPage .bigStaticContent {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.centralesPage .staticText {
    overflow: initial;
}
/* info demande special*/
.pictoInfo {
    position: relative;
}

.pictoInfo .pictoOption {
    position: static;
}

.pictoInfo .btnTooltip:hover+.tooltipBloc, .pictoInfoInterne .btnTooltip:focus+.tooltipBloc
{
    display: block !important;
}

.pictoInfo .pictoOption svg.icon-info {
    color: #0D2239;
    vertical-align: middle;
}

.pictoInfo label, .container-tooltip {
    position: relative;
}

.container-tooltip {
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
}

.titleCommission {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

/**** popin ma résa ****/
/* class commun */
.c-marg-t {
    margin-top: 24px;
}

.form__label {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}

.field, .textarea {
    height: 48px;
    background-color: #f1f2f6;
    color: #0D2239;
    border-radius: 8px;
    padding: 0 16px;
    border: 1px solid #f1f2f6;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    width: 100%;
    text-align: left;
}

.field:focus, .textarea:focus {
    border-color: #595959;
    background-image: none;
    font-weight: 500;
    outline: none;
}

.pop-in {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    background-color: #fff;
    z-index: 10000;
}

.pop-in--open {
    display: block;
}

.pop-in__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    padding: 0 16px;
    border-bottom: 1px dotted #c1c1c1;
}

.pop-in__title {
    color: #E03400;
    font-size: 17.5px;
    margin-right: 24px;
}

.pop-in__subtitle {
    font-size: 1rem;
    display: flex;
    align-items: center;
    color: #0D2239;
    font-weight: 500;
}

.pop-in__subtitle > * + * {
    margin-left: 4px;
}
@media (min-width: 768px) {
    .pop-in.pop-in--alt {
        display: block;
        top: 50%;
        left: 50%;
        height: auto;
        max-width: 1024px;
        max-height: calc(100% - 48px);
        opacity: 0;
        overflow: auto;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        border-radius: 16px;
        transform: translate(-50%, -50%) scale(0);
        transition: all .3s ease;
    }
    .pop-in--alt.pop-in--open {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    .pop-in--alt.pop-in--half {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .pop-in__header {
        margin-bottom: 24px;
    }
    .pop-in:not(.pop-in--alt) {
        display: block;
        top: 50%;
        left: 50%;
        height: auto;
        max-width: 1024px;
        max-height: calc(100% - 48px);
        opacity: 0;
        overflow: auto;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        border-radius: 16px;
        transform: translate(-50%, -50%) scale(0);
        transition: all .3s ease;
    }
    .pop-in--open:not(.pop-in--alt) {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    .pop-in--half:not(.pop-in--alt) {
        max-width: 768px;
    }
}
@media (max-width: 767px) {
    .pop-in--alt .pop-in__header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 1;
    }
    .pop-in--alt .pop-in__wrapper {
        position: absolute;
        top: 56px;
        left: 0;
        bottom: 0;
        padding: 16px;
        width: 100%;
        overflow: auto;
    }
    .pop-in--alt .pop-in--subtitle .pop-in__header {
        height: 80px;
    }
    .pop-in--alt .pop-in--subtitle .pop-in__wrapper {
        top: 80px;
    }
}
@media (max-width: 1023px) {
    .pop-in:not(.pop-in--alt) .pop-in__header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 1;
    }
    .pop-in:not(.pop-in--alt) .pop-in__wrapper {
        position: absolute;
        top: 56px;
        left: 0;
        bottom: 0;
        padding: 16px;
        width: 100%;
        overflow: auto;
    }
    .pop-in:not(.pop-in--alt) .pop-in--subtitle .pop-in__header {
        height: 80px;
    }
    .pop-in:not(.pop-in--alt) .pop-in--subtitle .pop-in__wrapper {
        top: 80px;
    }
}

@media (max-width: 767px) {
    .pop-in__title {
        font-size: 14px;
    }
}

@media (min-width: 1024px) {
    .pop-in-enter-active {
        animation: pop-in .3s;
    }
    .pop-in-leave-active {
        animation: pop-in .3s reverse;
    }
    @keyframes pop-in {
        0% {
            transform: translate(-50%, -50%) scale(0);
            opacity: 0;
        }
        to {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
    }
}
.field--error:not(:focus) {
    color: #BE0410;
    border: 1px solid #BE0410 !important;
    background-color: #FEBBBF;
}

.field--error:not(:focus)::-webkit-input-placeholder {
    color: #BE0410;
}

.field--error:not(:focus):-moz-placeholder, .field--error:not(:focus)::-moz-placeholder {
    color: #BE0410;
}

.field--error:not(:focus):-ms-input-placeholder {
    color: #BE0410;
}

.field--error:not(:focus) [class*=color-] {
    color: #BE0410;
}

.field--error:not(:focus).field--datepicker button:before {
    border-color: #BE0410;
}

.field--success:not(:placeholder-shown) {
    font-weight: 700;
    background-size: 16px auto;
    background-position: center right 16px;
    background-repeat: no-repeat;
}

.field--success:not(:placeholder-shown):not(:focus) {
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* alert */
.alert {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    border-radius: 8px;
    display: block;
    position: relative;
    padding: 16px 16px 16px 56px;
    margin: 15px 0 15px 0;
    text-align: left;
    border: 0 none;
}
.alert::before {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #fff;
    border: 2px solid;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box !important;
}

.alert.__bef-up::before {
	top: 33%;
}

.alert.__shadow {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
}

.alert a {
    font-weight: bold;
    color: #0D2239;
    text-decoration: underline;
}

.alert a:hover {
    color: #0D2239;
    text-decoration: none;
}
.alert button , .alert .alert-btn {
	background: 0 none;
	font-weight: bold;
    font-size: 14px;
    padding: 0;
    margin-top: 5px;
    text-transform: uppercase;
}
.alert-title {
	 font-weight: 700;
	 margin-bottom: 8px;
}
.alert--list {
    padding-left: 41px;
    list-style: disc outside;
}
.alert--list ul {
  list-style: none;
  padding-left: 0;
}
.alert--list ul li::before {
  content: "•";
  display: inline-block; /* indispensable pour que margin-right fonctionne */
  margin-right: 4px;
}
.alert--error {
    background-color: #FEBBBF!important;
}

.alert--error::before {
    content: "";
    color: #BE0410;
    border-color: #BE0410;
    background: #fff url('/images/cross--error.svg') 50%/auto 40% no-repeat;
}
.alert.alert--error button , .alert.alert--error .alert-btn {
	color: #BE0410;
}
.alert--warning {
    background-color: #FFE7C3!important;
}
.alert--warning::before {
    content: "!" !important;
    color: #FF9E0D;
    border-color: #FF9E0D;
}
.alert.alert--warning button , .alert.alert--warning .alert-btn {
	color: #FF9E0D;
}
.alert--info {
    background-color: #B9E1FC!important;
}

.alert--info::before {
    content: "i" !important;
    color: #087FD2;
    border-color: #087FD2;
}
.alert.alert--info button , .alert.alert--info .alert-btn {
	color: #087FD2;
}
.alert--success {
    background-color: #C5F4D9!important;
}

.alert--success::before {
    content: "";
    color: #22BE63;
    border-color: #22BE63;
    background: #fff url('/images/check--success.svg') 50%/auto 40%
    no-repeat;
}

.alert.alert--small {
    font-size: 12px;
    padding: 8px 8px 8px 32px;
}
.alert.alert--small::before {
	font-size: 16px;
   	border: 0 none;
   	left: 5px;
   	border-radius: 0;
   	background-color: transparent;
}

.alert--smaller {
    margin: 0;
    font-size: 10.5px;
    padding: 4px 4px 4px 8px;
}

.alert--smaller::before {
    content: none;
}

.button--loading-spinner::before {
    content: none;
}

.button--loading-spinner::after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    border: 4px solid hsla(0, 0%, 100%, .25);
    border-top-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-animation: spinner .75s linear infinite;
    animation: spinner .75s linear infinite;
}

.button--loading-spinner.button--active {
    color: transparent;
    pointer-events: none;
}

.button--loading-spinner.button--active::after {
    opacity: 1;
}

@-webkit-keyframes spinner { 
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
    }
}
@keyframes spinner { 
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
    }
}
.BookingSearchFormSelfcare .mrgBtmXs20 {
    margin: 0px;
}

.formResa {
	padding: 16px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}

.formResa [class*=col-] {
    padding: 10px 7px;
}

.formResa .form-control::placeholder {
    font-size: 14px;
}

.formResa .form-control:focus {
    box-shadow: none;
    border-color: #E03400;
}

.formResa .btnLinkStyle {
    color: #E03400;
}

#container.BookingSearchForm button {
    width: auto;
}

.pop-in .alert {
    border-top: none;
    border-right: none;
    border-bottom: none;
}

.pop-in--overlay {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1000;
}

.pop-in input:focus {
    outline: none;
}

.pop-in input, .pop-in input::placeholder {
    font-size: 14px;
}

/*** coup de coeur**/
.heartStroke {
    border-top: 0 none;
}

.heart-stroke {
    display: none;
    align-items: center;
    width: fit-content;
    height: 20px;
    line-height: normal;
    position: absolute;
    vertical-align: middle;
    font-size: 10px;
    font-size: 1rem;
    color: #ffffff;
    background-color: #22BE63;
    padding: 0px 8px;
    border-radius: 0 4px 4px 0;
    top: 8px;
    left: -8px;
    z-index: 105;
}

.heart-stroke:after {
	content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 0 8px;
    border-color: #325657 transparent transparent transparent;
}

.heart-stroke span.picto {
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
}

.heart-stroke span.heartStrokeTxt {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    font-size: 1rem;
    line-height: normal;
}

.heartStroke .heart-stroke {
    display: flex;
}

.info-price-xl-flex {
	display: none;
	flex-direction: column;
}

.info-price-xl-flex .blocPricesDetail{
	width: 100%;
}

/* .info-price-xl-flex .blocPricesDetail:nth-child(1) {
    margin-bottom: 15px;
} */

.info-price-xl-flex.current-booking .blocPricesDetail:nth-child(1) {
	margin-bottom: 32px;
}

@media (min-width: 1024px) {
    .heartStroke {
        border: 0 none;
    }
    .info-price-xl-flex {
    	flex-direction: row;
        justify-content: flex-end;
    }
    .info-price-xl-flex.current-booking {
        justify-content: space-between;
    }
    
    .info-price-xl-flex .blocPricesDetail{
		width: 50%;
		margin-left: auto;
	}
    
    .info-price-xl-flex.current-booking .blocPricesDetail {
        width: 49%;
        margin-left: unset;
    }
    
    .info-price-xl-flex .blocPricesDetail:nth-child(1) {
        margin-bottom: 0;
    }
    
    .info-price-xl-flex.current-booking .blocPricesDetail:nth-child(1) {
		margin-bottom: 0;
	}
}
/*** drawer style **/
.k-pop-in--overlay {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(51, 51, 51, 0.65);
    z-index: 1003;
}

.drawer-bloc {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    transform: translateX(100%);
    transition: transform .3s ease;
    z-index: 1006;
}

.drawer-bloc.show {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    transform: translateX(0%);
}

.drawer-bloc h2 {
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

.drawer-title {
    position: relative;
    height: 48px;
    padding: 0px 12px 0px 24px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.drawer-title .close {
    padding: 9px;
    margin-right: -12px;
}

.drawer-title .close span.picto-cross {
    display: block;
    font-size: 24px;
}

@media (min-width: 768px) {
    .drawer-bloc {
        max-width: 380px;
    }
}

.container-btn > div {
    border-left: 1px solid #707070;
    padding-left: 15px;
    padding-right: 15px;
}

.container-btn > div:FIRST-CHILD {
    border-left: 0 none;
    padding-left: 0;
}
.drawer-btn {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #FFFFFF;
    padding: 12px 24px;
    box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.16);
    animation: slide-up 300ms ease;
    z-index: 1000;
}
@media (min-width: 768px) {
    .container-btn-resa {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}
ul.__under > li {
    padding: 0px 24px;
}
.__k-collapse > li {
    border-bottom: 1px solid #C1C1C1;
}
ul.__under  a, ul.__under button {
    text-decoration: underline;
    line-height: 48px;
}

ul.__under svg {
	text-decoration: none;
    color: #0D2239;
}

ul.__under  a:hover svg, 
ul.__under  a:focus svg,
ul.__under  a:active svg,
ul.__under  button:hover svg, 
ul.__under  button:focus svg,
ul.__under  button:active svg {
    color: inherit;
}

ul.__under  a:hover, ul.__under  a:focus,
ul.__under  a:active,
ul.__under  button:hover,
ul.__under  button:focus,
ul.__under  button:active,
ul.__under  a.__no-underline,
ul.__under button.__no-underline,
ul.__under  a.__no-underline:hover,
ul.__under  a.__no-underline:focus,
ul.__under  a.__no-underline:active,
ul.__under  button.__no-underline:hover,
ul.__under  button.__no-underline:focus,
ul.__under  button.__no-underline:active,
ul.__under  a.__no-underline:hover > span:FIRST-CHILD,
ul.__under  a.__no-underline:focus > span:FIRST-CHILD,
ul.__under  a.__no-underline:active > span:FIRST-CHILD,
ul.__under  button.__no-underline:hover > span:FIRST-CHILD,
ul.__under  button.__no-underline:focus > span:FIRST-CHILD,
ul.__under  button.__no-underline:active > span:FIRST-CHILD {
	text-decoration: none;
}

ul.__under  a.__no-underline > span:FIRST-CHILD, ul.__under button.__no-underline > span:FIRST-CHILD
{
    text-decoration: underline;
}

.error-msg {
    color: #cc2908;
    font-size: 13px;
    font-size: 1.3rem;
}

.no-bgGris {
    background: none !important;
}

/** Helpers **/
.fa-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: wrap row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: wrap row;
    flex-flow: wrap row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fa-start {
    display: flex;
    align-items: flex-start;
}
.fa-end {
    display: flex;
    align-items: flex-end;
}
.fa-stretch {
    display: flex;
    align-items: stretch;
}
.fa-baseline {
    display: flex;
    align-items: baseline;
}

.k-flex-nowrap {
    flex-wrap: nowrap;
}

.ul-flex > li > span, .ul-flex > li > div {
    flex: 1;
}

.m-0 {
    margin: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.p-0 {
    padding: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.k-m-0 {
    margin: 0px !important;
}

.k-mt-0 {
    margin-top: 0px !important;
}

.k-mt-8 {
    margin-top: 8px !important;
}

.k-mt-10 {
    margin-top: 10px !important;
}

.k-mt-15 {
    margin-top: 15px !important;
}

.k-mt-20 {
    margin-top: 20px !important;
}

.k-mr-0 {
    margin-right: 0px !important;
}

.k-mr-8 {
    margin-right: 8px !important;
}

.k-mr-10 {
    margin-right: 10px !important;
}

.k-mr-15 {
    margin-right: 15px !important;
}

.k-mr-20 {
    margin-right: 20px !important;
}

.k-mb-0 {
    margin-bottom: 0px !important;
}

.k-mb-8 {
    margin-bottom: 8px !important;
}

.k-mb-10 {
    margin-bottom: 10px !important;
}

.k-mb-15 {
    margin-bottom: 15px !important;
}

.k-mb-20 {
    margin-bottom: 20px !important;
}

.k-ml-0 {
    margin-left: 0px !important;
}

.k-ml-8 {
    margin-left: 8px !important;
}

.k-ml-10 {
    margin-left: 10px !important;
}

.k-ml-15 {
    margin-left: 15px !important;
}

.k-ml-20 {
    margin-left: 20px !important;
}

.k-p-0 {
    padding: 0px !important;
}

.k-pt-0 {
    padding-top: 0px !important;
}

.k-pt-8 {
    padding-top: 8px !important;
}

.k-pt-10 {
    padding-top: 10px !important;
}

.k-pt-15 {
    padding-top: 15px !important;
}

.k-pt-20 {
    padding-top: 20px !important;
}

.k-pr-0 {
    padding-right: 0px !important;
}

.k-pr-8 {
    padding-right: 0px !important;
}

.k-pr-10 {
    padding-right: 10px !important;
}

.k-pr-15 {
    padding-right: 15px !important;
}

.k-pr-20 {
    padding-right: 20px !important;
}

.k-pb-0 {
    padding-bottom: 0px !important;
}

.k-pb-8 {
    padding-bottom: 8px !important;
}

.k-pb-10 {
    padding-bottom: 10px !important;
}

.k-pb-15 {
    padding-bottom: 15px !important;
}

.k-pb-20 {
    padding-bottom: 20px !important;
}

.k-pl-0 {
    padding-left: 0px !important;
}

.k-pl-8 {
    padding-left: 8px !important;
}

.k-pl-10 {
    padding-left: 10px !important;
}

.k-pl-15 {
    padding-left: 15px !important;
}

.k-pl-20 {
    padding-left: 20px !important;
}

@media (min-width: 768px) {
	.k-m-md-0 { margin: 0 !important; }
	.k-mt-md-0 { margin-top: 0 !important; }
	.k-mr-md-0 { margin-right: 0 !important; }
	.k-mb-md-0 { margin-bottom: 0 !important; }
	.k-ml-md-0 { margin-left: 0 !important; }
	
	.k-m-md-8 { margin: 8px !important; }
	.k-mt-md-8 { margin-top: 8px !important; }
	.k-mr-md-8 { margin-right: 8px !important; }
	.k-mb-md-8 { margin-bottom: 8px !important; }
	.k-ml-md-8 { margin-left: 8px !important; }
	
	.k-m-md-16 { margin: 16px !important; }
	.k-mt-md-16 { margin-top: 16px !important; }
	.k-mr-md-16 { margin-right: 16px !important; }
	.k-mb-md-16 { margin-bottom: 16px !important; }
	.k-ml-md-16 { margin-left: 16px !important; }
}
/* chatbot style*/
.color-main, .default-color, .chat-container .chat-header .joe-icon:hover,
.chat-container .chat-header .title-subtitle-container label,
.chat-container .joe-chat-yes-btn, .chat-container .joe-chat-no-btn,
.chat-container .chat-history .other-message, .chat-container .datepicker-btn,
.chat-container .joe-quickReplyList, .chat-container .other-message a,
.chat-container .chat-footer ul li, .chat-container .chat-footer ul li:hover,
.chat-container button, #joe-menu-dropdown.Slsh-list-items ul li:hover
{
    color: #FFFFFF !important;
}

.chat-container .text-box-wrp {
    border: 1px solid #E5E5E5 !important;
    border-radius: 3px !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.chat-container .chat-body {
    background-image: none !important;
    background: #FFFFFF;
}

.chat-container .chat-header .header-top {
    padding-bottom: 10px;
}

.chat-container .chat-header, .chat-container .joe-faq-header {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16) !important;
}

.chat-container .chat-header .left-icon {
    background-image: url("https://cdn.euc-freshbots.ai/assets/imgs/g3_icons/chat_logo.svg") !important;
}

.chat-container .chat-header .joe-icon.joe-menu-btn span {
    background-image: url("https://cdn.euc-freshbots.ai/assets/imgs/g3_icons/more.svg") !important;
}

.chat-container .chat-header .joe-icon span {
    background-image: url("https://cdn.euc-freshbots.ai/assets/imgs/g3_icons/close.svg") !important;
}

.chat-container .chat-header .joe-icon.joe-menu-btn,
#mobile-chat-container {
    display: none !important;
}

#bot-iframe {
    height: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    flex-grow: 1;
    border: none !important;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

#bot-container {
    height: 100%;
    width: 100%;
    -webkit-box-flex: 1;
    flex-grow: 1;
    position: fixed;
    z-index: -1;
    bottom: 0px;
    right: 0px;
}

@media (min-width: 1024px) {
    #bot-container.__shadow {
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
    }
}
/* fin chatbot style*/

/* STYLES NEW RECAP + MODIF BOOKING */
.containerRecapModif {
    padding: 0 7px;
}

@media (max-width: 768px) {
    .containerRecapModif {
        padding: 0;
    }
}

.recapModifBookingDetail {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 3px;
}

.recapModifBookingDetail #k-booking .k-card {
	padding: 0px;
	margin-top: 0px;
}

.recapModifBookingDetail .cancel-modif-booking, .pax-page .cancel-modif-booking,
.bookingConfirmPage .cancel-modif-booking {
    margin: 30px 15px 15px 15px;
    text-align: center;
    justify-content: space-between;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .recapModifBookingDetail .cancel-modif-booking, .pax-page .cancel-modif-booking,
    .bookingConfirmPage .cancel-modif-booking {
        text-align: left;
        flex-direction: row;
    }
}

.cancel-modif-booking a {
    font-size: 14px;
    font-size: 1.4rem;
    background: none;
    border: 0 none;
    padding: 0;
    text-decoration: underline;
}

.cancel-modif-booking a:hover {
    text-decoration: none;
}

.recapModifBookingDetail .k-card ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.recapModifBookingDetail .k-card ul li, .recapModifBookingDetail .k-card ul li svg
{
    margin-right: 15px;
}

.recapModifBookingDetail .k-card ul li span {
    flex: 1;
}

.recapModifBookingDetail .recapResaClass {
    background: #f2f4f7;
    border: 1px solid #f2f4f7;
    padding-top: 30px;
}

@media (max-width: 767px) {
    .recapModifBookingDetail .recapResaClass {
        padding: 30px 0 15px 0;
        background: 0 none;
        border: 0 none;
    }
}

#modifSearchForm.modif-resa {
    position: relative;
}

.recapModifBookingDetail #modifSearchForm #modifForm.k-card {
    padding-top: 30px;
    border: 1px solid #f2f4f7;
}

.k-card-footer-back {
    color: #0D2239;
    margin-top: 20px;
}

.k-card-footer-back button {
    font-weight: normal;
    background-color: transparent;
    border: none;
}

.k-card-footer-back button:hover, .k-card-footer-back button:active {
    font-weight: normal;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.k-card-footer-back button span {
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: underline;
    vertical-align: text-bottom;
}

.k-card-footer-back button span.picto {
    text-decoration: none;
    vertical-align: middle;
}

.k-card-footer-back button:focus span, .k-card-footer-back button:hover span {
    text-decoration: none;
}

@media (min-width: 1024px) {
    .k-card-footer-back {
        margin-top: 0;
    }
}

.hotelDetailsPage .recapModifBookingDetail  #modifSearchForm {
    padding-bottom: 0;
}

.hotelDetailsPage .recapModifBookingDetail {
    margin-bottom: 15px;
}

.modif-resa .recapResaContent > div {
    margin-bottom: 10px;
}

.modif-resa .recapResaContent > div > .checkIn, .modif-resa .recapResaContent > div > .checkOut {
    white-space: nowrap;
}

.divRecap .nbNights {
    line-height: inherit;
}

.disp-flex-center svg {
    margin-right: 15px;
}
/**btn pax**/
.btnlist {
    height: 45px;
    background: #E0E5EB;
    border-radius: 5px;
    padding: 5px;
    color: #0D2239;
    font-size: 12px;
    font-size: 1.2rem;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
}

.btnlist span {
    vertical-align: middle;
    line-height: 22px;
}

.btnlist .namePaxRoom {
    padding-right: 5px;
}

.btnlist span.picto-cross {
    font-size: 14px;
    font-size: 1.4rem;
    width: 22px;
}

.btnlist span.picto-down-arrow {
    color: #666666;
    font-size: 14px;
    font-size: 1.4rem;
    width: 22px;
}

.btnlist .pictoPax {
    font-size: 22px;
    font-size: 2.2rem;
    width: 28px;
}

.namePaxRoom {
    padding-left: 5px;
    max-width: -moz-calc(100% - 50px);
    max-width: -webkit-calc(100% - 50px);
    max-width: -ms-calc(100% - 50px);
    max-width: -o-calc(100% - 50px);
    max-width: calc(100% - 50px);
    max-width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 1px solid #d1d1d1;
}
/** btn pax active**/
.btnlist.active {
    color: #fff;
    background: #22BE63;
}

.btnlist.active .namePaxRoom {
    border-left: 1px solid #ffffff;
}
/** fin btn pax active**/
.listRoom {
    position: absolute;
    left: 0;
    top: 45px;
    background: #fff;
    border-radius: 5px;
    z-index: 200;
    width: 100%;
    border: 1px solid #E0E5EB;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

.listRoom ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.listRoom li {
	margin: 0;
  	display: block;
  	border-bottom: 1px solid #f2f4f7;
  	background: #ffffff;
  	color: #595959;
  	min-height: 40px;
  }
.listRoom button { 
	background: none;
	border: 0 none;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
	padding: 10px;
	width: 100%;
  	height: 100%;
  	 color: #0D2239;
}
.listRoom .picto {
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 5px;
    width: 22px;
    display: inline-block;
    text-align: center;
    color: #666666;
}
.listRoom .picto.picto-basket {
    color: #666666;
    font-size: 22px;
    font-size: 2.2rem;
}

.listRoom button:hover, .listRoom button:focus, .listRoom button.active {
    background: #f2f4f7;
}

.divCElignes h3 {
	margin-bottom: 15px;
 }
 #fc_frame, #fc_frame.fc-widget-normal {
 	z-index: 8000!important;
 }
.nmarg-b{
  margin-bottom: 0;
}

/* #fc_frame, #fc_frame.fc-widget-normal {
    z-index: 8000 !important;
} */

.nmarg-b {
    margin-bottom: 0;
}

.nmarg-t {
    margin-top: 0;
}
.nmarg-l {
    margin-left: 0;
}

.marg-bs {
    margin-bottom: 15px;
}
.link-reset {
	text-decoration: underline;
	color: #595959;
}
.link-reset:hover, .link-reset:focus {
	text-decoration: none;
	color: #595959;
}
.c-btn-link {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    background: none;
    border: 0 none;
    padding: 0;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.c-btn-link > span.picto {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
}

.c-btn-link > span:LAST-CHILD {
    text-decoration: underline;
}

.c-btn-link:focus > span:LAST-CHILD, .c-btn-link:hover > span:LAST-CHILD {
    text-decoration: none;
}

.c-btn-link._right > span:first-CHILD {
    text-decoration: underline;
}

.c-btn-link._right > span:LAST-CHILD {
    text-decoration: none;
}

.c-btn-link:focus > span:first-CHILD, .c-btn-link:hover > span:first-CHILD {
    text-decoration: none;
}
.back-accom {
    display: none;
}
@media (max-width: 639px) {
    .hotelDetailsPage .back-accom {
        display: block;
    }
}
/** agence **/
@media (max-width:639px) {
	.inputMarge {
	    width: 100%;
	}
}
@media (min-width: 640px) {
	.bloc-inline > * {
		display: inline-block;
	    width: 49.5%;
	}
}
.container-incident .icon {
    width: 24px;
    height: 24px;
}
.cancelFeesPopup .backLink,
.cancelFeesPopup .btnConnex {
	padding: 0;
}
.container-card {
	position: relative;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.container-border {
	position: relative;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #c1c1c1;
}
.loading-block {
    position: relative;
    display: block;
    min-width: 10%;
    min-height: 24px;
    -webkit-user-select: none;
    user-select: none;
    color: transparent;
    pointer-events: none
}
.loading-block:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-image: linear-gradient(to right, #f1f2f6 0%, #e0e0e0 50%, #f1f2f6 100%);
    background-size: 150% 100%;
    animation: loading-block 1s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite forwards;
    z-index: 1
}
.loading-block.__half {
    min-height: 32px
}
.loading-block.__full {
    min-height: 48px
}
.loading-block.__alt:before {
    background-image: linear-gradient(to right, #e0e0e0 0%, #f1f2f6 50%, #e0e0e0 100%)
}
@keyframes loading-block {
    0% {
        background-position: 150% 0%
    }
    to {
        background-position: -150% 0%
    }
}

.pills {
	display: flex;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    color: #fff;
    border-radius: 16px;
	font-size: 12px;
	font-weight: 600;
}

.pills.__OK {
    background: #25c86a
}

.pills.__info {
    color: #0D2239;
    background: #f1f2f6
}
.pills.__excellent {
    color: #0D2239;
    background: #62d389;
}
.pills.__good {
    color: #0D2239;
    background: #b5eac4;
}
.pills.__medium {
    color: #0D2239;
    background: #ffe8b8;
}
.pills.__weak {
    color: #0D2239;
    background: #ffd0b4;
}
.pills.__small {
	font-size: 10px;
    height: 16px;
    line-height: 16px;
}

.pills.__icon {
    padding: 0 12px 0 8px
}

.pills.__icon svg {
    margin: 0 4px 0 0
}

.pills.__icon.__right {
    padding: 0 8px 0 12px
}

.pills.__icon.__right svg {
    margin: 0 0 0 4px
}
.pills.__icon.__both {
    padding: 0 8px
}
.pills.__icon.__both svg:last-of-type {
    margin: 0 0 0 4px
}

.chip {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 4px 0 12px;
    color: #0D2239;
    background: #f1f2f6;
    border-radius: 16px;
	font-size: 14px;
	font-weight: 600;
}

.chip .kbtn.kbtn-primary.__square {
    box-shadow: none;
}

.chip .kbtn.kbtn-primary.__square:focus svg {
    color: #0D2239;
}
@media (min-width: 768px) {
    .chip .kbtn.kbtn-primary.__square:hover svg {
        color: #0D2239;
    }
}

svg.__alt {
    color: #595959;
}
svg.__light {
    color: #c1c1c1;
}

/*** BASKET ***/
.wait-basket h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}
.wait-basket .container-card {
	min-height: 64px;
}
.wait-basket .placeholder-img {
	height: 200px;
	color: #F0F0F0;
}
@media (min-width: 640px) {
	.wait-basket  .container-card {
		min-height: 48px;
	}
	.wait-basket .placeholder-img {
		width: 260px;
    	height: auto;
	}
}
.k-modal .modal-dialog {
	max-width: 768px;
}
.k-modal .modal-content {
	padding: 16px;
    border-radius: 16px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}
.k-modal .modal-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 0;
	top: auto;
	right: auto;
}

.btnStyle4 {
	background: #64686c;
	padding: 0 12px;
	height: 32px;
  	text-transform: none;
  	font-weight: normal;
  	font-size: 14px;
    font-size: 1.4rem;
  	line-height: 16px;
  	letter-spacing: 0;
  	display: inline-block;
  	border-radius: 3px;
  	text-align: center;
  	color: #ffffff;
  	border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
  	transition: all .3s ease-out;
}
.btnStyle4 > svg {
	vertical-align: middle;
	width: 24px;
	height: 24px;
}
.btnStyle4:hover, .btnStyle4:focus {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
/*** btn switch**/
.switchBtn {
	display: inline-flex;
	align-items: center;
}
.switchBtn > * {
	cursor: pointer;
}
label.switchInput {
	position: relative;
	min-width: 32px;
	height: 16px;
	margin-right: 8px;
	margin-bottom: 0;
}
.switchBtn label:last-of-type {
	margin-bottom: 0;
	font-weight: bold;
}
.switchInput input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.switchSlider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #C1C1C1;
	-webkit-transition: .4s;
	transition: .4s;
}
.switchSlider:after {
	position: absolute;
	content: "";
	top: 2px;
	-webkit-transition: .4s;
	transition: .4s;
}
.switchSlider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: -1px;
	bottom: 0px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);
}

input:checked + .switchSlider {
	background-color: #22BE63;
}
	
input:checked + .switchSlider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}
input:checked + .switchSlider:after{
	font-family: 'picto-font';
	-webkit-transform: translateX(19px);
	-ms-transform: translateX(19px);
	transform: translateX(19px);
	font-size: 10px;
	font-weight: bold;
	content: "\e60d";
	color: #22BE63;
}
.switchSlider.round {
  	border-radius: 8px;
}
.switchSlider.round:before {
  	border-radius: 50%;
}
/*** fin btn switch**/
.repricingContent button {
	margin-bottom: 8px;
	margin-top: 0;
}
.text-link {
	background: none;
    border: 0 none;
    padding: 0;
 	color: #E03400;
	text-decoration: underline;
	cursor: pointer;
}
.text-link:hover {
	text-decoration: none;
}
.repricingContent .text-link.active {
	color: #0D2239;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.repricingContent .form-group {
	margin-bottom: 0;
}
.repricingContent .styleBlocPax.__active {
	border-color: #25c86a;
	box-shadow: 0 0 0 1px #25c86a;
}
.repricingContent .form-group button {
	margin-bottom: 0;
}
.repricingContent .form-group > div {
	margin-top: 8px;
}
.repricingBloc > div.repricing_img {
	position: relative;
	height: auto;
    width: 100%;
    text-align: center;
    padding: 0 0 15px 0;
}
span.c-new {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-size: 12px;
    background-color: #22BE63;
    -webkit-transform: rotate(-16deg);
    transform: rotate(-16deg);
    border-radius: 16px;
    text-align: center;
    z-index: 2;
    padding: 4px 16px;
    color: #fff;
    font-weight: 600;
    height: 24px;
    line-height: 15px;
}
.repricingBloc {
	display: flex;
    flex-direction: column-reverse;
}
@media(min-width:640px) {
	.repricingBloc {
		display: table;
		padding: 0;
		width: 100%;
	}
	.repricingBloc > div {
		display: table-cell;
		vertical-align: top;
	}
	.repricingBloc > div.repricing_img {
		padding: 0;
		padding-left: 32px;
		width: 210px;
	}
	span.c-new {
	    top: 16px;
	    left: 16px;
	}
}
.repricing_img > img {
	width: 180px;
	height: 120px;
}
.list-icon-tick {
	padding-left: 0;
	margin-bottom: 20px;
}
.list-icon-tick li{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	list-style-type: none;
    margin-bottom: 15px;
}
.list-icon-tick svg.icon-tick {
	color: #22BE63;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.pillsStyle {
	display: inline-flex;
	font-size: 12px;
	font-weight: 600;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    border-radius: 16px;
}
.pillsStyle .textOption {
	padding: 0 4px;
}
.pillsStyle svg {
	width: 16px;
	height: 16px;
}
.pillsStyle._grey {
	background: #F0F0F0;
	color: #0D2239;
}
.pillsStyle._green {
	background: #C5F4D9;
	color: #0D2239;
}
.pillsStyle.dataTip:hover {
	cursor: help;
}
.pillsStyle .pictoOption > button.dataTip{
	position: relative;
	display: flex;
    z-index: 105;
}
.pillsStyle .btnTooltip svg.icon-info{
	margin-left: 4px;
	color: #595959;
}
@media (min-width: 768px){
	.dossierBooking .detailSearch {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    padding-right: 15px;
	    flex-wrap: wrap;
	}
	.detailresaStyle {
		display: flex;
	    align-items: flex-end;
	}
	.detailresaStyle > .detailSearch {
		flex: 1;
	}
	.detailresaStyle > .btnReduit {
		display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 0;
	}
}