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

/* ########################################## CSS MISTERFLY ################################################# */
.mrflyheader {
	background: #fff;
	text-align: center;
	padding: 0;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.headerAnimate {
	background: #fff;
	text-align: center;
	padding: 6px 0 6px 0;
}
.logoWaitAnimated img {
	height: 55px;
}
/* ######################################## FIN CSS MISTERFLY ############################################### */

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

div.center {
	text-align: center;
}
.txt-light {
	color: #c5cad1;
}
.txt-light > a {
	color: #333333;
	cursor: auto;
	text-decoration: underline;
}

/* ########################################## style page flexbox ################################################# */

html, body {
	height: 100%;
	width: 100%;
}
body {
	display: flex;
	flex-direction: column;
	text-rendering: optimizeLegibility;
}

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

.contentContainer {
	flex-grow: 1;
	width: 100%;
	transition: width ease .3s;
}
.contentHeaderWait {
	display: none;
}
@media (min-width:640px) {
	.headerWaitcontainer {
		position: relative;
		z-index: 100000;
	}
}
body.withMinHeight main{
	min-height: calc(100% - 113px);
}

body.withMinHeight main{
	min-height: calc(100% - 111px);
}
/* **** */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
body {
	background-color: #e0e5eb;
	-ms-overflow-style: scrollbar;
}
body.fixedBody {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
}
input[type] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-value {
	background: none;
	color: #060626;
}
::-ms-clear {
	display: none;
}
/** masquer les fleches sur les inputs type number**/
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}

/* Opéra*/
input[type=number]::-o-inner-spin-button,
input[type=number]::-o-outer-spin-button { 
	-o-appearance: none;
	margin:0
}

@media(max-width:639px){
	body.homePage {
		padding-bottom:0px!important;	
	}
}
button[disabled], html input[disabled], select[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; 
  padding-left: 25px; 
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
}
/* :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: 0px;
  	width: 15px; 
  	height: 15px;
  	border: 1px solid #aaa;
  	border-radius: 3px;
}
.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: 0px;
  	left: 2px;
  	font-size: 14px;
}
/* Aspect si "pas cochee" */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
/* Aspect si "cochee" */
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/***checkbox type Spring**/
.checkboxSpring[type="checkbox"]:not(:checked) + input[type="hidden"] + label,
.checkboxSpring[type="checkbox"]:checked + input[type="hidden"] + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
}
/* :before sert a creer la case a cocher */
.checkboxSpring[type="checkbox"]:not(:checked) + input[type="hidden"] + label:before,
.checkboxSpring[type="checkbox"]:checked + input[type="hidden"] + label:before {
  	content: '';
  	position: absolute;
  	top: 2px; 
  	left: 0px;
  	width: 15px; 
  	height: 15px;
  	border: 1px solid #aaa;
  	border-radius: 3px;
}
/* Aspect general de la coche */
.checkboxSpring[type="checkbox"]:not(:checked) + input[type="hidden"] + label:after,
.checkboxSpring[type="checkbox"]:checked + input[type="hidden"] + label:after {
  	font-family: 'picto-font';
	content:"\e60d";
  	position: absolute;
  	top: 0px;
  	left: 2px;
  	font-size: 14px;
}
/* Aspect si "pas cochee" */
.checkboxSpring[type="checkbox"]:not(:checked) + input[type="hidden"] + label:after {
  opacity: 0;
  transform: scale(0);
}
/* Aspect si "cochee" */
.checkboxSpring[type="checkbox"]:checked + input[type="hidden"] + label:after {
  opacity: 1; 
  transform: scale(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;
}
.displayInlineBlock {
	display: inline-block;
}
.displayInline > * {
	display: inline-block;
}
.displayTable {
	display: table;
	width: 100%;
}
.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{
	background-color:#ffffff;
	opacity:0;
	height:100%;
	width:100%;
	position:fixed;
	display:none;
}
.transparent.slide-active{
	display:inherit;
}
.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;
}
.--clear {
	clear: both;
}
.link-reset {
	text-decoration: underline;
	color: #888;
}
.link-reset:hover, .link-reset:focus {
	text-decoration: none;
	color: #888;
}

.cellHeightContent {
	height: 100%;
}
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;
}
.modal {
    z-index: 990001;
}
.modal-dialog {
    top: 85px;
}
body.modal-open{
    padding-right:0px!important;
}
.modal-open .modal {
    padding-right:0px !important;
}
.visible {
	visibility: visible !important;
}
.notVisible {
	visibility: hidden !important;
}
.datepickerContainer {
	position: relative;
	display: block;
}
.datepickerContainer .cal {
	position: absolute;
	right: 12px;
	top: 13px;
	z-index: 4;
}
.picto-calendar {
	font-size: 21px;
    font-size: 2.1rem;
}
.ui-datepicker table td.highlight a.ui-state-default {
    background: #FFF;
    border: 1px solid #FE5101;
    color: #FE5101;
    -webkit-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s;
}
.form-control {
	background: #fff;
	border: 1px solid #e0e2e5;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	color: #333333;
	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;
}
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;
}
.containerPicto input, .containerPicto select, .containerPicto .customSelectInner, .select-style, option {
    color: #7a7a7a;
}
/* ########################################## ANIMATION ANGULAR ################################################# */
.animated {
    transition: 0.5s ease all;
}
.animated.ng-hide {
    opacity: 0;
}
/*** container **/
#container {
	max-width: 1140px;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 100%;
}
@media (min-width: 1024px) {
	.bookingViewPage #container {
		padding:0;
	}
}
/********************** CSS BOUTONS **********************/
a:FOCUS, button:FOCUS {
	outline: none;
}
.btnStyle1 {
	color: #fff;
}
.btn-cancel{
	background: #ffffff;
    border: medium none;
    color: #888;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right:10px;
}
.btn-cancel span{
	font-size: 14px;
    font-size: 1.4rem;
    margin-right:7px;
    vertical-align: sub;
}
#btnSearch, #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;
}
#ui-datepicker-div {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    border: 1px solid #e0e2e5;
    border-radius: 3px;
}
.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 {
    box-shadow: none;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #E8E8E8;
    z-index:100040!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: 400;
    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: 400;
    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-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #ffffff;
/*     font-weight: 700; */
}
.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: 400;
    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: #e0e2e5;
	opacity: 1;
}
.ui-datepicker-calendar td {
    width: 36px;
}
.ui-datepicker table {
    margin: 0px;
}
@media(max-width:639px){
	#ui-datepicker-div {
		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 */
    transition: background 0.5s, border 0.5s;
}
.ui-datepicker table td.highlight a.ui-state-hover {
	color: #FFF;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
/********************** CSS CUSTOM SELECT **********************/
.customSelectContainerDiv {
	position: relative;
}
.customSelect { 
	background: #fff;
	color: #060626;
	border-width: 1px;
	border-style: solid;
	border-color: #e0e2e5;
	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;
}
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);
  	-moz-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: #e0e2e5;
	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;
	text-overflow:ellipsis;
}
/********************** CSS HEADER **********************/
header {
    padding: 15px 0;
    background: #fff;
}
/* Fin CSS pour le header de la page result */
.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: 400;
	margin: 0 0 0 10px;
	line-height: 22px;
	cursor: default;
}
.companyLogo {
	text-align: right;
	 padding-right: 10px;
}
.companyLogo img {
	max-height: 65px
}
/********************** CSS NAV **********************/
nav.navbar {
    height: 50px;
    border: none;
}
@media (min-width: 800px) {
	nav.navbar {
	    height: 50px;
	}	
}
.navbar-inverse .navbar-nav > li > a, .homePage.bodyWait .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%;
	  	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	  	transition: all .3s ease-out;
	  	cursor: pointer;
	  	text-decoration: none;
	}
	.homePage .btnConnect button:hover, .homePage .btnConnect button:focus, .staticPartPage .btnConnect button:hover, .homePage .staticPartPage button:focus{
	 	color: #ffffff;
	}
	.homePage.bodyWait .btnConnect button{
	  	text-transform: lowercase;
	  	box-shadow: none;
	  	text-decoration: none;
	}
	.homePage.bodyWait .btnConnect button:FIRST-LETTER{
	  	text-transform: capitalize;
	}
	
}
.btnConnect, .homePage.bodyWait .btnConnect {
	position: absolute;
	z-index: 1;
	right: 50px;
	top: 0px;
}
.staticPartPage .btnConnect  {
	top: 65px;
}
.homePage .btnConnect {
    top: 110px;
}
.hotelBookingDetail .btnConnect, .carSearchPage .btnConnect, .bookingPaxPage .btnConnect, .bookingConfirmPage .btnConnect , .bookingViewPage .btnConnect, .homePage.bodyWait .btnConnect {
	right: 10px;
}
@media (max-width: 639px) {
	.homePage .btnConnect, .staticPartPage .btnConnect {
		top: 0;
	}
	.btnConnect, .homePage.bodyWait .btnConnect  {
		right: 45px;
		left: 50px;
	}
	.btnConnect:nth-child(0), .homePage.bodyWait .btnConnect  {
		border: 0 2px 0 0 solid #ffffff;
	}
}
.btnConnect button, .homePage.bodyWait .btnConnect button  {
		color: #fff;
		background-image: none;
		border: none;
		border-radius: 0;
/* 		box-shadow: none; */
		cursor: pointer;
		font-size: 16px;
		font-size: 1.6rem;
		padding: 1px 6px;
		font-weight: 400;
		line-height: 50px;
		height: 50px;
}
.btnCheckLanguage {
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 10px;
	color: #ffffff;
	cursor: pointer;
}
.btnCheckLanguage img {
	width: 27px;
	height: 27px;
}
@media (min-width: 640px) {
	.btnConnect, .homePage.bodyWait .btnConnect  {
		right: 10px;
	}
	.btnCheckLanguage {
		right: 15px;
	}
	.btnCheckLanguage img {
		width: 30px;
		height: 30px;
	}
}
@media (min-width: 1024px) {
	.btnConnect, .homePage.bodyWait .btnConnect {
		right: 10px;
	}
	.btnConnect button, .homePage.bodyWait .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;
	}
}
/********************** 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;
}
#slide-nav .navbar-toggle {
    background-color: #888;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    float: left;
    height: 50px;
    line-height: 0;
    margin: 0;
    padding: 12px 0 0 12px;
    position: relative;
    width: 50px;
}
.navbar .picto-menu {
	color: #fff;
	font-size: 25px;
	font-size: 2.5rem;
}
.navbar .picto-menu:hover, .navbar .picto-menu:focus, .navbar .picto-menu:active {
	color: #eee;
}
#slide-nav .navbar-toggle.slide-active {
	left: 0;
    margin-right: 0;
    padding: 13px 0 0 15px;
    top: 0;
    width: 100%;
    z-index: 2;
}
.navbar-header {
    position: absolute;
}
.navbar.navbar-fixed-top.slide-active {
    position: relative;
}
@media (max-width: 799px) {
	#slide-nav .container {
		margin: 0;
		padding: 0 !important;
	}
	#slide-nav .navbar-header {
		margin: 0 auto;
	}
	#slide-nav .navbar.slide-active {
		position: absolute;
		top: -1px;
		width: 80%;
		z-index: 1000;
	}
	#slide-nav #slidemenu {
		background: none repeat scroll 0 0 #f7f7f7;
		left: -100%;
		margin: 0;
		min-width: 0;
		padding-left: 0;
		padding-right: 0;
		position: absolute;
		top: 0;
		width: 80%;
		z-index: 2;
	}
	#slide-nav #slidemenu .navbar-nav {
		margin: 0;
		min-width: 0;
		width: 100%;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
		min-width: 0;
		white-space: normal;
		width: 80%;
	}
	.navbar-toggle.slide-active {
		left: -15px;
		margin-right: 0;
		position: absolute;
		top: 0px;
		z-index: 500;
	}
	.navbar-header.slide-active {
		width:20%;
	}
	#slide-nav {
		border-top: 0 none;
	}
	#slide-nav.navbar-inverse #slidemenu {
		background: none repeat scroll 0 0 #565656;
	}
	.nav.navbar-nav > li {
    	border-bottom: 2px solid #464646;
	}
	.nav.navbar-nav > li:FIRST-CHILD {
    	border-top: 1px solid #464646;
	}
	.nav.navbar-nav > li:LAST-CHILD {
    	border-bottom: 1px solid #464646;
	}
	#slide-nav #navbar-height-col {
		height: 100%;
		left: -80%;
		position: fixed;
		width: 80%;
	}
	#slide-nav.navbar-inverse #navbar-height-col {
		background: none repeat scroll 0 0 #ffffff;
		border: 1px solid #eeeeee;
		z-index: 1;
	}
	#slide-nav .navbar-form {
		margin: 8px 0;
		overflow: hidden;
		text-align: center;
		width: 100%;
	}
	#slide-nav .navbar-form .form-control {
		text-align: center;
	}
	#slide-nav .navbar-form .btn {
		width: 100%;
	}
}
@media (min-width: 800px) {
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:active {
		color: #fff;
	}
}
/********************** CSS BREADCRUMB **********************/
.noCursorHand {
	cursor: default;
}
/********************** 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;
	}
}
/* ################################################# HOME ################################################# */
.homePage .container-fluid {
		padding-left: 0px;
  		padding-right: 0px;
}
.contentFormHome {
	margin-left: 10px;
	margin-right: 10px;
}
@media (max-width: 639px) {
	.contentFormHome {
		margin-left: 0;
		margin-right: 0;
	}
}
/*************** 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;
	}
	.homePage .btnConnect button:first-child, .staticPartPage .btnConnect button:first-child {
		margin-bottom: 5px;
		margin-right: 0;
	}
}
/********************** CSS CONTENTFORM **********************/
.contentForm {
	color: #888;
	padding-top: 15px;
	background-color: #fff;
}
.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;
}
@media (min-width:640px){
	.contentFormHome .contentForm {
	  	background: rgba(255, 255, 255, 0.85);
	  	color: #000;
	}
	.contentFormHome ul.mealplanList label {
		color: #000;
	}
	.contentFormHome .icheckbox_orange, .contentFormHome .icheckbox {
		border: 1px solid #999A9A;
		background: #fff;
	}
}
@media (max-width: 639px) {
	.contentForm {
		padding: 30px 15px;
	}
}
/**** CSS FORMULAIRE ****/
.dateGo .picto-calendar, .dateBack .picto-calendar {
	cursor: pointer;
}
.dateGo span, .dateBack span {
	color: #64686c;
	vertical-align: middle;
}
.containerDate {
	width: 65%;
}
.contentForm label {
   	font-weight: 400;
}
@media (max-width: 639px) {
	.contentForm { 
		margin :0;
		border-radius: 0px;
	}
	.contentForm label {
    	display: block;
	}
}
@media (min-width: 640px) {
	.contentForm .desti input[type="text"] {
		display: inline-block;
		margin-right: -4px; 
		width: 75%;
		width: -moz-calc(100% - 140px);
	    width: -webkit-calc(100% - 140px);
	    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%;
		width: -moz-calc(100% - 190px);
	    width: -webkit-calc(100% - 190px);
	    width: -ms-calc(100% - 190px);
	    width: -o-calc(100% - 190px);
	    width: calc(100% - 190px);
	}
}
/**** autocomplete ****/
.ui-autocomplete {
	z-index:1001;
	border-radius: 3px;
}
.ui-autocomplete.ui-widget-content {
	max-height: 300px;
	border-radius: 3px;
    background-color: #fff;
    border: 1px solid #e0e2e5;
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
	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;
	background: #f2f4f7;
    padding: 10px;
}
.ui-autocomplete.ui-widget-content a {
	display: block;
	color: #333;
	font-weight: normal;
	min-height: 25px;
	line-height: 20px;
 	padding: 10px;
	border-top: 1px solid #f2f4f7;
}
.ui-autocomplete.ui-widget-content li {
    min-height: unset;
    padding: 0;
}
.ui-autocomplete.__alt.ui-widget-content li {
   	display: flex;
	align-items: center;
    min-height: 25px;
    padding: 10px 20px 10px 30px;
}

.carBookingPax .ui-autocomplete.ui-widget-content li:hover div {
	color: #fe5101;
}

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

.carBookingPax .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,
.ui-state-active,
.ui-autocomplete.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #f2f4f7;
	color: #000;
	margin: 0;
}
.ui-autocomplete.ui-widget-content .ui-state-hover, 
.ui-autocomplete.ui-widget-content .ui-state-focus, 
.ui-autocomplete.ui-widget-content .ui-state-active {
	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;	
/* 	background: #dddddd; */
}
.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;
}
.ui-widget-content .ui-menu-item:hover, 
.ui-widget-content .ui-menu-item:hover > * {
	background: #f1f2f6;
}
/**** Fin autocomplete ****/
.contentForm .dateGo .picto-calendar, .contentForm .dateBack .picto-calendar {
	display: inline-block;
	margin-right: -4px;
	margin-left: 10px;
}
.contentForm .dateContent input[type="text"] {
	display: inline-block;
	margin-right: -4px; /* annule l'espace indesire sur le inline-block */
	width: 88%;
	width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -ms-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);
}
.labelIcon {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
}
.mealplanType label {
	width: 190px;
}
.contentForm #btnSearch {
	height: 95px;
	width: 100%;
	padding: 10px 0;
	text-transform: uppercase;
}
@media (max-width: 639px) {
	.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%;
	}
	.carSearchPage .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: 400;
	    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-right: 0;
	}
	.divInlBlockRela {
		display: inline-block;
    	position: relative;
    	margin-right: -4px;
	}
	.divInlBlockRela .infoDay {
		font-size: 12px;
		font-size: 1.2rem;
	    font-weight: 400;
	    left: 5px;
	    margin-bottom: 0;
	    position: absolute;
	    top: 37px;
	    text-transform: lowercase;
	}
}
#startDateIcon, #endDateIcon, .nbSuitCaseDiv {
	font-size: 28px;
	font-size: 2.8rem;
}
.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;
	}
	.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;
	}
}
.contentForm .labelStyleForm {
    display: table-caption;
    width: 100%;
}
.roomSelectLabel {
	margin: 0 0 10px 10px;
}
.roomRepartInputStyle {
	margin-bottom: 2px;
}
.contSelect {
	position: relative;
	margin-left: 10px;
}
.tilteNbRoomCont label {
	font-weight: 400;
}
.centeredBtnDiv {
	text-align: center;
}
.btnSearchFormDiv {
	margin-top: 10px;
}
.btnForm {
	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 {
	box-shadow: none;
}
@media (min-width: 640px) {
	.centeredBtnDiv {
		display: inline-block;
	}
	.btnSearchFormDiv {
		text-align: right;
	}
}
/**** CSS SLIDERPRICE ****/
.contentFilter {
	display: inline-block;
	width: 98%;
}
.contentFilter span {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
}
.noUi-horizontal .noUi-handle {
    height: 18px;
    width: 18px;
    left: -10px;
    top: -4px;
}
@media (min-width: 640px) {
	.contentFilter {
		margin: 0 -4px 0 0; 
	}
}
@media (min-width:640px) and (max-width: 1280px) {
	.noUi-horizontal .noUi-handle {
	    height: 22px;
	    width: 22px;
	    top: -6px;
	}
}
@media (min-width: 1024px) {
	.contentFilter span {
		font-size: 13px;
		font-size: 1.3rem;
	}
}
.noUi-target {
	height: 10px;
	border: none;
}
.noUi-handle {
    border-radius: 30px;
    width: 27px;
}
.noUi-handle::after, .noUi-handle::before {
	background: none;
}
.noUi-origin {
    border-radius: 30px;
}
.noUi-connect {
	 box-shadow: none;
}
.noUi-background{
	background: #fff;
	box-shadow: none;
}
.noUi-handle.noUi-handle-lower {
	left: -9px;
}
.noUi-handle.noUi-handle-upper {
	left: -9px;
}
#filterPrice .noUi-connect {
	box-shadow: none;
}
.noUi-base {
	background-color: #fff;
	border-radius :30px;
}
@media (max-width: 1023px){
	#modifForm .noUi-base, 	#modifForm .noUi-background {
		background: #f1f1f1;
	}
}
.carSearchPage #modifForm .noUi-base, .carSearchPage #modifForm .noUi-background{
	 background: #f1f1f1;
}
@media (max-width: 639px) {
	.contentForm span.arrow{
		position:absolute;
	}
	.homePage .contentBestBuy h2 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}
.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: #888;
	margin-bottom: 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width:70%;
}
.HtlOption {
	color: #888;
	margin-bottom: 0;
	line-height: normal;
}
@media (min-width: 640px) {
	.HtlName {
		display: inline-block;
		margin-bottom: 0;
	}
	.HtlOption {
	    overflow: hidden;
	    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;
	}
}
/********************** CSS POPUP HOME **********************/
.noPadding{
	padding-left: 0;
	padding-right: 0;
}
.modal-body {
	padding: 0;
}
.modal-content {
	padding: 15px;
}
.modal-content a {
	cursor: pointer;
}
.close {
	line-height: normal;
	filter: alpha(opacity=100);
}
.modal-footer {
	text-align: center;
}
.modal-footer p {
	margin-bottom: 0px;
	display: block;
	color: #888;
	font-size: 13px;
	font-size: 1.3rem;
}
.modal h3.__alternative {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 20px;
}
.btnConnex {
	text-align: right;
	margin-top: 15px;
	padding-right: 0;
}
.btn-close {
	text-align: right;
	margin-top: 20px;
	padding: 0px;
}
.modal-content .modal-header.__cross {
	top: 5px;
	right: 5px;
}
.modal button.picto-cross {
	font-size: 16px;
	color: #333333;
	background: none;
	border: none;
	padding: 4px;
}
@media(max-width:639px){
	.btnConnex {
		padding-right: 0;
	  	padding-left: 0;
	}
	.btnModalPopup button {
		width: 100%;
	}
}
.btnConnex button {
	text-transform: uppercase;
}
.modal-header .picto {
	color: #C5CAD1;
}
.modal-content .modal-header {
	padding: 0;
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 1;
}
.modal-content .noPadding {
	padding-left: 0;
	padding-right: 0;
}
.modal-content .modal-footer {
	padding: 0;
}
@media (min-width: 640px) {
	#myAccount .modal-dialog {
		margin-top: 100px;
	}
}
.backLink {
	text-align: left;
	margin-top: 15px
}
.backLink button {
	background: none repeat scroll 0 0 #888;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 6px 20px;
}
.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: 16px;
  	padding: 10px 20px;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	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;
  	border: 2px solid #777;
  	background-color: #777;
  	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #777);
  	background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #777);
  	background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #777);
  	background-image: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #777);
  	background-image: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0.2), #777);
}
.backLink button.btn-cancel:hover, .backLink button.btn-cancel:focus {
	background-color: #888;
  	border-color: #888;
}
.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 {
		text-align: center;
	}
	.backLink {
		margin-top: 10px;
	}
}
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masquee par defaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
#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 **********************/
#wait {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}
#wait .container-bloc {
	width: 100%;
	max-width: 360px;
	margin: 250px auto auto;
	border-radius: 8px;
	padding: 32px 16px 40px;
	overflow: hidden;
}
#wait .overlay {
	z-index: -1;
}

#bgWait, #smallWait, .bgWait {
	position: fixed;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
#bgWait, .bgWait {
	background: center no-repeat rgba(255, 255, 255, 0.5);
}

.valise {
	height: 70%;
}
.txtWait {
	text-align: center;
	padding-top: 20px;
	font-weight: 400;
	font-size: 15px;
	font-size: 1.5rem;
}
/* ################################################# HOTELS SEARCH ################################################# */
.carSearchPage 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;
}
.carSearchPage .customSelect {
	width: 100%!important;
}
.carSearchPage select.customSelect {
    width: 100%;
}
/******* FORMULAIRE MODIF *******/
#modifForm {
	position: relative;
}
#modifForm .form-group {
	margin: 0px;
}
.formSearchCar > div {
	margin-bottom: 10px;
}
.formSearchCar > div:last-child {
	margin-bottom: 0;
}
#modifForm .overflow {
	height: 96px;
	overflow: hidden;
}
#paxBtn {
	text-transform: lowercase;
}
.logoModifContainer {
	display: none;
}
.modifFormPax {
	position: relative;
}
.modifFormCityField, .modifFormPaxField, .searchFormSelect {
	position: relative;
}
.modifFormCityField input, .modifFormPaxField input, .searchFormSelect select {
	padding: 50px 6px 6px;
	height: 96px;
	border-radius: 3px;
}
.modifFormCityField label, .modifFormPaxField label, .searchFormSelect label, #ageDriver label {
	position: absolute;
	top: 0;
	width: 100%;
	padding-left: 5px;
	height: 46px;
	line-height: 46px;
	color: #64686C;
	background: #f2f4f7;
	font-weight: normal;
	border: 1px solid #e0e2e5;
	border-radius: 3px 3px 0 0;
	transition: all .25s ease-out;
}
#ageDriver label {
	border: 0 none;
}
.modifFormPaxField input.focus + label { 
	color: #fff;
}
.modifFormCityField .has-erreur  label{
    border: 1px solid #cc2908;
    background: #cc2908;
    color: #fff;
}
.modifFormCityField .popin_erreur {
	top: 100px;
}
.searchFormSelect label {
	border: 0px none;
	border-bottom: 1px solid #e0e2e5;
}
@media(min-width:640px){
	#modifForm .nbSuitCaseDiv{
		width:100%;
		left:0;
	}
	.logoModifContainer {
		display: table-cell;
	}
}
.carSearchPage #modifSearchForm #modifForm {
 	background: #fff;
	padding: 15px;
	border-radius: 0px;
}
.carSearchPage #modifSearchForm #btnCloseModif {
	top: 10px;
 	right: 10px;
}
.carSearchPage #modifForm .suitCaseNight {
	position:static;
}
.carSearchPage #modifForm span.suitCase {
	position:relative;
}
.carSearchPage #modifForm .nbSuitCaseDiv {
	left:4px;
	width:25%;
}
.BtnAlignRight {
    text-align: right;
}
.BtnAlignRight .btn-default {
	text-transform: uppercase;
	width: 125px;
}
@media (max-width: 639px) {
	#modifForm  .formSearchCar > div {
		margin-bottom: 10px;
	}
	.hidden-xs {
	    display: none !important;
	}
	.btnSearchCancel {
		padding: 0px;
		padding-top: 5px;
	}
	.formSearchCar .dateGo, .formSearchCar .dateBack {
		margin-bottom: 0px;
	}
	.formSearchCar > div:first-child {
		margin-bottom: 5px;
	}
	#modifForm #dateStart + div {
		margin-bottom: -2px;	
	}
}
@media (min-width: 640px){
	.contentForm {
		margin: 100px auto;
    	padding: 30px 30px 20px;
	}
	.formSearchCar > div > div:last-child {
    	padding-right: 0px;
	}
	#modifForm .contentAnim.form-group {
		margin-bottom: 15px;
	}
	.btnSearchCancel {
		padding-top: 0px;
	}
	#btnSearch {
		height: 95px;
	}
	.carSearchPage #modifSearchForm #modifForm {
		border-radius: 3px;
	}	
	.recapResaClass {
    	padding: 0;
	}
}

@media (min-width: 1024px) {
	#modifForm.homeForm .formSearchCar > div:last-child > .form-group {
		margin-bottom: 15px;
	}
	.formSearchCar > div:first-child {
    	margin-bottom: 0px;
	}
	#searchAroundBtn {
    	display: none;
	}
}
#modifSearchForm .dateGo, #modifSearchForm .dateBack, #modifForm .dateGo, #modifForm .dateBack  {
    margin-bottom: -1px;
}
#modifSearchForm .dateGo input, #modifForm .dateGo input {
	position: relative;
	top: 1px;
}
#modifForm #dateStart input,
#modifForm #divStartTime {
	border-radius: 3px 3px 0px 0px;
}
#modifForm #dateEnd input,
#modifForm #divEndTime {
	border-radius: 0px 0px 3px 3px;
}
#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: 50%;
	border: 1px solid #e0e2e5;
	height: 48px;
}
#modifSearchForm .dateGo label, #modifSearchForm .dateBack label, #modifForm .dateGo label, #modifForm .dateBack label {
	width: 100%;
	height: 46px;
	line-height: 44px;
	text-align: left;
	padding-left: 5px;
	position: absolute;
	color: #fff;
	left: 1px;
	color: #64686C;
	background: #f2f4f7;
	font-weight: normal;
	transition: all .25s ease-out;
	z-index: 2;
}
#modifSearchForm .dateGo label, #modifForm .dateGo label {
	top: 2px;
	width: 45%;
}
#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;
}
.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: 300;
	border-radius: 3px;
}
#modifForm .customSelect {
	color: #060626;
}
/* form search car */
#modifForm #startDiv .form-group {
	margin-bottom: 10px;
}
#modifForm #startDiv .ui-front {
	z-index: 1001;
}
#modifForm .overflow > div {
	-webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;	
}
#modifForm #ageDriver {
	height: 100%;
}
#modifForm .select-style {
	height: 95px;
}
#modifForm .dateGo .select-style {
	border-radius: 3px 3px 0px 0px;
}
#modifForm .dateBack .select-style {
	border-radius: 3px;
}
#modifForm .dateBack .inputHeure .select-style,
#modifForm .dateBack .inputMin .select-style {
	border-radius: 0px 0px 0px 0px;
}
#modifForm .dateBack .inputMin .select-style select {
	border-radius: 0px 0px 0px 0px;
}
#modifForm .select-style select + label, #modifForm .containerSelects > label, #modifForm .select-style select:focus + label {
	height: 47px;
	left:0;
	top:0;
}
#modifForm .inputMin .select-style select {
	padding-left: 5px;
}
#modifForm .containerSelects {
	border: 1px solid #e0e2e5;
    border-radius: 0px 0px 3px 3px;
	position: relative;
}
#modifForm .containerSelects .select-style {
	border: 0 none;
	height: 46px;
}
#modifForm .containerSelects > label {
	height: 46px;
    border-radius: 0;
}
#modifForm .containerSelects .inputMin .select-style.focus, #modifForm .containerSelects .inputHeure .select-style.focus {
	border:0 none;
}
#modifForm .containerSelects .inputHeure .select-style, #modifForm .containerSelects .inputHeure .select-style.focus {
	border-right: 1px solid #e0e2e5;
}
#modifForm #ageDriver select {
	font-size: 14px;
}
#modifForm #ageDriver select, #modifForm #ageDriver > div::after {
	padding-top: 47px;
}
.toggleRestitution {
	display: inline-block;
	margin-top: 10px;
}
.toggleRestitution label[for='toggleRestitution'] {
	font-weight: normal;
	padding-left: 20px;
}
.toggleDropOff {
	-webkit-transform: translateY(calc(-100% - 15px));
  	-moz-transform: translateY(calc(-100% - 15px));
  	-o-transform: translateY(calc(-100% - 15px));
  	transform: translateY(calc(-100% - 15px));
}
#modifForm .popin_erreur {
	top: 100px;
}

#popin_error_dropoff {
	bottom: 0;
    right: 5px;
}


/* fin form search car */
@media (min-width: 1024px){
	#paxPopin {
	  min-width: 300px;
	}
}
@media (max-width: 639px){
	.homePage .modifPopin .carSearchPage .modifPopin {
		position: relative;
	}
}
.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;
}
.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;
}
.modifPopinTitle:first-letter {
	text-transform: capitalize;
}
.modifPopinTitle .microcopy {
    margin: 5px 0 0 0;
    display: block;
	font-weight: 500;
    font-size: 12px;
}
.modifPopinContent {
	padding: 10px;
}
.modifPopinContent p {
	margin: 0 0 5px;
}
.formSection {
	border-bottom: 1px solid #e6e8ea;
}
.formSection:last-child {
	border: none;
}
.childrenAgeDiv {
	background: #f2f4f7;
}
.modifPopinContent .formPopinLine > div {
	vertical-align: middle;
}
.formPopinLine label {
	margin: 0;
	font-size: 14px;
	color: #64686c;
	font-weight: normal;
}
.plusMinusForm {
	text-align: right;
	white-space: nowrap;
}
.selectPopinForm, .selectPopinForm .customSelect {
	width: 80px;
}
.formCountDiv {
	color: #888;
}
.plusMinusForm > * {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	text-align: center;
	font-size: 24px;
	background-size: cover;
	background-repeat: no-repeat;
}
.plusMinusForm button {
	margin: 0;
	padding:0;
	background: none;
	border: none;	
	line-height: 30px;
	color: #c5cad1;
}
.plusMinusForm button.active {
	color: #64686c;
}
#modifSearchForm .roomAgeTables{
	display:table;
	table-layout: fixed;
	width: 100%;
	cursor: default;
}
.labelAgeschild {
	color: #64686c;
	font-weight: bold;
	font-size: 12px;
}
#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;
}
.modifPaxPopinValidBtn {
	width: 100%;
}
.recapResaClass {
	border-radius: 3px;
	font-weight: 400;
	color: #333333;
	padding: 15px;
	background-color:#FFFFFF;
}
.recapResaContent {
	vertical-align: middle;
	cursor: default;
	font-size: 14px;
	font-size: 1.4rem;
}
.recapResaContent h1 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 2px;
	font-weight: bold;
}
@media (max-width: 640px) {
/* 	.recapResaClass .BtnAlignRecap #btnModifier { */
/* 	    padding-top: 5px; */
/* 	    padding-bottom: 5px; */
/* 	} */
}
#modifForm h1 {
	color: #000;
	margin-bottom: 15px;
	margin-top: 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.recapResaContent .geoName {
	font-weight: bold;
}
.geoName {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
}
.infosResaCar {
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.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;
}
.BtnAlignRecap button:HOVER,.BtnAlignRecap button:FOCUS {
	color: #ffffff;
}
.BtnAlignRecap button:ACTIVE {
	box-shadow: none;
}
.recapResaContent .checkIn, .recapResaContent .checkOut, .recapResaContent .nbNights {
	font-weight: bold;
}
div.divRecap{
	display: inline-block;
}
.recapResaContent .searchRepartition {
	text-transform: lowercase;
}
.BtnAlignRecap {
    align-self: start;
}
.BtnAlignRecap button {
	font-size: 14px;
	background: none;
   	border-radius: 3px;
}
.BtnAlignRecap button:hover, .BtnAlignRecap button:focus {
  	color: #fff;
}
.btnSearchCancel{
	text-align:right;
}
@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;
	}
}
#modifSearchForm #btnSearch {
		height: 95px;
		width: 100%;
		padding: 10px;
}
@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;	
}
/******* FORMULAIRE FILTRE *******/
#filterForm label.checkbox {
	padding-left: 24px;
}
#filterForm label.checkbox::before,
#filterForm label.checkbox > svg {
	left: 0;
}
#filterForm .displayTable > label.titelContent {
	padding-bottom: 10px; 
}
#filterForm .customSelect, #filterForm .customSelectInner {
	width: 100% !important;	
}
#filterForm .microlegend {
	font-size: 10px;
}
#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);
}

@media(max-width: 639px) {
	.filterBtnContainer > div {
		text-align: right;
		margin-top: 10px;
	}
}
@media(min-width: 640px) {
	.filterBtnContainer {
		display: table;
		width: 100%;
	}
	.filterBtnContainer > div {
		display: table-cell;
	}
}
@media(min-width: 1024px) {
	#filterForm  {
		display: block !important;
	}
	#filterForm .drawer-footer {
		padding: 16px 0;
	}
	#filterForm .drawer-footer.__sticky {
		margin: 0 -16px -16px;
	}
	.filterBtnContainer > div {
		display: block;
		text-align: right;
		margin-top: 10px;
	}
	#btnCloseFilter span {
		vertical-align: sub;
	}
}
.contenttriplogo {
	text-align: right;
}
.contenttriplogo img {
	width: 80px;
}
.contenttriplogo span {
	font-size: 10px;
	font-size: 1rem;
	color: #9b9b9b;
	margin-right: 5px;
}
#autocomplete_titrePax {
	text-transform: lowercase;
}

.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;
}
/******* BLOC TRI *******/
#sortBlocContainer-default {
	position: relative;
}
.blocSort {
	margin-top: 20px;
	margin-bottom: 15px;
}
@media(max-width: 1023px){  
	#sortBloc {
	    border-radius: 3px;
		position: relative;
	}
	#sortBloc.radiusDown {
	 	border-bottom-right-radius: 0;
	 	border-bottom-left-radius: 0;
	 }
	.labelTriDiv {
		text-align: left;
	}
	.filterTitleDiv {
		padding-right: 5px;
		border-right: 1px solid #f2f4f7;
	}
}
#sortBloc {
	color:#888888;
	height: 42px;
	padding: 5px 10px;
}
#sortBloc > div {
	vertical-align: middle;
}
#sortBloc span.picto {
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: middle;
	width: 20px;
	text-align: right;
	color: #888888;
}
@media(max-width: 1023px) { 
	.dispTableInline > * {
		display: inline-block;
	}
}
@media(min-width: 1024px) {
	.selectListTri {
		cursor: pointer;
	    display: inline-block;
	    font-size: 12px;
	    font-size: 1.2rem;
	    width: 100%;
	    padding: 0px 10px;
	    position: relative;
	    text-align: center;
	    max-width: 300px;
	    border-left: 1px dotted #888; 
	}
	.compactSortList {
		display: none;
	}
	#sortBloc {
		padding: 10px;
	    border-radius: 3px;
	}
}
@media (min-width: 640px) {
	#sortBlocContainer-desktopMap {
		padding:0;
	}
}
#sortBloc #btnTri {
	height:100%;
	cursor: pointer;
}
#sortBloc #btnTri div {
	vertical-align:middle;
}
#sortBloc .labelTri {
    margin-bottom: 0;
    display: inline;
}
#selectedTri .labelTri span {
    font-weight: 400;
    cursor: pointer;
}
#sortBloc .spanTri{
	text-align:right;
	cursor:pointer;
	padding-left:0px;
}
#sortBloc .spanTri span {
	margin-left:5px;
	margin-right:5px;
	font-size:23px;
	font-size:2.3rem;
}
/*** 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: #888;
    font-weight: 400;
    cursor: pointer;
}
#searchControl input[type="checkbox"] {
	vertical-align: top;
	margin-right: 5px;
}
#searchControl .icheckbox_orange {
	margin-right: 5px;
	margin-bottom: 0;
}
/******* PARTIE BLOC RESULTAT *******/
@media(min-width:1024px){
	#resultListContainer-desktopMap {
		padding: 0;
	}
	#resultListContainer-desktopList {
		padding-right: 0;
	}
}
#mapBtnsRow {
	margin-top: 10px;
	margin-bottom: 10px;
}
.resultBloc {
	margin-bottom: 15px;
	position:relative;
    border-radius: 3px;
}

.HotelResultBloc{
		padding: 5px 0px 5px 5px;
	}
@media (min-width: 640px) {
	.resultMapContainer .hotelBlocListView .HotelResultBloc {
		width: 60%;
		max-width: 200px;
	}
}
.scrollTop {
    color: #ffffff;
    opacity:0.6;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    padding: 5px 0;
    position:fixed;
    right:16px;
    bottom:100px;
    font-size:9px;
    z-index:1002;
}
.scrollTop svg {
	line-height: 30px;
	margin-top: 2px;
}
.scrollTop:hover, .scrollTop:focus {
		text-decoration:none;
		color: #fff;
}
@media (max-width: 639px) {
	.detailsHotelBloc .infoHotelName, .detailsHotelBloc .contentStars {
		display: block;
	}
	.detailsHotelBloc .contentStars {
		text-align: left;
	}
}
.btnHeadBlcResult {
	text-align: right;
	height: 100%;
	vertical-align: top;
}
.btnHeadBlcResult button {
	height: 100%;
	text-transform: uppercase;
}
.resultBlocImg {
	width: 125px;
    height: auto;
}
.resultBlocImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 3px 0 0 3px;
}
.resultBlocDesc {
	vertical-align: top;
/* 	position: relative; */
}

.resultBlocDesc {
	position: relative;
}


.resultBlocDesc p {
	margin-bottom: 0;
}
.blocResultAddress {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: normal;
	color: #888;
	margin-top: 10px;
}
a.blocResultAddress, #mapResultDiv .blocResultAddress {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	z-index: 102;
	position: relative;
	display: block;
	max-width: 100%;
}
.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: #888;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
}
@media (min-width: 640px) {
	.resultBlocDesc .resultBlocPrice span {
		font-size: 15px;
		font-size: 1.5rem;
	}
}
.btnSelectHotel {
	text-align: right;
}
@media (min-width: 640px) {
	.BlocPrice {
		display: none;
	}
	.btnSelectHotel {
		position: relative;
		z-index: 105;
	}
}
@media (min-width: 640px)and (max-width: 1023px) {
	#listResultsDiv .resultBlocImg {
		height: 225px;
	    width: 200px;
	}
}
@media (min-width: 1024px) {
	#listResultsDiv .resultBlocImg {
		height: 190px;
	    width: 170px;
	}
}
.tripAdvisorNote {
	position: absolute;
	right: 9px;
	border: 1px solid #e0e2e5;
	padding: 5px;
    border-radius: 3px;
}
@media (max-width: 639px) {
	.tripAdvisorNote {
		bottom: 9px;
	}
}
@media (min-width: 640px) {
	.tripAdvisorNote {
		top: 9px;
	}
}
.adviceNumber {
	display: block;
	text-align: right;
}
.tripAdvisorNote img {
	height: 17px;
	width: 101px;
}
.globalDetailsBloc .tripAdvisorNote {
	float: none;
}
.tripadvisorDiv:hover {
	cursor: pointer;
}
@media (min-width: 640px) {
	.resultListContainer .tripAdvisorNote {
		float: left;
		padding-left: 10px;
	}
	.resultMapContainer .BlocPrice{
		display: inline;
		position: absolute;
		right: 7px;
		bottom: 7px;
	}
	.resultMapContainer .resultBlocDesc{
		padding: 3px 10px 0;
		vertical-align: top;
	}
	.resultMapContainer .tripAdvisorNote{
		float: none;
	}
	.resultMapContainer .resultBlocDesc p{
		line-height: 20px;
		padding: 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: #888;
}
.spanPriceNoPromo label {
	text-decoration: line-through;
	font-weight: 400;
	display: inline;
	font-size: 14px;
	font-size: 1.4rem;
}
.resultBlocTabAllPrice .resultBlocTabPrice {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
}
.hasPromo {
	line-height: 20px;
}
.hasPromo > p {
	margin: 0;
}
.currencyUnit {
	font-size: 16px;
    font-size: 1.6rem;
    margin-left: 3px;
}
.resultBlocTabAllPrice .currencyUnit {
	font-size: 16px;
    font-size: 1.6rem;
    margin-left: 3px;
}
.cheapestHotel .resultBlocTabAllPrice .resultBlocTabPrice, .cheapestHotel .labelFarePerNight {
	  color: #25C86A;
}
.typeAccomResult {
	text-align: center;
}
.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 {
    border-radius: 0 0 3px 0;
    position: relative;
    background: #ffffff!important;
}
.resultBlocTab .resultBlocTabAllPrice .colDispo {
	border: none;	
}
.resultBlocTabAllPrice .row {
	margin: 0;
}
.resultBlocTabAllPrice .hotelPriceTd {
	position: relative;
	text-align: right;
	white-space: nowrap;
}
.resultBlocTabAllPrice .centralCode {
	position: absolute;
	left: 5px;
	bottom: 5px;
}

.hotelPriceTd > div {
	display: inline-block;
	vertical-align: middle;
}
.dispoMealPlan {
	text-align: right;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 12px;
}
.cheapestMeal {
	background-color: #25C86A;
	padding: 0 3px;
	color: #fff;
	border-radius: 3px;
	font-weight: bold;
	text-align: center;
	border: 0 none;
}
.hotelSelectBtnContainer {
	display: none;
	width: auto;
	vertical-align: middle;
}
.hotelSelectBtnContainer button span {
	font-size: 14px;
	font-size: 1.4rem;
}
.hotelSelectBtnContainer button, .hotelSelectBtnContainer a {
	white-space: nowrap;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	padding: 10px;
    border-radius: 3px;
    margin-left: 10px;
}
.resultBlocTabAllPrice .resultBlocTabPrice {
	margin: 0;
    line-height: 18px;
}
@media (min-width: 769px) {
	.hotelSelectBtnContainer button, .hotelSelectBtnContainer a {
		white-space: nowrap;
	}
	.hotelSelectBtnContainer .btnSelectHotel button {
		display: none;
	}
	.hotelSelectBtnContainer {
		display: table-cell;
	}
}
@media (max-width: 768px) {
	.centralCode {
		display: none;
	}
	.hotelSelectBtnContainer button, .hotelSelectBtnContainer a {
  		width: 30px;
  		padding: 8px 4px;
	}
	.hotelSelectBtnContainer .btnSelectHotel a {
		display: none;
	}
  	.hotelSelectBtnContainer {
  		width: 36px;
  		padding: 5px 3px;
	}
	
}
.supplierLogo {
  	max-width: 90px;
  	margin-right: 3px;
  	position: relative;
  	z-index: 101;
  	margin-left: 5px;
}
.resultBlocImg img.supplierLogo {
  	max-width: 90px;
  	margin-right: 3px;
  	position: relative;
  	z-index: 101;
  	margin-left: 5px;
  	width: auto;
    height: auto;
}
@media(max-width:400px) {
	.tableStation .cellLogoSupp {
		display: none;
	}
}
.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;
	    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;
	}
}
.titleLocation {
	text-align: left;
}
.titleLocation span, .titleLocation span.ng-binding{
	font-weight: 400;
  	font-size: 13px;
  	font-size: 1.3rem;
}
#resultListContainer-desktopList .btnAirport, #resultListContainer-default .btnAirport {
	padding-right: 10px;
}
@media (max-width:400px) {
	.hotelSelectBtnContainer {
	  width: 26px;
	  padding: 5px 3px;
	}	
	.hotelSelectBtnContainer button, .hotelSelectBtnContainer a {
		width: 20px;
		padding: 8px 0;
	}
}
@media (max-width:367px) {
	.tripAdvisorNote img {
		height: auto;
  		width: 69px;
	}
	.tripAdvisorNote {
		padding: 2px;
	}
}
/******* BLOC RESULT MAP *******/
#resultMapDiv {
	height: 540px;
	margin-bottom: 15px;
}
#resultMapDiv.hideMap {
	position: absolute !important;
	left: 30000px;
}
#zoomIn, #zoomOut {
    color: #fff;
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 4px;
    width: 30px;
    cursor: pointer;
}
#customControl {
	z-index: 1;
	text-align: center;
	position: absolute;
	right: 0px;
}
#customControl .picto-plus-1, #customControl .picto-minus-1 {
	font-size: 20px;
	font-size: 2rem;
	vertical-align: middle;
}
@media (min-width: 1024px) {
	#resultMapContainer-desktopMap {
		margin-right: -15px;
		padding-right: 0px;
	}
}
#mapResultDiv {
	position:absolute;
	bottom: 85px;
	width: 400px;
	z-index: 2;
}
#mapResultDiv .resultBloc {
	 position: relative;
}
#mapResultDiv .BlocPrice {
	display: block;
}
#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;
}
@media(max-width:450px){
	#mapResultDiv .wrap h2 {
		width: 98%;
	}
	#mapResultDiv {
		width: 90%;
	}
	#mapResultDiv .blocResultAddress {
		display: none;
	}
}
#selectedTri .labelTri span {
		white-space: nowrap;
  		display: block;
  		text-overflow: ellipsis;
  		overflow: hidden;
	}
@media (max-width:511px) { 
	.maplistTitle {
		display: none;
	}
}
@media(min-width:829px) and (max-width:893px) { 
	#selectedTri .labelTri span {
  		width: 150px ;
	}
}
@media(min-width:679px) and (max-width:828px) {
	#selectedTri .labelTri span {
  		width: 100px ;
	}
}
@media(min-width:640px) and (max-width:678px) {
	#selectedTri .labelTri span {
  		width: 80px ;
	}
}
#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: #888888;
}
@media(max-width: 1023px) {
	 #modifSearchBtn {
		border-bottom: 6px solid #eeeeee;
	     -webkit-transition : border 200ms linear;
		-moz-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 {
		box-shadow: -2px -2px 2px #ccc;
	}
}
#modifSearchBtnContainer-default{
	padding-left: 3px;
}
/* ################################################# HOTEL DETAILS ################################################# */
.contentBtnModif {
	height: 40px;
	margin-top: 3px;
}
@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 .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;
}
.infoHotelPic {
	line-height: 1;
    text-align: right;
    vertical-align: middle;
    cursor: default;
}
.infoHotelPic span {
	cursor:pointer;
}
.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: #888;
	font-weight: 400;
	margin-bottom: 0;
}
.infoHotelTypeTitle {
	font-size: 15px;
	font-size: 1.5rem;
}
.infoHotelDate1, .infoHotelDate2, .infoHotelType, .numberNights {
	margin-top: 5px;
}
.infoHotel h2 .spanCity {
	color:#888888;
}
.info-bloc {
	background: #fff;
	border-radius: 0 3px 3px 0;
	color: #333;
}
.infoHotelContentDetails .picto-suitcase {
	margin-right: 5px;
}
.tripAdvisorNote span {
	vertical-align: sub;
	color: #589442;
}
@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;
	}
}
@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) {
	.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: #888;
}
.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: #888; 
}
.infoHotelOldPrice span {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 14px;
	margin-left: 5px;
	display: inline;
	color: #888;
	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;
}
#miniCarousel img.lazyOwl {
	height: 100%;
	width: 100%;
}
@media(max-width:639px) {
	#miniCarousel {
		display: none!important;
	}
}
@media(min-width:1024px){
	.infoHotelBott .tripAdvisorNote{
		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 CHOIX DE LA CHAMBRE *******/
#seeMoreRoomContainer {
	text-align:center;
}
#seeMoreRoomContainer button{
	color:#ffffff;
	font-weight: 700;
	cursor:pointer;
	width:100%;
	font-size : 16px;
	font-size: 1.6rem;
	padding: 10px 0;
	border-radius : 3px; 
}
#seeMoreRoomContainer button:hover, #seeMoreRoomContainer button:focus{
	color: #ffffff;
}
/******* PARTIE DESCRIPTION *******/
.DescRoomContent {
	background-color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	cursor: default;
}
.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;
}
.DescRoom {
	padding-bottom: 5px;
}
.DescRoomStyle {
	text-align: justify;
	color: #888;
}
.DescRoomStyle label {
	font-size: 15px;
	font-size: 1.5rem;
}
.DescRoomStyle p {
	margin-bottom: 0;
}
@media (min-width: 1024px) {
	.DescRoomContent {
		padding-top: 5px;
	}
}
/** liste equipement **/
.EquiPicList {
	padding-left: 0;
	margin-bottom: 0;
}
.EquiPicList li {
	display: inline;
  	margin-bottom: 10px;
  	float: left;
  	width: 33%;
}
.EquiPicList span {
	margin-right: 5px;
	color: #b2b3b3;
	font-size: 19px;
	font-size: 1.9rem;
}
.EquiPicList span.picto-puce {
	font-size: 6px;
	font-size: 0.6rem;
}
.EquiPicListMore {
	padding-left: 0;
}
.EquiPicListMore .picto {
	font-size: 4px;
	font-size: 0.4rem;
    margin-right: 5px;
    vertical-align: middle;
}
.EquiPicListMore li {
	display: inline-block;
	width: 49%;
}
/******* PARTIE MAP *******/
#infoWindowResult {
	background-color: #ffffff;
    border: none;
    position: relative;
    margin-bottom: 0;
}
.headerInfoWindowResult .wrap {
    padding: 5px 10px;
}
.headerInfoWindowResult h2 {
	margin: 0;
	font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
}
.headerInfoWindowResult > * {
    vertical-align: middle;
}
#infoWindowResult #distanceHotel {
    padding: 5px 10px;
}
/******* 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%;
	}
}
@media (min-width: 1024px) {
	.htls {
	    display: inline-block;
	    width: 32%;
	    margin-right: 2%;
	    margin-left: 0px;
	}
}
.htlsViewedContent > h2 {
    background-color: #888;
    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;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
.htlsNameHtl {
    color: #888;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    overflow: hidden;
    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: #888;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    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;
}
/** 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 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 100;
}
@media (min-width: 640px){
	.htlsLikeMaybeContent .htls {
		margin-right: 2%;
	}
}
/******* PARTIE POPUP MAIL *******/
#PopupMail input[type="text"], #PopupMail input[type="password"] {
	display: inline-block;
	text-transform: lowercase;
}
@media (min-width: 640px) {
	#PopupMail input[type="text"], #PopupMail input[type="password"] {
		display: inline-block;
		width: 65%
	}
}
.contentPopupMail label {
	display: inline-block;
	color: #888;
	font-weight: 400;
	margin-bottom: 8px;
}
#PopupMail .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;
}
#PopupMail {
	text-align: left;
}
.PopupMailHeader {
	padding-bottom: 10px;
}
#PopupMail label {
    text-align: left;
    width: 140px;
}
.mailPopBtn {
    display: inline;
    vertical-align: super;
    padding-right: 15px;
}
/* ################################################# PAX ################################################# */
/******* PARTIE RECAPITULATIF DE LA COMMANDE *******/
.paxBlocRecap > .contentH2 {
	border-bottom: 1px solid #dde2e8;
	position: relative;
}
.paxBlocRecap > .contentH2 h2 {
	padding: 15px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 25px;
	font-weight: 600;
	margin: 0;
	color: #000;
  	display: block;
  	width: -webkit-calc(100% - 150px);
  	width: -moz-calc(100% - 150px);
	width: -ms-calc(100% - 150px);
	width: -o-calc(100% - 150px);
	width: calc(100% - 150px);
}
.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;
	}
	.paxBlocRecap > h2 {
		margin-top: 0px;
	}
}
.RecapDateDetails {
	display: block;
}
.contentRecapDiapo {
	display:inline-block;
    height: 80px;
    width: 80px;
}
.contentRecapDiapo img {
	height:100%;
}
.contentRecapDetail {
	padding-left:15px;
	display:inline-block;
	width: -webkit-calc(100% - 100px);
  	width: -moz-calc(100% - 100px);
	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: #888;
}
span.currency {
	font-size:10px;
	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: 1.6rem;
	text-decoration: line-through;
	font-weight: 700;
	color: #888;
}
.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;
}
/******* PARTIE INFO CE *******/
.contentInfoCe {
	color: #8AC24A;
}
.contentInfoCe p {
	display: inline-block;
	margin-left: 10px;
}
.contentInfoCe img {
	max-height: 55px;
}
/******* PARTIE INFO CE MDP OUBLIE *******/
.btnValidCE button {
	margin: 0;
}
@media (min-width: 640px) {
	.btnValidCE{
		text-align: right;
	}
}
@media (max-width: 639px) {
	.btnValidCE button {
		width: 100%;
	}
}
/******* PARTIE PAX DU RECAPITULATIF DE LA COMMANDE *******/
.paxPartContent, .connexionPartcontent {
	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: 1.8rem;
	line-height: 21px;
	font-weight: bold;
	margin: 0px;
	display: block;
}
.paxPartContent h3, .infoHotelContent h3 {
	display: block;
	color: #64686C;
	font-size: 16px;
	font-size: 1.6rem;
/* 	font-weight: 700; */
	margin-top: 15px;
}
.paxPartContent .typeRoom {
	font-size: 16px;
	font-size: 1.6rem;
}
.paxPartContent label:not(.__field), .connexionPartcontent label {
	color: #64686C;
}

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

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

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

@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:#888;
	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)
	}
}
.conditionsLink {
    display: inline-block!important;
}
.conditionsLink .linkStyle1 {
	text-transform: lowercase;
}
@media(max-width:430px){
	#paymentInfos .optionPaiment .radio img {
		margin-top: 3px;
	}
}
.blocPaymentMode, .blocPaymentLogo, .resaOptionContent {
	display: block;
	margin-top: 10px;
}
.mar-top-15 {
	margin-top: 15px;
}
.info-up {
	text-decoration: underline;
}
#paymentInfos .labelPaiment .paymentModeNoMarg {
	margin-left: 0;
}
@media(min-width:660px){
	.blocPaymentLogo, .resaOptionContent {
		display: inline-block;
		margin-top: 0;
	}
}
.cgvContent .conditionsLink span {
	display: block;
}
/* ################################################# PAIMENT ################################################# */
.bookingConfirmPage .linkContent {
	padding-left:0px;
	padding-right:0px;
}
.bookingConfirmPage .backLink, .bookingConfirmPage .btnConnex{
	padding:0px;
} 
.bookingConfirmPage label {
	font-weight: 400;
}
.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 {
	color: #888;
	margin-left: 0;
	margin-right: 0;
}
.PaiementContent h3 {
	font-weight: 700;
	font-size: 18px;
	font-size: 1.8rem;
	text-transform: uppercase;
}
.PaiementContent p {
	color: #888;
}
.PaiementContent .btnConnex {
	margin-top: 10px;
}
.paiementQuest {
	font-weight: 700;
	margin-bottom: 10px;
}
p.infoPaiment {
	font-weight: 400;
}
.insurancePartContent {
    padding-bottom: 10px;
}
.insurancePartContent li {
	display: table;
	width: 100%;
	padding-bottom: 3px;
}
.insurancePartContent ul {
	padding-left: 0;
	padding-top: 15px;
	list-style-type: none;
}
.insurancePartContent a {
    color: #333;
    display: inline-block;
}
.insurancePartContent a svg {
    color: #c5cad1;
    vertical-align: sub;
}
.insurancePartContent .labelPaiment {
	vertical-align: sub;
}
.insurancePartContent a:hover {
    color: #333;
}
.insuranceGo label {
	display: inline;
}
.insurancePartPrice {
	position: absolute;
	left:0px;
	top:129px;
	font-weight: 700;
}
.insuranceTitle {
	display: inline;
}
.insurancePrice {
	display: inline;
	font-weight: 700;
}
.filesFees {
	padding-bottom: 10px;
}
.insuranceChoice {
	position: relative;
}
.comPriceContent > div {
	margin-bottom: 10px;
}
.comPriceContent label {
	font-weight: 700;
}
.comPriceHtl label, .comPriceHtl span {
	font-weight: 400;
}
.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;
}
.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: 400;
}
.cardsDiv img {
	height: 30px;
}
.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: #cc2908;
	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: 400;
	margin-bottom: 0;
}
.viewBloc h2 {
	font-weight: 700;
	font-size: 20px;
	font-size: 2rem;
	padding: 10px 0 10px 10px;
  	margin: 30px 0 10px 0;
}
.viewBloc ul.listPolicy li {
  margin-left: 12px;
}
.contentinfoView {
	padding: 0 12px;
}
.textViewUpper {
	text-transform: uppercase;
}
.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;
}
ul.listPolicy p {
	margin-bottom: 0;
}
ul.listPolicy {
	padding-left:0;
}
ul.listPolicy li{
	margin-left: 25px;
}
.addBilling {
	margin-bottom: 5px;
}
.addBilling label {
	display: block;
}
.addBilling > span {
    display: inline-block;
    max-width: 160px;
}
.classUser {
	font-weight: bold;
}
.recapView .viewOldPrice {
    color: #888;
    display: inline-block;
    font-weight: 400;
}
.recapView .viewOldPrice span {
    text-decoration: line-through;
    color: #888;
    font-weight: 400;
}
.paiementDateContent h2 {
	font-size: 18px;
	font-size: 1.8rem;
}
.paiementDateContent a {
	font-weight: 700;
}
.viewBloc .paiementDate {
	margin-bottom: 15px;
}
.adviceContent {
    padding-top: 10px;
}
.viewBloc .linkBack {
	padding-top: 20px;
	float: left;
    display: inline-block;
}
.viewBloc .linkBack button {
	margin-bottom: 0;
}
/* ################################################# TEMPLATE PAGES STATIQUES ################################################# */
.bigStaticContent {
	color: #888;
	padding: 15px;
	background-color: #fff;
    border-radius: 3px;
}
.staticContent {
	color: #888;
	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;
}
.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: #888;
	    margin-bottom: 60px;
	    padding-top: 0;
	}
	.staticContent {
		background-color: #ffffff;
	    color: #888;
	    margin-bottom: 60px;
	    margin-top: 100px;
	    padding-top: 0;
	}
}
h2.staticTitle {
	padding-top:15px;
}
@media (min-width: 1024px) {
	.staticContent {
		margin-top: 30px;
		max-width: 1000px;
	}
	.bigStaticContent {
		margin-top: 30px;
		max-width: 1000px;
	}
}
.errorMessagePage {
	background:#ffffff;
	color:#888;
	text-align:center;
	padding: 10px;
	margin-top:15px;
}
.modal-body .errorMessage {
	color: #cc2908;
} 
.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: #cc2908;
	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) ***/
.carSearchPage footer.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 {
	visibility : visible;
}
.ui-autocomplete-loading + div span.animation {
	visibility : visible;
}
.contentAnim .animation{
	top: 2px;
	right: 5px;
}
#modifForm .contentAnim .animation{
	top: 57px;
	right: 10px;
}
@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;
	}
	.supplierCode {
		display: none;
	}
}
.contentAnim {
	position: relative;
}
.animation {
	transform-origin: 50% 50%;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;

-webkit-animation: animation linear infinite 3s;
	-moz-animation: animation linear infinite 3s;
	-ms-animation: animation linear infinite 3s;
	-o-animation: animation linear infinite 3s;
	animation: animation linear infinite 3s;
	
  -webkit-animation-name: animation;
  -moz-animation-name: animation;
  -ms-animation-name: animation;
  -o-animation-name: animation;
  animation-name: animation;
}
@-webkit-keyframes animation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes animation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes animation {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes animation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*** common style **/
.mrgBtm15 {
	margin-bottom: 15px;
}
.mrgtop15 {
	margin-top: 15px;
}
.mrgBtm5 {
	margin-bottom: 5px;
}
.txtAlignRight {
	text-align: right;
}
#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: #888;
  	font-weight: 400;
  	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 #e0e2e5;
  	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: #888;
  	font-size: 14px;
  	font-size: 1.4rem;
  	font-weight: 400;
}
.titleMiniForm {
  	padding: 16px 0 14px 7px;
  	border-radius: 0;
  	font-size: 15px;
  	font-weight: bold;
}
.contMiniForm {
	padding: 10px;;	
}
#miniFormTri .contMiniForm {
	padding: 0;
}
.miniFormBtn {
	min-width: 85px;
	height: 40px;
	padding :2px;
	margin-bottom :10px;
	background: #fff;
	color: #888;
	font-size: 11px;
	font-size: 1.1rem;
  	line-height: 13px;
  	text-align: center;
  	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;
  	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
  	border: 1px solid #e0e2e5;
  	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
}
.btnNewStyle {
  height: 40px;
  background: #fff;
  padding :2px 10px;
  color: #888;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 13px;
  text-align: left;
  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) {
	.resultMapContainer .resultBlocTab {
		display: none;
	}
	
	.resultMapContainer .resultBlocDesc {
		padding: 3px 10px 0px;
		vertical-align: top;
	}
	.resultMapContainer .containerMapDesktop {
		padding-left: 15px;
	}
	.resultMapContainer footer {
		position : fixed;
		margin-top : 0px;
		bottom : 0;
	}
	.resultListContainer footer {
		margin-top : 15px;
	}
	.resultMapContainer .containerlistResultsDiv {
		overflow : auto;
	}
	.resultListContainer .containerlistResultsDiv {
		height: auto;
	}
}
@media (max-width: 1023px) {
	.resultMapContainer #resultListContainer-default {
		display: none;
	}
	.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: #888;
	font-weight: normal;
}
.contMiniForm ul {
	margin: 0;
	padding: 0;
}
.contMiniForm li {
  list-style-type: none;
  padding: 0;
  cursor: pointer;
}
/*** page pax**/
.paxBlocRecap {
	position: relative;
	background: #f2f4f7;
	border-radius : 3px;
	margin-bottom: 15px;
}
.btnRecap{
	position: absolute;
	right: 15px;
	top: 14%;
}
.btnRecap.btnRecap.BtnAlignRecap button {
	  padding: 7px 15px;
}
.labelRoom {
	font-weight: bold;
}
.blocRemarques p {
	color: #888;
  	font-weight: 400;
}
.infoSearch {
	color: #888;
  	font-weight: 400;
  	display: table;
}
.infoSearch > span {
	margin-right: 10px;
}
.infoSearch span.picto {
	font-size: 16px;
  	vertical-align: middle;
}
.btnContinuer {
	padding: 15px 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-row > div {
	padding: 15px;
}
@media(max-width:639) {
	.accord-row > div {
		padding: 10px;
	}
}
.carResultPage .accord-row > div {
	padding: 0 10px 10px;
}
.accord-title {
	padding: 15px;
	font-size: 24px;
  	font-size: 2.4rem;
  	position: relative;
}
@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;
}
@media(min-width:1024px) {
	.infoCondPart > .accord-row:last-child {
		margin-bottom: 0px;
	}
}
span.pictoPaiment {
	background-color: #888;
}
.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:#FE5101;
	border-bottom: 1px solid #e0e2e5;
}
.accord-title.desactive{
	color:#888;
}
.accord-title.desactive span.numAccord {
	background: #888;
}
.accord-title.valid {
	color: #25C86A;
}
.accord-title.valid  span.numAccord {
	background: #25C86A;
}
.coord-error {
	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;
}
.formPayement .form-control-feedback {
	top: 13px;	
}
.has-succed > label {
	color: #25C86A;
}
.has-succed > input.form-control {
	border: 1px solid #25C86A;
	color: #25C86A;
}
.has-succed > .select-style {
	border: 1px solid #25C86A;
	color: #25C86A;
}
.has-succed .form-control-feedback {
	color: #25C86A;
}
.has-succed .form-control-feedback:before {
	content:"\e908";
}
.has-succed .btnformSelect {
	border: 1px solid #25C86A;
}
.has-erreur > input.form-control {
	border: 1px solid #cc2908;
	color: #cc2908;
} 
.has-erreur > label {
	color: #cc2908;
}
.has-erreur .form-control-feedback {
	color: #cc2908;
}
.has-erreur .form-control-feedback:before {
	content:"\e909";
}
.has-erreur .btnformSelect {
	border: 1px solid #cc2908;
}
#ageDriver.has-erreur .select-style {
	border: 1px solid #cc2908;
    color: #cc2908;
}
#ageDriver.has-erreur .select-style label, #ageDriver.has-erreur .select-style.focus label {
    background: #cc2908;
    color: #fff;
}

.has-succed > input.form-control:-webkit-autofill,
.has-succed > input.form-control:-webkit-autofill:hover, 
.has-succed > input.form-control:-webkit-autofill:focus {
	-webkit-text-fill-color: #25C86A;
}
.has-erreur > input.form-control:-webkit-autofill,
.has-erreur > input.form-control:-webkit-autofill:hover, 
.has-erreur > input.form-control:-webkit-autofill:focus{
	-webkit-text-fill-color: #e30513;
}
.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:1001;
	top: 75px;
	font-family: 'Open Sans', sans-serif;
}
.formPayement .popin_erreur {
	top: 49px;
}

.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 #cc2908;
	color: #cc2908;
}
.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: #cc2908;
}
.formPayement .has-succed.select-style,
.has-succed #cc-number, .has-succed #cvv-number,
.has-succed #card-container, .has-succed #expiry-container, .has-succed #cvv-container {
	border: 1px solid #25C86A;
	color: #25C86A;
}
.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: #25C86A;
}
.formPayement .has-succed.select-style:after, .formPayement .has-erreur.select-style:after {
	background: none;
	right: 0;
  	top: 0;
  	width: auto;
  	height: auto;
}
.formPayement .has-erreur.select-style:after {
  content: "\e909";
  color: #cc2908;
  font-size: 22px;
  font-size: 2.2rem;
}
.formPayement .has-succed.select-style:after {
  content: "\e908";
  color: #25C86A;
  font-size: 22px;
  font-size: 2.2rem;
}
.has-succed .select-style:after {
	content: "\e908";
  	color: #25C86A;
  	font-size: 22px;
  	font-size: 2.2rem;
}
.has-erreur .select-style:after {
  content: "\e909";
  color: #cc2908;
  font-size: 22px;
  font-size: 2.2rem;
}
@media(max-width:639px) {
	.popin_erreur {
		right: 20% !important;
	}
	
	#popin_error_dropoff {
		top: 103% !important;
	}/* 
	.ui-autocomplete {
     position: relative; 
	} */
}
.popin_erreur div {
	border: 2px solid #cc2908;
  	background-color: #ffffff;
  	padding: 5px 10px;
  	color: #cc2908;
  	font-size: 12px;
  	line-height: 20px;
  	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 #cc2908 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;
}
#popin_error_age.popin_erreur div {
	white-space: nowrap;
}
@media (min-width: 640px){
	#popin_error_age.popin_erreur {
		left: -70px;
	}
}
/** page confirm**/
.formPayement {
	max-width: 500px;
	margin: auto;
}
.titleFormPayement {
	text-align: center;
  	color: #333;
  	font-weight: bold;
  	font-size: 14px;
  	font-size: 1.4rem;
}
.titleFormPayement .paymentFormPrice {
	white-space: nowrap;
}
.formPayement > div {
	border: 1px solid #e0e2e5;
  	margin: 0 0 30px 0;
  	padding: 20px 30px;
    border-radius: 3px;
}
.contentSecur {
	width: 65%;
  	min-width: 500px;
  	margin: 0 auto;
  	padding: 5px;
  	border: 1px solid #e0e2e5;
  	background: #f2f4f7;
  	text-align: left;
    border-radius: 3px;
  	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.contentSecur > div {
	vertical-align: middle;
	display: inline-block;
}
.securMode p {
		margin-bottom: 0px;
		color: #333;
		font-weight: bold;
}
.securMode {
		margin-left: 10px;
} 
@media (max-width: 1000px) { 
	.contentSecur > div {
		display: block;
		text-align: center;
	}
	.securMode {
		margin-top: 10px;
		margin-left: 0;
	} 
	
}
@media (max-width: 639px) {
	.contentSecur { 
		width: 100%;
		min-width: initial;
	}
}
.btnPaiment {
	text-transform: lowercase;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	white-space: normal;
}
.btnPaiment:FIRST-LETTER {
	text-transform: uppercase;
}
/*** scroll recap***/
.containerSearchPage {
	margin-top: 20px;
}
.containerRecap {
	max-width: 1140px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding:0;
}
@media (min-width:1024px){
	.containerRecap {
		margin-bottom: 15px;
	}
}
.recapModifDetail {
    padding: 0 7px;
}
.recapModifDetail .logoDiv {
	display: none;
}
.blocListMapBtn {
	margin-top: 20px;
	margin-bottom: 15px;
	height: 42px;
}
/***page detail**/
.detailsHotelBloc {
	background: #fff;
    border-radius: 3px;
}
.detailsHotelBloc > div {
	padding: 10px;
}
.detailsHotelBloc > div#thumbnailsContainer{
	padding: 0 10px;
}
.detailsHotelBloc .galleryBloc {
	padding: 3px 0;
}
.DescRoomContent {
	border-bottom: 1px solid #e0e5eb;
	border-top: 1px solid #e0e5eb;
}
.DescRoomTable {
	display: table;
	width: 100%;
}
.DescRoomTable > div {
	display: table-cell;
}
@media(max-width: 639px) {
	.DescRoomTable {
		display: block;
		width: 100%;
	}
	.DescRoomTable > div {
		display: block;
	}
	.DescRoomContent .contentBtnRight {
		margin-top: 10px;
	}
}
.tripadvisorDiv {
	vertical-align: middle;
}
.detailsHotelBloc .contentpictures {
	padding: 0;
}
.contentStars {
	text-align: right;
	vertical-align: bottom;
}
.contentbtnMail {
	text-align: right;
	vertical-align: top;
}
.contentMap > div.DescRoomMap {
	padding-top: 10px;
}
.contentBtnRight{
	vertical-align: middle;
	text-align: right;
	padding-left: 10px;
}
.DescRoomTripAdvisor {
	padding-top: 10px;
}
/** btn Retour**/
.linkBack button span.picto, .linkBack a span.picto  {
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 5px;
	vertical-align: middle;
}
/* detail chambre */
.roomTypePax {
	text-align: right;	
	vertical-align: middle;
}
.hotelSelectBtnContainer .btnReserved {
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 8px 10px
}
.pictoPax span.picto {
	font-size: 20px;
	font-size: 2.0rem;
	color: #64686c;
}
#contractRemarkBloc {
	font-size: 12px;
	font-size: 1.2rem;
}
#contractRemarkBloc ul {
	padding-left: 15px;
	margin: 0;
}
.labelPolicies , .loadingCancelFees{
	color: #333333;
	font-size: 12px;
	font-size: 1.2rem;
}
.remarqContract .labelPolicies , .remarqContract .loadingCancelFees{
	font-size: 16px;
	font-size: 1.6rem;
}

hr.separator {
	border: none;
	border-bottom: 1px dashed #C1C1C1;
}

.blocRemark {
	display: inline;
}
.policiesCancelTo {
	color: #25C86A;
}

.policiesCancelFrom {
	color: #f89c39;
}

.labelNotRefundable, .DescNoRoomContent p {
	color: #ff0000;
}
.freeTextPolicies {
	color: #ff0000;
}
.infoDistance {
	font-weight: 400;
  	font-size: 13px;
  	font-size: 1.3rem;
  	color: #aaa;
  	margin-bottom: 0px;
  	padding-left: 5px;
}
.roomPolicy {
	color: #696969;
	text-transform: capitalize;
}
/** booking aside **/
.detailBooking {
	padding: 15px;
}
.carBookingConfirm .detailBooking .cancelFeesBloc {
	padding-top: 15px;
}
.recapBooking {
	padding: 16px;
	background: #fff;
	border-radius: 8px;
}
.recapBooking .tripAdvisorNote {
  position: absolute;
  right: 9px;
  border: 1px solid #e0e2e5;
  padding: 5px;
  border-radius: 3px;
  top: 9px;
  bottom: auto;
}
.bookingDates , .bookingRoom{
	padding: 10px;
	border-top: 1px solid #f2f4f7;
}
.bookingDates .checkIn, .bookingDates .checkOut, .bookingDates .nbNights {
	color: #888;
	font-size: 12px;
  	font-size: 1.2rem;
}
.bookingDates .checkIn > span, .bookingDates .checkOut > span, .bookingDates .nbNights > span, .nbRoom{
	font-weight: bold;
	color: #696969;
	font-size: 14px;
  	font-size: 1.4rem;
}
.nbRoom {
 	font-size: 12px;
  	font-size: 1.2rem;
 }
.imgHotelSelected {
	background-position: center;
	background-repeat:no-repeat ;
	background-size:cover;
	height: 100%;
	width: 220px;
	position: relative;
}
.roomInfo {
	font-size: 12px;
  	font-size: 1.2rem;
  	color: #888;
}
.roomInfo span {
	margin-right: 5px;
}
.typeRoom, .nbRoom {
	font-weight: bold;
}
.typeRoom {
	color:#f89c39;
	font-size: 14px;
  	font-size: 1.4rem;
}
.dispoMealPlanBook {
  	color: #69696a;
  	font-size: 10px;
  	font-size: 1rem;
  	line-height: 16px;
}
.dispoMealPlanBook .board_HB, .dispoMealPlanBook .board_BB,
.dispoMealPlanBook .board_FB, .dispoMealPlanBook .board_AI {
  background-color: #25C86A;
  padding: 0 3px;
  color: #fff;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
}
.bookingRoom .dispoMealPlanBook .board_HB, .bookingRoom .dispoMealPlanBook .board_BB,
.bookingRoom .dispoMealPlanBook .board_FB, .bookingRoom .dispoMealPlanBook .board_AI {
	padding: 1px 3px;
}
.remarqContract > div {
	margin-top: 15px;
}
.priceDetail {
	text-align: right;
}
.carBookingConfirm .priceDetail {
	margin-bottom: 15px;
}
.priceTotal {
	padding: 10px 0 10px 0;
	font-size: 20px;
	font-size: 2rem;
	line-height: 26px;
	color: #060626;
	font-weight: bold;
}
.roomPricePromo + .priceTotal {
	padding-top: 0;
}
.priceCurrency {
	font-size: 14px;
	font-size: 1.4rem;
  	font-style: normal;
}
.toggleDetailPrice {
	color: #fe5101;
    text-align: right;
}
.toggleDetailPrice svg.icon {
	color: #fe5101;
	vertical-align: middle;
	margin-left: 4px;
}
.toggleDetailPrice .labelview {
	text-decoration: underline;
}
.toggleDetailPrice:hover, .toggleDetailPrice:hover svg.icon {
	cursor: pointer;
}
#toggleAllDetails {
	text-align: left;
}
.tablePrix {
  font-size: 12px;
  font-size: 1.2rem;
  color: #64686c;
}

.blocPricesDetail .tablePrix, #infoPriceRoom2 .tablePrix {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
}

.tablePrix > div{
	padding: 8px;
    border-bottom: 1px dashed #c1c1c1;
}
.tablePrix > div:after{
	content:"";
  	display:block;
  	clear:both;
}
@media(max-width:640px) {
	.tablePrixLine {
			display: table;
			width: 100%
		}
	.tablePrixLine span {
			display: table-cell;
			vertical-align: middle;
			float: none;
		}
}
.detailPricesBooking #infoPriceRoom2 {
	display: flex;
    justify-content: end;
}

.detailPricesBooking #infoPriceRoom2 .tablePrix {
	width: 100%;
}

.info-price-xl-flex {
	display: flex;
	flex-direction: column;
}

.info-price-xl-flex .blocPricesDetail{
	width: 100%;
}

.info-price-xl-flex .blocPricesDetail:nth-child(1) {
	margin-bottom: 15px;
}

.current-booking .info-price-xl-flex .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;
    }
    .current-booking .info-price-xl-flex {
        justify-content: space-between;
    }
    
    .info-price-xl-flex .blocPricesDetail{
		width: 49%;
		margin-left: auto;
	}
    
    .current-booking .info-price-xl-flex .blocPricesDetail {
        width: 49%;
        margin-left: unset;
    }
	
	.info-price-xl-flex .blocPricesDetail:nth-child(1) {
		margin-bottom: 0;
	}
	
	.current-booking .info-price-xl-flex .blocPricesDetail:nth-child(1) {
		margin-bottom: 0px;
	}
	
	.detailPricesBooking #infoPriceRoom2 .tablePrix {
		width: 49%;
	}
}
@media(min-width:1024px){
	.detailPriceRoom {
		text-align: right;
	}
	.blocPricesDetail {
		text-align: left;
	  	width: 49%;
	  	display: inline-block;
	}
}
.infoPrice .labelPolicies {
	text-align: left;
   	font-size: 20px;
    font-size: 2rem;
    margin-bottom: 16px;
    margin-top: 0;
    line-height: normal;
}
.col-b-a, .col-b-b{
	float: left;
}
.col-b-a {
	width: 75%;
	text-align: left;
}
.col-b-b {
	width: 25%;
	text-align: right;
}
.col-b-a.txtAlignright {
	text-align: right;
}
.carBookingConfirm .blocDetailPrice .styleBold span.col-b-b {
    font-weight: bold;
}
.col-a > div, .col-b > div {
	margin-top: 10px;
}
.nowrap {
	white-space: nowrap;
}
.RemarqAndPrice {
	display: table;
	width: 100%;
}
.col-a {
	display: table-cell;
  	width: 55%;
  	padding-right: 10px;
}
.col-b {
	display: table-cell;
	vertical-align :bottom;
 	width: 45%;
}
@media(max-width:767px){
	.RemarqAndPrice, .col-a, .col-b{
		display:block;
	  	width: 100%;
	}
}
.styleBlocPax, .styleBlocPaxCoord, .styleBlocPayment {
	border: 1px solid #e0e2e5;
    border-radius: 3px;
	padding: 20px 15px;
	margin-top: 15px;
}
.blocFly {
	margin-bottom: 15px;
}

.styleBlocPayment {
    padding: 5px 15px;
}
.styleBlocPaxCoord {
	padding: 0;	
}
.padBlocPax {
	padding: 20px 15px;
}
.btnNextForm {
	text-transform: uppercase;
}
@media (max-width:639px) {
	 .btnNextForm {
	 	min-width: auto;
		width: 100%;
		white-space: normal;
	}
}
/* CONDITIONS ANNULATION PAX */
.cancelFeesBloc {
 	margin-top: 20px;
 	color: #64686C;
}

.cancelFeesBloc ul {
	font-size: 14px;
	font-size: 1.4rem;
	color: #64686C;
	padding-left: 18px;
	margin-bottom: 0;
}

.cancelFeesBloc li {
	margin-top: 5px;
}
.cancelFeesBloc p {
 	margin-bottom: 0;
}
/* CONDITIONS ANNULATION CONFIRM */
.cancelFeesBloc .labelPolicies {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 16px;
    margin-top: 0;
}
.btn-default, .linkBack button.breadcrumb-home {
	display: inline-block;
	height: 48px;
    border-radius: 8px;
  	text-align: center;
  	color: #ffffff;
  	font-weight: bold;
  	font-size: 14px;
  	font-size: 1.4rem;
  	padding: 14px 20px;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	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;
  	transition: all .3s ease-out;
}
.btn-default:hover, .btn-default:focus, .linkBack button.breadcrumb-home:hover, .linkBack button.breadcrumb-home:focus {
 	color: #ffffff;
}
#send-car-option.btn-default {
	padding: 14px 0px;
}
@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;
}
.btnInputform {
  	padding-bottom: 7px;
  	padding-top: 7px;
}
.priceReduc {
	text-align: right;
}
h3.titlePaxInfo {
	font-size: 22px;
  	font-size: 2.2rem;
	color: #333;
}
.newPrice {
	font-size: 20px;
  	font-size: 2.0rem;
	font-weight: bold;
}
.newPrice {
	color: #25C86A;
}
.paxPartContent .labelPaiment {
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
    vertical-align: sub;
	display: inline-block;
}
.paxPartContent .labelPaiment.styleBold {
	font-weight: bold;
}
.paxPartContent .labelPaiment img {
    height: 30px;
	margin-left: 5px;
	margin-right: 5px;
}
.paxPartContent .labelPaiementC4X {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    vertical-align: sub;
}
.labelPaiementC4X img{
    height: auto;
}
.paxPartContent .labelPaiementC4X img{
    height: auto;
    margin-left: 10px;
}
.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, #btnModifInfoAssurance.btnStyle2{
	color: #25C86A;
	border: 2px solid #25C86A;
	padding: 5px 10px;
}
 #btnModifPaxTravelers.btnStyle2:hover, #btnModifPaxTravelers.btnStyle2:focus,
 #btnModifInfoPax.btnStyle2:focus, #btnModifInfoPax.btnStyle2:hover, 
 #btnModifInfoPaiment.btnStyle2:focus, #btnModifInfoPaiment.btnStyle2:hover,
 #btnModifInfoAssurance.btnStyle2:focus, #btnModifInfoAssurance.btnStyle2:hover {
	 border: 2px solid #25C86A;
	 background: #25C86A;
	 color: #fff;
 }
.numAccord span.picto {
	font-size: 14px;
	font-size: 1.4rem;
}
.comPriceContent ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
.bookingDates {
	position: relative;
}
#formModifDate.modifPopin {
	color: #888;
	width: 300px;
  	position: absolute;
  	right: 0;
  	top:100%;
  	display: block;
  	margin-top: 0;
}
@media(max-width:639px){
	.bookingDates {
		display: block;
	}
	.bookingDates > div {
		display: block;
	}
	#formModifDate.modifPopin {
		width: 270px;
	}
}
#formModifDate  .totalNights {
	margin-bottom: 0;
}
.btnRight {
	text-align: right;
  	margin-top: 15px;
}
/**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;
	line-height: 25px;
	border: 2px solid #c5cad1;
	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;
	box-shadow: 1px 1px 2px rgba(0,0,0,.05);
}
.radio input[type="radio"]:checked + label::after,
.radio input[type="radio"].styled:checked + label:after  {
	font-family: 'picto-font';
	font-size: 26px;
	content: "\e908";
	color: #060626;
	border: 0px solid #060626;
}
div.checkBox {
	position: absolute;
	top: 5px;
	right: 0px;
}
div.checkBox label {display: inline;}
div.resaGroupe > div.checkBox label::before {
	background-color: #F2F4F7;
}
/**form paiment**/
.relativeInput {
	position: relative;
	padding-left: 50px;
}
.containerPicto:before {
	font-size: 22px;
	font-size: 2.2rem;
	width: 45px;
	height: 43px;
	line-height: 43px;
/* 	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;
}
.customSelectContainerDiv.containerPicto:before {
	left: 1px;
	top: 1px;
}
/*** option flexy**/
.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;
}
.contentOption li {
	padding-top: 7px;
	padding-bottom: 7px;
}
.styleUrl {
	text-decoration: underline;
	margin-right: 5px;
}
.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%;
	}
}
/* PADDING POUR CHAMP TEXT MAIL */
.styleBlocPax .form-group .emailContentForm {
	padding-right: 35px;
}
/*Page pAx liste pays*/
.btnformSelect {
	border: 1px solid #e0e2e5;
	background: #fff;	
	border-radius : 3px;
	height: 45px;
  	line-height: 33px;
  	text-align: left;
  	position:relative;
  	width: 100%;
}
.btnformSelect:focus, .btnformSelect:hover { 
	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;
}
.selectResa.btnformSelect:after {
    height: 35px;
    line-height: 35px;
}
.btnformSelect img {
	vertical-align: middle;
  	margin: 0 5px 0 0;
}
.selectCountry {
	width: calc(100% - 75px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.homeToggleListPaysContent .customSelectContainerDiv,
.mobileToggleListPaysContent .customSelectContainerDiv {
	position: static;
}
#homeToggleListPays, #mobileToggleListPays, #mobileToggleListPaysPayer, #additionalDetailsCustomermobileToggleListPaysPayer {
	position: absolute;
    width: 105px;
    border: 0 none;
    border-right: 1px solid #e0e2e5;
    border-radius: 0;
    line-height: 45px;
    height: 43px;
    top: 26px;
    left: 9px;
    z-index: 10;
}
.homeToggleListPaysContent .bigPaddingLeft,
.mobileToggleListPaysContent .bigPaddingLeft {
	padding-left: 110px;
}
#homeToggleListPays img, #mobileToggleListPays img, #mobileToggleListPaysPayer img, #additionalDetailsCustomermobileToggleListPaysPayer img {
	width: 16px;
	vertical-align: unset;
	margin: 0;
}
@media(max-width:480px){
	#homeToggleListPays, #mobileToggleListPays, #mobileToggleListPaysPayer, #additionalDetailsCustomermobileToggleListPaysPayer {
	    width: 95px;
	}
	.homeToggleListPaysContent .bigPaddingLeft,
	.mobileToggleListPaysContent .bigPaddingLeft {
		padding-left: 100px;
	}
}
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;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	color: #888888;	
}
ul.listPays li:hover span.code, ul.listPays li:focus span.code { 
	box-shadow: none;
}
ul.listPays span.countryLabel { 
	display: inline-block;
  	width: -moz-calc(100% - 120px); /* on retranche la largeur du label */
	width: -webkit-calc(100% - 120px);
	width: -o-calc(100% - 120px);
	width: -ms-calc(100% -120px);
	width: calc(100% - 120px);
  	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	vertical-align: middle;
}
ul.listPays li.select-country span.countryLabel { 
	display: inline-block;
  	width: -moz-calc(100% - 60px); /* on retranche la largeur du label */
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
	width: -ms-calc(100% -60px);
	width: calc(100% - 60px);
  	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	vertical-align: middle;
}
.btnformSelect.btncode {
	position: absolute;
  	width: 105px;
  	border: 0 none;
  	border-right: 1px solid #e0e2e5;
  	border-radius: 0;
  	line-height: 45px;
  	height: 42px;
  	top: 26px;
  	left: 9px;
  	z-index: 10;
}
.btncode:focus, .btncode:hover { 
	box-shadow: none;
}
.btncode img {
	width: 16px;
}
.inputcode {
	padding-left: 110px;
}
/*******************************************************************************
WAIT AVEC ANIMATION
*******************************************************************************/
.WaitBase {
  	z-index: 99000;
  	background: #80D6FE;
	background-image: -ms-linear-gradient(top, #80D6FE 0%, #FFFFFF 150%);
	background-image: -moz-linear-gradient(top, #80D6FE 0%, #FFFFFF 150%);
	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: 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: 0px;
}
.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;
}
#searchwaittable .infoWaitInlineBlock {
	display: inline-block;
}
.containeranimation {
	width: 640px;
	margin: 0 auto;
}
 /** c-board **/
.c-boarding {
  width: 420px;
  margin: 0 auto;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  position:relative;
  z-index: 1000;
}
.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;
	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;
  }
 .c-boarding-i > div span {
  	font-weight: normal;
 }
#timerZone .c-boarding {
	margin-top: 30px;
}
/** 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: 30;
    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; } 
 }
@-moz-keyframes k-clouds {
  0% {
    left: 100%; }
  100% {
    left: -300px; }
 }
@-ms-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;
    -moz-transform-style: preserve-3d;
    -ms-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: 247px;
    height: 70px;
    animation-duration: 17s;
    -webkit-animation-duration: 17s;
    -moz-animation-duration: 17s;
    -ms-animation-duration: 17s;
 	
 	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% {
			  transform: translateY(-500%);
			  opacity:0;
		  }
		  100% {
			  transform: translateY(0);
			   opacity:1;
		  }
	  } 
	  @-moz-keyframes marker-animation1 {
		  0% {
		    opacity:0;
		    -moz-transform:  translateY(-500%);
		  }
		  100% {
		    opacity:1;
		    -moz-transform:  translateY(0);
		  }
		}
	
		@-o-keyframes marker-animation1 {
		  0% {
		    opacity:0;
		    -o-transform:  translateY(-500%);
		  }
		  100% {
		    opacity:1;
		    -o-transform:  translateY(0);
		  }
		}
	
		@-ms-keyframes marker-animation1 {
		  0% {
		    opacity:0;
		    -ms-transform:  translateY(-500%);
		  }
		  100% {
		    opacity:1;
		    -ms-transform: translateY(0);
		  }
		}
}

/** 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: 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: -moz-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: -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: 0 0; }
  to {
    background-position: -60px -60px; } }
@-moz-keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@-ms-keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@-o-keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; }
}

@-webkit-keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; }
}
/*fin wait avec animation*/
@media(max-width: 495px) { 
	.filterTitleDiv {
  		border-right: 0 none;
  		width: 32px;
	}
}
@media(max-width: 410px) { 
	.resultBlocTabAllPrice .hotelPriceTd {
		white-space: nowrap;
	}
}
/** prix barre **/
.roomPricePromo {
	color: #333;
	font-size: 13px;
  	font-size: 1.3rem;
  	text-decoration: line-through;
  	font-weight: bold;
  	line-height: 13px;
  	display: block;
  	margin-bottom: 0;
}
.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: 5px 0 0 5px;
	text-align: center;
	vertical-align: middle;
}
.info-circle span.picto {
	color: #fff;
	font-size: 33px;
	font-size: 3.3rem;
	line-height: 55px;
}
@media(max-width:470px) {
	.msgNoDispo {
		width: 290px;
	}
}
@media(max-width:400px) {
	.formPayement .btn-default {
		font-size: 16px;
		font-size: 1.6rem;
	  	padding: 10px 5px;
	}
}
#errorResultsNull .alert {
	margin-top: 0;
}
.errorMessage > div {
	padding: 15px;
}
.errorMessage {
	padding: 0;
	background: #fff;
	    border-radius: 3px;
	margin-top: 15px;
}
.msgAlert {
	border-top-left-radius: 5px;
  	border-top-right-radius: 5px;
	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;
	}
}
.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: #333;
	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;
}
.paxPartContent .errorClass {
    margin-top: 15px;
}
.paxPartContent .errorClass span {
    font-size: 12px;
  	font-size: 1.2rem;
  	color: #333333;
}
.paxPartContent .errorClass span.errorPromoCode {
  	color: #cc2908;
}
.paxPartContent .errorClass .info-circle {
    background-color: #cc2908;
}
.paxPartContent .errorClass .info-circle span {
    font-size: 33px;
    font-size: 3.3rem;
    color: #ffffff;
}
.paxPartContent .errorClass .styleBlocPax {
	padding: 15px 10px 15px 10px;
}
/*DEVIS : itineraire*/
#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;
  	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: 5px;
  	border-bottom-right-radius: 5px;
  	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 */
.form-control::-moz-placeholder {
	font-size: 14px;
	font-size: 1.4rem;
  	color: #888888;
  	opacity: 1;
}
.form-control:-ms-input-placeholder {
	font-size: 14px;
	font-size: 1.4rem;
  	color: #888888;
}
.form-control::-webkit-input-placeholder {
	font-size: 14px;
	font-size: 1.4rem;
  	color: #888888;
}
::-webkit-input-placeholder {
	color: #888888;
  	font-size: 14px;
	font-size: 1.4rem;
}
:-moz-placeholder { /* Firefox 18- */
  	color: #888888;
  	font-size: 14px;
	font-size: 1.4rem;
}
::-moz-placeholder {  /* Firefox 19+ */
  	color: #888888;
  	font-size: 14px;
	font-size: 1.4rem;
}
:-ms-input-placeholder { 
	color: #888888;
   	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;
}
@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; 
   }
}
@-moz-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; 
   }
}
@-ms-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; 
   }
}
@-o-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; } 
}
@-moz-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; } 
}

@-ms-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; } 
}
@-o-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;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease-out; 
 }
.waitDispos.c-loading {
  position: static;
  text-align: center;
  width: auto;
  height: 150px;
  margin: 0;
  background: #ffffff;
  box-shadow: none;
}
 .c-loading p {
  margin-bottom: 0;
 }
.c-loading > div {
	padding: 35px 0 0 0; 
}
#waitCancelBooking .c-loading {
	height: auto;
}
	
#waitCancelBooking .c-loading > div {
	padding: 35px 0;
}
/***** c-loading-spin ***/
.c-loading .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;
   -ms-animation: bouncedelay 1.4s infinite ease-in-out;
    -o-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;
   -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
     -o-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% {
    transform: scale(0);
	}
  40% {
    transform: scale(1);
	}
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
  transform: scale(0);
    -webkit-transform: scale(0);
    }
  40% {
  transform: scale(1);
    -webkit-transform: scale(1); } 
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% {
    -moz-transform: scale(0);
    }
  40% {
    -moz-transform: scale(1); } 
}
@-ms-keyframes bouncedelay {
  0%, 80%, 100% {
    -ms-transform: scale(0);
    }
  40% {
    -ms-transform: scale(1); } 
}
@-o-keyframes bouncedelay {
  0%, 80%, 100% {
    -o-transform: scale(0);
    }
  40% {
    -o-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: #888;
}
@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%;
	}
}
/** mes resas**/
.formResa, .formResaB2B .fieldsetForm  {
  	background: #f2f4f7;
  	border-radius: 3px;
  	padding: 16px;
}
.formSearchResa {
  	margin-left: 0;
  	margin-right: 0;
}
.formResa button, .formSearchResa button  {
	width: 100%;
	height: 45px;
}
.carBookingConfirm .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;
}
.carBookingConfirm .picto {
	font-size: 2px;
  	font-size: 2rem;
  	vertical-align: middle;
  	margin-right: 4px;
} 
.resa span.picto, .statusResa span.picto{
	font-size: 24px;
	margin: 0px;
}
.resa_confirm{
	color: #25c86a;
}
.resa_confirm .statutDossier  {
	background: #25c86a;
}
.resa_confirm .numDossier a{
	color: #25c86a;
}
.resa_cancel{
	color: #64686C;
}
.resa_cancel .statutDossier   {
	background: #64686C;
}
.resa_cancel .numDossier a{
	color: #64686C;
}
.resa_error{
	color: #cc2908;
}
.resa_error .statutDossier   {
	background: #cc2908;
}
.resa_error .numDossier a{
	color: #cc2908;
}
.resa_awaiting{
	color: #fe5101;
}
.resa_awaiting .pictoform, .resa_awaiting .statutDossier  {
	background: #fe5101;
}
.resa_awaiting .numDossier a{
	color: #fe5101;
}
.resa_option {
	color: #087FD2;
}
.resa_option .statutDossier, .paiementByOption .statutDossier {
	background: #087FD2;
}
.resa_option .numDossier a {
	color: #087FD2;
}
.detailError {
	color: #e30513;
}
.detailError > * {
	vertical-align: middle;
	min-width: 50px;
}
.detailError span.picto {
	width: 30px;
	min-width: 30px;
}
.formResa .detailError {
    margin-top: 10px;
}
.carBookingConfirm .accord-row > div.alert, .alert {
	font-size: 14px;
	padding: 16px 16px 16px 56px;
}
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 5px;
  	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;
}
.infoBookingOption {
	font-size: 14px;
  	font-size: 1.4rem;
  	margin-top: 20px;
  	text-align: justify;
}
.infoBookingOption p{
	margin: 0;
}
.blocAction {
	padding: 10px;
    border-radius: 3px;
	border: 1px solid #e0e2e5;
  	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;
	padding-top: 20px;
}
.carBookingConfirm .pricesTotal  {
	color: #25C86A;
	font-size: 18px;
  	font-size: 1.8rem;
  	font-weight: bold;
  	line-height: 16px;
}
.carBookingConfirm .priceTotal span {
  color: #25C86A;
}
.carBookingConfirm .styleBlocPax {
	  padding: 10px;
}
.carBookingConfirm .styleBlocPax .col-b-a > span, 
.carBookingConfirm .styleBlocPax .col-b-b > span {
	  vertical-align: top;
}
.carBookingConfirm textarea.styleBlocPax {
    height: 150px;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}
.carBookingConfirm .internalNoteContainer .titelContent {
	display:block;
}
.internalNoteContainer {
	margin-top:15px;
}
.agentName {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #333;
}
.dateNote {
    color: #888888;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    font-weight: bold;
}
.internalNote {
	border-top:1px solid #e0e5eb; 
	padding: 15px 0;
}
.internalNotesList a {
	cursor: pointer;
}
#internalNotesModal #loadingSpinnerDiv {
	text-align:center;
	margin-top:20px;
}
.loadingClass {
	text-align: center;
	margin-top:20px;
}
.txtNote {
    margin-top: 10px;
    margin-bottom: 0;
}

.contentCard {
	height: 40px;
  	width: 40px;
  	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;
  	vertical-align: middle;
}
.contentCard span.picto {
	line-height: 41px;
	margin-right: 0;
	font-size: 26px;
  	font-size: 2.6rem;
  	 color: #64686c;
}
.contentCard img {
	width: 26px;
}
.mrgRight10 {
	margin-right: 10px;
}
.btnStyleResa {
	border: none;
  	background: none;
}
.colorGris {
	color: #64686c;
}
.namePax {
	font-size: 16px;
	font-size: 1.6rem;
}
.paxResa {
	font-size: 12px;
	font-size: 1.2rem;
}
.pictoPaxResa {
	font-size: 20px;
  	font-size: 2.0rem;
  	color: #64686c;
}
.roomTypePaxResa > div {
	margin-top: 5px;
	margin-right: 10px;
	white-space: nowrap;
	display: inline-block;
}
.padleftNo {
	padding-left: 0;
}
.carBookingConfirm .dispoMealPlanBook span {
	background-color: #25C86A;
  	padding: 2px 3px;
	color: #fff;
	border-radius: 3px;
	font-weight: bold;
	text-align: center;
}
.contentBtn > div, .contentBtn > div a {
	color: #333;
}
.blocAction a {
	cursor: pointer;
}
.blocAction a:hover, .blocAction a:focus, .blocAction button:hover, .blocAction button:focus {
	color: #000;
}
.contentBtn {
    text-align: right;
}
.contentBtn > div {
	position: relative;
    display: inline-block;
    margin-left: 20px;
}
.contentBtn button {
    padding: 0;
}
@media (min-width:640px){
	.contentBtn > div {
		text-align: right;
	}
}
@media(max-width:1023px){
	.mrgBtmXs20 {
		margin-bottom: 20px;
	}
}
@media(max-width:639px) {
	.mrgBtmXs15 {
		margin-bottom: 15px;
	}
	.mrgBtmXs5 {
		margin-bottom: 5px;
	}
	.modePayement > * {
		display: block;
	}
	.contentBtn > div {
		display: block;
		border-bottom: 1px solid #e0e2e5;
		margin-left: 0px;
	}
	.contentBtn > div:last-child {
		border-bottom: none;
	}
	.mrgRight10 {
		margin-right: 20px;
	}
	.cellBtnVoucher {
		padding-top: 5px;
		padding-bottom: 10px;
	}
/* 	.cellBtnBill, */
/* 	.cellBtnImprim, .cellBtnAddResa, .cellBtnReplicate, .cellBtnFacture, .cellBtnOption { */
/* 		padding-top: 10px; */
/* 		padding-bottom: 10px; */
/* 	} */
	.cellBtnModifAnnul {
		padding-top: 10px;
		padding-bottom: 5px;

	}
	#btnReturnB2B > button {
		padding-left: 0;
	}
}
.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;
}
/** print mes resas**/
.recapBooking .imgHotelPrint {
	display: none;
}
/** message alert redurection**/
.alertRedirect {
  padding: 5px 10px;
  background: #ebebeb;
  border-radius: 3px;
  color: #333;
  font-weight: bold;
}
.contentlocker {
	vertical-align: middle;
	padding-right: 5px;
}
.labelAlert{
	font-weight: bold;
	color: #333;
}
.divDisabled {
	width: 100%;
  	height: 45px;
  	position: absolute;
  	background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
 	cursor: no-drop;
  	z-index:2000;
}
/*************************************************/
.btnStyle3 {
    border-radius: 3px;
  	border: 2px solid #060626;
  	background: #ffffff;
  	text-decoration: none;
  	color: #060626;
  	font-size: 14px;
  	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){
	.labelCol {
		line-height: 46px;
		margin-bottom: 0;
	}
}
@media (max-width:420px){
	.titleInfo {
	  	width: auto;
	}
}
button[data-tip], .dataTip[data-tip] {
	position: relative;
	z-index: 102; /* Check with designers */
}
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: rgba(0, 0, 0, 0.8);
	right: 0%;
	top: 40px;
	font-size: 14px;
	font-size: 1.4rem;
	border-radius: 3px;
	color: #ffffff;
	text-align: left;
	white-space: pre;
	display: block;
	font-family: arial, "sans-serif";
}
/* .hotelPriceTd .dataTip[data-tip] { */
/* 	z-index: 106;  */
/* } */
.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;
}
/* ################################################################################# */
/* ####################### ELEMENTS SPECIFIQUES B2B AGENCES ############################ */
/* ################################################################################# */
/****B2B agences***/
.rayonSelect .customSelectInner {
		width: 100% !important;
	}
.rayonSelect select.customSelect {
	width:100%!important;
}
.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: 200px;
}
.detailTotal {
	color: #64686C;
	font-weight: normal;
}
.promoNotValid {
	font-size: 12px;
	font-size: 1.2rem;
  	color: #cc2908;
}

/*** mes resas**/
.labelBlack {
	color: #333333;
}
.replace-resa {
	margin: 5px 0;
	padding: 2px 10px;
	font-size: 12px;
	background-color: #F1F2F6;
	border-radius: 15px;
	color: #333333;
}
.codeCarte {
	border-left: 1px solid #e0e2e5;
	padding-left: 15px;
}
.codeSuppRond {
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  float: right;
  line-height: 75px;
}
.codeSuppRond img {
	max-width: 74px;
}
.tableDetailBkg > div{
	vertical-align: top;
}
.picto.picto-men, .picto.picto-women {
	font-size: 24px;
	font-size: 2.4rem;
}

@media(min-width:1024px) {
	.b2bAgencesDiv .GroupBtnB2b > div {
		border-top: 1px solid #e0e2e5;
	}
	.b2bAgencesDiv .GroupBtnB2b > div:FIRST-CHILD {
		border-top: 0 none;
	}
}
@media(min-width:640px) and (max-width:1023px) {
	.b2bAgencesDiv .GroupBtnTabB2b > div {
		border-top: 1px solid #e0e2e5;
	}
}

.row.contentBtn {
  text-align: right;
}
.row.contentBtn > div {
  display: inline-block;
  margin-left: 10px;
  position: relative;
}
@media(max-width:639px) { 
	.row.contentBtn {
 	 	text-align: left;
	}
}
/**page config agence**/
.modifInfoAgent {
	margin: 0;
	border: none;
	border-top: 1px dotted #e0e2e5;
}
.modifInfoAgent > .row {
	margin-bottom: 20px;
}
.modifInfoAgent label, .modifMargeFrais label {
	font-weight: normal;
	color: #64686C;
}
.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;
}
.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;
  	padding: 0 0 5px 0;
  	color: #060626;
  	border-right: none;
  	transition: all .25s ease;
  	text-transform: capitalize;
}
.infoAgent > span {
  	display: inline-block;
  	padding: 0 15px 0 0;
  	color: #64686C;
  	border-right: 1px solid #e0e2e5;
  	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;
  	border-radius: 50%;
  	background-color: #f2f4f7;
  	border: 1px solid #f2f4f7;
  	text-align: center;
  	vertical-align: middle;
  	margin-right: 20px;
}
.pictoUser span.picto{
	line-height: 40px;
}
.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;
}
@media (min-width:640px){
	.contbtnCol {
		margin-top: 28px;
	}
}
.Formlogin {
  	color: #000;
  	    border-radius: 3px;
  	padding: 20px;
}
.forgottenPassLink button {
	border: 0 none;
	background: none;
	color: #333;
}

@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: #333333;
	line-height: 22px;
	font-weight: normal;
}
.registrationMessage {
	border-top: 1px solid #333;
	padding-top: 15px;
}
@media(max-width:639px){
	.containerloginform.container-fluid {
  		padding-left: 0px;
  		padding-right: 0px;
	}
	.Formlogin {
		background: #fff;
	}
	.btnInscrit button{
		width: 100%;
	}
}
.centralList ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}
.centralList label {
	color: #888;
	font-weight: normal;
}
/****fin B2B agences***/

/*** wait animated ce lignes**/
/** x-planes **/
.x-planes {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 111;
}
.x-plane-c {
 width: 450px;
 height: 105px;
 position: absolute;
 text-align: center;
 z-index: 31;
}
.x-plane {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  left: 100%;
  z-index: 31;
  transform-style: preserve-3d; 
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;

  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
@keyframes plane_to_right {
  0% {
    left: -20%; 
  }
  100% {
    left: 100%; 
  }
}
@-webkit-keyframes plane_to_right {
  0% {
    left: -20%; 
  }
  100% {
    left: 100%; 
  } 
}
@-moz-keyframes plane_to_right {
  0% {
    left: -20%; 
  }
  100% {
    left: 100%; 
  }
}
@-ms-keyframes plane_to_right {
  0% {
    left: -20%; 
  }
  100% {
    left: 100%; 
  }
}
@keyframes plane_to_left {
  0% {
    right: -20%; 
  }
  100% {
    right: 100%; 
  }
}
@-webkit-keyframes plane_to_left {
  0% {
    right: -20%; 
  }
  100% {
    right: 100%; 
  } 
}
@-moz-keyframes plane_to_left {
  0% {
    right: -20%; 
  }
  100% {
    right: 100%; 
  }
}
@-ms-keyframes plane_to_left {
  0% {
    right: -20%; 
  }
  100% {
    right: 100%; 
  }
}
.x-plane-c p {
	  position: absolute;
	  z-index: 11;
	  font-size: 16px;
	  font-size: 1.6rem;
	  font-weight: bold;
	  color: #c09a25;
	  line-height: 16px;
	  -webkit-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -ms-transform-style: preserve-3d;
	  transform-style: preserve-3d; 
}
/*Time to animate*/
.p-p1 {
	 top: 17%;
	 left: -450px;
	 background-image: url('../images/custom/wait/avion_rouge.png');
	 animation: plane_to_right 17s linear 1s infinite;
	 -webkit-animation: plane_to_right 17s linear 1s infinite;
	 -moz-animation: plane_to_right 17s linear 1s infinite;
	 -ms-animation: plane_to_right 17s linear 1s infinite;
	 z-index: 11;
}
.p-p2 {
	 top: 47%;
	 background-image: url('../images/custom/wait/avion_jaune.png');
	 animation: plane_to_left 17s linear 0s infinite;
	 -webkit-animation: plane_to_left 17s linear 0s infinite;
	 -moz-animation: plane_to_left 17s linear 0s infinite;
	 -ms-animation: plane_to_left 17s linear 0s infinite;
	 float: right;
}
.p-p3 {
	 left: -400px;
	 top: 35%;
	 width: 360px;
	 height: 82px;
	 background-image: url('../images/custom/wait/avion_rouge.png');
	 animation: plane_to_right 20s linear 3s infinite;
	 -webkit-animation: plane_to_right 20s linear 3s infinite;
	 -moz-animation: plane_to_right 20s linear 3s infinite;
	 -ms-animation: plane_to_right 20s linear 3s infinite;
}
.car {
	 left: -120px;
	 bottom: 25px;
	 top: auto;
	 width: 120px;
	 height: 80px;
	 background-image: url('../images/custom/wait/car.png');
	 animation: plane_to_right 16s linear 0s infinite;
	 -webkit-animation: plane_to_right 16s linear 0s infinite;
	 -moz-animation: plane_to_right 16s linear 0s infinite;
	 -ms-animation: plane_to_right 16s linear 0s infinite;
}
.p-p1 p {
	  left: 8%;
	  top: 42%;
}
.p-p2 p {
	  right: 8%;
	  top: 27%;
}
.p-p3 p {
	  left: 8%;
	  top: 40%;
}
@media (max-width:639px){ 
  .p-p1 {
    top: 298px;
  }
  .p-p2 {
    top: -57px;
  }
  .p-p3 {
    top: 160px;
  }
  .p-p3 {
    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; 
  }
}
#town {
	  position: fixed;
	  bottom: 50px;
	  left: 0;
	  right: 0;
	  height: 100%;
	  background-image: url('../images/custom/wait/town.png');
	  background-position: bottom;
	  background-size: auto;
	  background-repeat: repeat-x; 
}
/**fin wait animation**/

/** custom Select Box **/
.select-style {
	position: relative;
    padding: 0;
    margin: 0;
    border: 1px solid #E0E5EB;
    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 ;
 	height: 43px;
	position: absolute;
	background: #fff;
	right: 0px;
	top: 0;
	pointer-events: none;
	border-top-right-radius: 5px;
  	border-bottom-right-radius: 5px
}
select::-ms-expand {
 display:none;
}
.select-style select {
    padding: 5px 32px 5px 6px;
    width: 100%;
    height:100%;
    border: 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;
}
.select-style select:focus {
    outline: none;
}
.searchFormSelect select:focus {
	border-width: 1px;
	border-style: solid;
}
.searchFormSelect .select-style {
	height: 96px;
}
.searchFormSelect .select-style:after {
	top:45px;
}
.searchFormSelect .select-style:before {
	top: 45px;
	height: 45px;
}
.formPayement .select-style select  {
	padding: 6px 6px 6px 51px;
}
.formPayement .select-style .paymentTypeSelect  {
	padding: 6px 6px 6px 12px;
}
/** Fin custom Select Box **/
ul.resaTypeList {
	margin:0;
	padding: 0;
}
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 #e0e2e5;
  	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;
}
@media (min-width:1024px) {
	.blockSelectSearch {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
        justify-content: flex-start;
	}
	.blockSelectSearch h2 {
		margin-right: 20px;
	}
}
/** misterfly car**/

.inputHeure , .inputMin {
	display: inline-block;
}
#modifForm .dateBack .inputHeure input, #modifForm .dateBack .inputMin input  {
	border-radius: 0;
	padding-right: 20px;
	padding-left: 0;
	text-align: right;
}
.pictoContainer {
	position: relative;
}
.picto-arrow {
	display: inline-block;
	text-align: right;
	background-image: url("/images/misterfly/svg/arrow-down.svg");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 6px;
	top: 21px;
	z-index: 100;
}
.optionsPopin {
	position: absolute;
	background: #fff;
	width: 300px;
	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%;
	margin-top: 11px;
	z-index: 300;
	display: none;
}
.optionsPopin.visible {
	display: block;
}
.optionsPopin: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%;
}
.optionsPopin: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;
}
.dateSelect.optionsPopin {
	width: 100px;
	right: 0;
}
ul.listOptions {
	padding: 0;
  	margin: 0;
}
ul.listOptions li{
	color: #64686C;
  	padding: 5px 10px;
  	list-style-type: none;
  	text-align: left;
  	position: relative;
  	display: block;
  	border-bottom: solid 1px #919191;
}
ul.listOptions li:last-child{
  	border-bottom: 0 none;;
}
ul.listOptions li:hover, ul.listOptions li:focus {
	background: #f2f4f7;
}
.nameCar, .nameCarPax {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0;
}
.similarModel {
	font-size: 12px;
	margin: 0;
}
.blocrecap .similarModel {
	display: inline-block;
	font-weight: normal;
}
.carSearchPage .resultBlocImg, .carResultPage .resultBlocImg, .carBookingPax .resultBlocImg, .carBookingConfirm .resultBlocImg{
	width: 240px;
  	height: auto;
  	padding-left: 10px;
  	padding-top: 10px;
}
.carSearchPage .resultBlocDesc, .carResultPage .resultBlocDesc {
		border-left: 0 none;
}
.carResultPage .insuranceBloc, .carResultPage .optionsTable {
	color: #333333;
}
.carResultPage h6, .carResultPage .tableStation, .carResultPage ul.listStyle, .carResultPage .infoCondPart > div {
	color: #333333;
}

@media(max-width: 768px){
	.carSearchPage .hotelSelectBtnContainer .btnSelectHotel a, .carResultPage .hotelSelectBtnContainer .btnSelectHotel a {
		display: inline-block;
	}
}
@media(min-width: 640px) {
	.infoCar {
		margin-top: 20px;
	}
}
@media(max-width: 639px) {
	.nameCar {
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: bold;
	}
	.carBookingPax .resultBlocImg  {
		width: 100%;
	}
	.carSearchPage .resultBlocImg, .carResultPage .resultBlocImg {
		width: 115px;
	  	height: auto;
	  	padding-left: 5px;
	  	padding-right: 5px;
	  	padding-top: 10px;
/* 	  	position: relative; */
	}	
	.btnSelectHotel {
		text-align: right;
	}
	.btnSelectHotel a > .picto {
		font-size: 20px;
		font-size: 2rem;
	}
	
}

.carSearchPage .hotelSelectBtnContainer a {
    font-weight: bold;
    text-transform: uppercase;
}
#offers .pricesTable {
	background: #fff;
	margin: 20px 0;
	position: relative;
}
.pricesTable > div {
	padding: 15px 15px 0 15px;
	border-top: 1px solid #e0e5eb;
}
.carCategory > div:hover > button {
	text-decoration: underline;
}
.carCategory > div:hover > div.price {
	color: #c84118;
}
@media(min-width:1024px) {
	.carCategory > div {
		text-align: center;
	  	display: inline-block;
	 	width: 11%;
	  	margin-bottom: 15px;
	  	cursor: pointer;
	}
}
@media(max-width:1023px) {
	.carCategory > div {
	  	display: block;
	 	width: 100%;
	  	margin-bottom: 10px;
	  	cursor: pointer;
	}
	.carCategory button, .carCategory .price {
		display: inline-block;
	}
	.carCategory .price {
		float: right;
	}
	.pricesTable > div {
		padding: 10px 10px 0 10px;
	}
}
.carCategory .price {
	font-weight: bold;
}
.carCategory button {
	border: none;
	background: none;
	color: #777777;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
  	font-weight: normal;
}
.carCategory button:hover, .carCategory button:focus {
	text-decoration: underline;
}
.btnReset-md {
	position: absolute;
  	right: 10px;
  	top: 10px;
}
.btnReset-xs {
	display: none;
}
@media(max-width:1023px){
	.btnReset-md {
		display: none;
	}
	.btnReset-xs {
		display: block;
		text-align: right;
  		margin-bottom: 10px;
	}
}
.btn-default.btnAffiner {
	padding: 6px 8px;
  	font-weight: normal;
  	width: auto;
	border-radius: 3px;
}
.carSearchPage .cheapestMeal, .carResultPage .cheapestMeal{
	padding: 3px 6px;
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	margin-right: 5px;
	z-index: 103;
}
.cheapestMeal .picto {
	font-size: 13px;
	font-size: 1.3rem;
	vertical-align: middle;
}

@media(max-width:660px) {
	.infoSupp > .cheapestMeal {
		display: inline-block;
		margin-top: 10px;
		width: auto;
		text-align: left;
  		font-weight: normal;
	}
}
.tooltip {
	position: absolute;
	z-index: 107;
	visibility: visible;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	filter: alpha(opacity=0);
	left: 0;
	top: calc(100% + 8px);
	min-width: 320px;
}

@media(max-width:1023px){
	.topTarifDiv {
		position: absolute;
		z-index: 100000;
		background: #fff;
		top: 100%;
		width: 100%;
	}
}
.infosResaCar .infoCarBlock {
	display: block;
}
.abandonmentInfo {
	font-weight: normal;
	color: red;
	font-size: 15px;
    font-size: 1.5rem; 
    margin-top: 10px;
}
.logosupp {
	margin-right: 5px;
}
@media(max-width:549px){
	.logosupp {
		display: none;
	}
}
@media(max-width:535px){
	.recapResaContent {
		display: block;
	}
}
.carSearchPage .msgNoDispo {
	margin: 0;
	width: 100%;
	margin-top: 20px;
}
.blocGrey {
	background: #f2f4f7;
	box-shadow: 0px 0px 0px 1px #dde2e8;
	border-radius: 3px;
}
.blocGrey h5.titelAcoordRow {
	font-weight: bold;
}

h5.titelAcoordRow {
    color: #64686c;
    padding: 10px;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
}
h5.titelAcoordRow strong {
	font-size: 12px;
	color: #64686c;
}
.blocrecap {
	color: #333333;
	font-size: 14px;
	font-size: 1.4rem;
}
#send-car-option {
	width: 100%;
	margin-top: 15px;
}
.carResultPage .hotelPriceTd {
	padding-right: 5px;
}
.hourAgence table {
	width: 100%;
}
.opening-hour {
	text-align: left;
	border-bottom: solid 1px #ededed;
	white-space: nowrap;
	width: 100px;
}
.opening-day {
	text-align: left;
	padding-left: 5px;
	vertical-align : middle;
	border-bottom: solid 1px #ededed;
} 
.pickUpAgenceInfo, .dropOffAgenceInfo {
	margin-bottom: 5px;
}
.agenceBtn {
	  color: #888888;
	  border: none;
	  background: none;
	  font-weight: normal;
	  cursor: pointer;
	  padding-left: 0;
	  margin-bottom: 5px;
	  text-decoration: underline;
	  display: block;
}
.agenceBtn:HOVER, .agenceBtn:FOCUS, .agenceBtn:ACTIVE, .agenceBtn:VISITED {
	border: none;
	text-decoration: none;
	outline: none;
}
.priceTotalCar {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: right;
}
.blocrecap .priceTotalCar {
	margin-bottom: 0;
    line-height: normal;
}

ul.listStyle.infosList {
	list-style-type:disc;
	padding-left: 17px;
}
ul.infosList li {
    margin-bottom: 5px;
}
.infoCondPart > div {
	font-size: 14px;
	font-size: 1.4rem;
	color: #555;
}
ul.listStyle {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 14px;
	font-size: 1.4rem;
	color: #555;
}
ul.listStyle li {
	margin-bottom: 5px;
}
ul.listStyle li:last-child {
	margin-bottom: 0px;
}
ul.listStyle li::first-letter,
.cancelFeesBloc ul li::first-letter  {
	text-transform: capitalize;
}
.detailPricesBooking .priceTotal .amountTitle {
	color: #333333;
	margin-right: 10px;
	font-size: 20px;
	font-size: 2rem;
}
.amountTitlePrice {
	white-space: nowrap;
	font-size: 28px;
	font-size: 2.8rem;
}
/**table options**/
.optionsTable , .insuranceBloc{
	background: #f2f4f7;
	margin-bottom: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 5px;
}
.optionsTable:last-child {
	margin-bottom: 0px;
}
.optionsTable > div {
	vertical-align: middle;
}
.optionsTable .check {
	width: 15px;
	text-align: right;
}
.optionsTable .check label {
  cursor: pointer;
  display: block;
  padding: 0;
}
.priceTotalOption {
	width: 75px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: right;
	padding-right: 10px;
}
.priceTotalOption span {
	white-space: nowrap;
}
.NbrDays {
	width: 80px;
	text-align: left;
}
.optionType label {
	font-weight: normal;
	margin-bottom: 0;
}
.tableStation {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 5px;
	background: #f2f4f7;
	margin-bottom: 5px;
}
.tableStation.offreSelected {
	margin-bottom: 0px;
}
.tableStation label {
	margin-bottom: 0;
}
.tableStation > div {
	vertical-align: middle;
}
.tableStation .station-radio {
	display: none;
}
.tableStation .station-line {
	font-weight: bold; 
	margin-bottom: 0;
}
table#optionsListToDisplay {
	width: 100%;
}
#optionsListToDisplay td {
	padding: 4px 0;
}
hr.hrStation {
	border: 0 none;
  	margin: 5px 0;
}
.checkdiv {
	text-align: right;
	width: 15px;
}
.checkdiv span.picto{
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	cursor: pointer;
}
.offreSelected .checkdiv span.picto {
	color: #333;
	cursor: default;
}
.tableStation .priceTotalPossibility {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	width: 85px;
	text-align: right;
	padding-right: 5px;
}
.tableStation .cellLogoSupp {
	width: 90px;
}
@media(max-width:480px){
	.tableStation .cellLogoSupp {
		width: 70px;
	}
	.supplierLogo {
		max-width: 70px;
	}
}
.offreSelected .priceTotalPossibility {
	color: #25C86A; 
}
.show-on-map-link, .show-station-list, #show-start-on-map, #show-drop-on-map, #show-arrival-on-map {
	display: none;
}
h6.titleTable {
	font-weight: bold;
}
.iconDate {
   color: #64686c;
  font-size: 28px;
  top: 9px;
  line-height: 25px;
  position: absolute;
  right: 5px;
}
/**select heure /min formulaire de recherche**/
.formSearchCar .dateGo, .formSearchCar .dateBack, .formSearchCar .dateGo, .formSearchCar .dateBack  {
    height: 48px;
}
.pictoContainer.inputHeure,
.pictoContainer.inputMin {
  	width: 50%;
}
.blocTransparent, .blocTransparent1{
	background-color:#ffffff;
	opacity:0;
	height:100%;
	width:100%;
	position:fixed;
	display:none;
}
.blocTransparent.visible, .blocTransparent1.visible{
	display: block;
	z-index: 104;
}
.hourAgence { 
	display: none;
 }
.otherPossbilityStationList {
	cursor: pointer;
 }
/*  page pax car */
.birthString > input {
	display: inline-block;
}
.birthString input.mini-date-j {
	width: 25%;
}
.birthString input.mini-date-m {
	width: 25%;
}
.birthString input.mini-date-y {
	width: calc(100% - 50% - 8px);
}
.newsletterBloc {
	margin-top: 15px;
}
.newsletterBloc label {
	color: #333;
}
.selectTime {
	display: inline-block;
	width: 63px;
}
.carBookingPax .formPayement > div, .carBookingConfirm .formPayement > div {
	border: 1px solid #e0e2e5;
    margin: 0 0 30px 0;
    padding: 20px 30px;
    border-radius: 3px;
}
.errorClass {
	background: #ffffff;
	color: #cc2908;
	font-size: 12px;
	font-size: 1.2rem;
}
.importantMention:FIRST-LETTER {
	text-transform: capitalize;
}
.infosCar td.price-right {
	text-align: right;
	white-space: nowrap;
}
.infosCar {
	font-weight: normal;
}
.detailPricesBooking {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px dashed #c1c1c1;
	position: relative;
}
.detailPricesBooking .reward-agent > div:first-of-type {
	transform: none;
}
.detailPricesBooking .reward-agent {
    display: inline-block;
    vertical-align: bottom;
}
.detailPricesBooking .reward-agent.mobile {
    display: none;
    vertical-align: unset;
    margin-left: auto;
    margin-right: 0;
    margin-top: 8px;
}
@media (max-width: 1023px) {
	.detailPricesBooking .reward-agent {
	    display: none;
	}
	.detailPricesBooking .reward-agent.mobile {
	    display: table;
	}
}
.optionTablePax .infosCar {
	display: inline-block;
	white-space: nowrap;
}
.optionTablePax .infosCar:after {
	content: ",";
}
.optionTablePax .infosCar:last-child:after {
	content: "";
}
.carBookingPax .recapBooking, .carBookingConfirm .recapBooking {
	min-height: 176px;
}
.carBookingPax .paxBlocRecap > .contentH2 h2 {
	width: 100%;
}
.imgCar {
	text-align: center;
}
.imgCar img {
	max-width: 200px;
	margin-top: 16px
}
.infoPayement > div {
	margin-bottom: 5px;
	color: #64686c;
}
.carBookingConfirm .accord-row {
  padding: 15px;
}
.carBookingConfirm .accord-row > div{
  padding: 0;
}
.carBookingConfirm .accord-row > div.styleBlocPax {
  padding: 10px;
}
.carBookingConfirm .accord-row > div.blocAction {
	padding: 10px;
}
.carBookingConfirm .infoReservation > div {
	display: inline-block;
    padding: 0px 10px 5px 0;
}
.cellCard {
	width: 50px;
	vertical-align: middle;
}
.infoPayement {
	vertical-align: middle;
}
.infoPayement > div span {
	white-space: nowrap;
}
.contentStatus {
	padding-top: 15px;
}
.contentStatus > span {
	font-weight: bold;
}
@media(min-width:1024px) {
	.infoPayement > div {
		display: inline-block;
		border-left: 1px solid #e0e2e5;
	  	padding-left: 15px;
	}
	.infoPayement > div:FIRST-CHILD {
		border-left: 0 none;
	  	padding-left: 0px;
	}
}
.checkCarAirport {
	background: #f2f4f7;
}
.checkCarAirport .select-style select {
	color: inherit;
}
/**RESPONSIVE-##WAIT-OGONE##**/
@media (min-width: 480px) and (max-width: 639px){
	#ogone .divAutoForm form{
		padding: 0 5%;
	}
}
/* BOUTON PAGE INFO VEHICULE PLUS DISPO */
.noCar span {
	background-color: #888;
    padding: 3px;
    color: #fff;
}
.displayTable.optionsTable:hover {
	cursor: pointer;
}

/* CSS POUR LE NUMERO APL INFO MODAL FOOTER */
.btnCallContent {
	position: relative;
	border: 2px solid #ECECEB;
	background-color: #fff;
	-moz-box-shadow: inset 0px 1px 5px 0px #bebebe;
	-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);
}
.btnCallInfoNum {
	position: relative;
	padding: 4px;
	color: #970D6D;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	width: 55%;
}
.btnCallInfoNum span {
	display: inline;
	line-height: normal;
}
.btnCallCaret {
    position: absolute;
    right: -18px;
    top: 37%;
    width: 0px;
    border: 6px solid transparent;
    border-left: 7px solid #fff;
    z-index: 1;
}
.btnCallInfoPrice {
	position: absolute;
    right: 0px;
    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 (max-width: 640px){
	.btnCallInfoNum {
		font-size: 18px;
    	font-size: 1.8rem;
	}
}
/*** POPIN FACTURE BOOKING ***/
.c-pop-List {
	display: none;
	position: absolute;
	border-radius: 3px;
	background-color: #ffffff;
	border: 1px solid #e0e2e5;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
	z-index: -1;
	text-align: left;
	left: -25px;
	top: 31px;
	min-width: 290px;
}
.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:hover {
    background-color: #f2f4f7;
}
.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;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #e0e2e5;
	z-index: -1;
	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) and (max-width: 1439px){
	.c-pop-List {left: -200px;}
	.c-pop-List .c-pop-arr {
		left: 85%;
	}
}
@media (min-width: 1440px){
	.c-pop-List {left: -100px;}
}

/*** NEW FORM SEARCH CAR**/

#modifSearchForm .dateGo, #modifSearchForm .dateBack, #modifForm .dateGo, #modifForm .dateBack  {
    position: relative;
    margin-bottom: -1px;
    background: #fff;
    border: 1px solid #e0e2e5;
}
#modifSearchForm .dateGo input, #modifForm .dateGo input {
	position: relative;
	top: 1px;
}
#modifForm .timeGo {
	width: 33%;
    padding: 6px;
}
.timeGo, .containerDate {
	vertical-align: middle;
}
#modifForm .timeGo button {
	background: none;
	border: 0 none;
	color: #060626;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 6px;
	border-left: 1px solid #e0e2e5;
	width: 100%;
	text-align: left;
}
#modifForm #dateStart input, #modifForm #divStartTime {
	border-radius: 3px 3px 0px 0px;
}
#modifForm #dateEnd input, #modifForm #divEndTime {
	border-radius: 0px 0px 3px 3px;
}
#modifSearchForm .dateBack , #modifForm .dateBack  {
 	border-radius: 0 0 3px 3px;
 }
 #modifSearchForm .dateGo , #modifForm .dateGo  {
 	border-radius: 3px 3px 0px 0px;
 }
#modifSearchForm .dateGo input, #modifSearchForm .dateBack input, #modifForm .dateGo input, #modifForm .dateBack input {
	padding-left: 62px;
	border: 0 none;
	height: 48px;
	background: none;
	box-shadow: none;
	
}
#modifSearchForm .dateGo label, #modifSearchForm .dateBack label, #modifForm .dateGo label, #modifForm .dateBack label {
	width: 100%;
	height: 46px;
	line-height: 44px;
	text-align: left;
	padding-left: 5px;
	position: absolute;
	color: #fff;
	left: 0;
	color: #64686C;
	background: #f2f4f7;
	font-weight: normal;
	transition: all .25s ease-out;
	z-index: 2;
}
#modifSearchForm .dateGo label, #modifForm .dateGo label, #modifSearchForm .dateBack label, #modifForm .dateBack label {
	top: 0;
	width: 55px;
}
#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;
}
.widgetTimePopin.modifPopin {
    right: 0;
    max-width: 245px;
}
.widgetTimePopin.modifPopin:before, .widgetTimePopin.modifPopin:after {
    left: 80%;
}
.widgetTime {
	position: relative;
    padding: 5px 5px;
    max-height: 200px;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widgetTime button {
    background: #fff;
    border: 1px solid #888;
    color: #888;
    padding: 3px 6px;
    margin: 5px 2px;
    border-radius: 2px;
    display: inline-block;
    width: 50px;
}

.widgetTime button:hover, .widgetTime button:focus, .widgetTime button:hover, .widgetTime button.selected {
	color: #fff;
}

.showReturn {
	color: #888;
	font-size: 13px;
	font-size: 1.3rem;
    background: none;
    border: 0 none;
    position: relative;
    padding: 0;
}
.showReturn:hover, .showReturn:focus, .showReturn:active {
	text-decoration: none;
}
.hideReturn {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #64686c;
	margin: 0;
    padding: 0;
    background: none;
    border: none;
    line-height: 30px;
    font-size: 26px;
}
.showReturn span {
	margin-right: 5px;
    vertical-align: middle;
}
.showReturn span:before {
	content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #aaa;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
}
@media (min-width:640px){
	.modifFormCityField input:focus + div button {
		color: #fff;
	}
}
.modifFormCityField input:focus + div button.hideReturn {
	color: #fff;
}
/************************* CSS B2Bill *************************/

.formPayement {
	position: relative;
}
.formPayement #hosted-fields-frame-card, .formPayement #hosted-fields-frame-cryptogram, 
.formPayement #hosted-fields-frame-expiry {
	height: 22px;
	margin-top: 13.5px!important;
	padding-right: 1px!important;
}
#card-container, #expiry-container, #cvv-container {
	display: inline-block;
	position: relative;
	height: 45px;
	padding-left: 50px;
	border: 1px solid #e0e2e5;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    border-radius: 3px;
    width: calc(100% - 1px);
    background: #ffffff;
}
#card-container iframe, #expiry-container iframe, #cvv-container iframe {
    border-radius: 3px;
}
#card-container:FOCUS, 
#expiry-container:FOCUS, 
#cvv-container: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);
}
#card-container .hosted-fields-input-state::-moz-placeholder, 
#card-container .hosted-fields-input-state::-ms-input-placeholder, 
#card-container .hosted-fields-input-state::-webkit-input-placeholder,
#expiry-container .hosted-fields-input-state::-moz-placeholder, 
#expiry-container .hosted-fields-input-state::-ms-input-placeholder, 
#expiry-container .hosted-fields-input-state::-webkit-input-placeholder,
#cvv-container .hosted-fields-input-state::-moz-placeholder, 
#cvv-container .hosted-fields-input-state::-ms-input-placeholder, 
#cvv-container .hosted-fields-input-state::-webkit-input-placeholder {
	color: #888888;
}
#brand-container {
    box-sizing: border-box;
    width: 100%;
	position: absolute;
	top: 10px;
	right: 2px;
	z-index: 1000;
}
.brandContainer {
    height: 45px;
}
@media (max-width:639px){
	.formPayement.formHsBe2bill > div {
		padding: 20px 10px;
	}
	.formPayement.formHsBe2bill .containerPicto:before {
		width: 40px;
	}
	.formPayement.formHsBe2bill .cardContainer {
		padding-right: 0;
	}
	#card-container, #expiry-container, #cvv-container {
		padding-left: 45px;
	}
}
/***/
.msgResultsNull {
	margin-bottom: 15px;
    border-radius: 3px;
    background: #fff;
    padding: 15px;
}
.msgResultsNull a {
	margin-top: 5px;
	display: inline-block;
}
.msgResultsNull a:hover, .msgResultsNull a:focus {
	text-decoration: underline;
}
/**/
/*** page search resa**/
.dossierBooking {
	position: relative;
	background: #F2F4F7;
	border-radius: 3px;
	overflow: hidden;
}
.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;
}
.dossierBooking .blocDetailsRef {background: #FFFFFF;}
.dossierBooking .btnReduit button {background: #FFFFFF;}

.blocDetailsRef {
	padding: 15px 15px 0px 15px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.blocDetailsRef .form-group {
	margin-bottom: 0px;
}
.detailRef {
	color: #333333;
}
.detailRef > span {
	display: inline-block;
	margin: 0px 10px 10px 0px;
	white-space: nowrap;
	line-height: normal;
}
.detailSearch > span {
	margin-right: 10px;
	white-space: nowrap;
}
.detailSearch {
	margin-top: 10px;
}
.detailSearch > span {
	font-size: 16px;
}
.detailSearch > span .picto {
	position: relative;
	width: auto;
	height: auto;
	top: auto;
	right: auto;
	background: none;
	font-size: 18px;
	margin: 0px 8px;
	z-index: auto;
}
.typeSearch {
	font-weight: bold;
}
.Datebooking {
	color: #888888;
	margin-right: 0px !important;
	text-transform: lowercase;
}
.btnReduit {
	text-align: right;
}
.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;
	margin-top: 0;
}
.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: #fff;
}
#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 {
		margin-bottom: 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;
	}
}
.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;
}
.nbResa .btnSuppFiltre {
	margin: 0px 0px 0px auto;
}
.dateResa {
	position: relative;
}
.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;
}
.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;
}
/***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;
	}
}
.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);
}
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: #FE5101;
	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: #AAAAAA;
	position: relative;
}
.resaGroupe > .dossierBooking {
	margin-bottom: 15px;
}
.resaGroupe > .dossierBooking:last-child {
	margin-bottom: 0px;
}
.resaGroupe p {
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFFFFF;
	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;
}
div.contextBar button:not(:last-child) > span::before {
	margin-right: 10px;
}
span.picto-cross, span.picto-cross::before {
	font-size: 1.6rem!important;
	font-size: 16px!important;
	color: #888;
}
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: 2rem!important;
	font-size: 20px!important;
}
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;
}
.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;
	}
	.hide-s.label-icon-btn {
		display: inline-block;
		line-height: 32px;
		padding: 0 6px;
	}
}
/*** paiement 4x***/
.priceDetail-4x .tablePrix {
	padding: 10px;
  	border: 1px solid #E0E5EB;
  	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: 80%; 
}
.priceDetail-4x .col-b-b {
	width: 20%;
	font-weight: bold;
	color: #fe5101;
}
.PaiementContent .priceDetail-4x p {
	text-align: center;
	color: #333;
}
.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;
}
.optionPaiment span > span {
    font-size: 12px;
    font-size: 1.2rem;
    color: #aaaaaa;
}
/* Page Dossier Résa */
div.folder-header {
	position: relative;	
	background-color: #FFFFFF;
	padding: 15px;
	margin-bottom: 32px;
	border-radius: 3px;
}
div.folder-header h2 {
	font-size: 20px;
	margin: 0 0 20px 0;
	text-align: center;
	flex: 2;
}
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 div.paxBlocRecap {
	background-color: transparent;
}
div.folderMain > div:first-child,  div.folderMain div.folderInside > div:nth-last-child(2) {
	margin-bottom: 0px;
}
div.folderMain .priceTotal {
	padding: 0;
}
div.folderInside {
	padding: 0 15px;
}
.folderInside .detailBooking {
	padding: 15px 0;
}
.remarkBloc > div {
	margin-top: 32px;
}
.remarkBloc2 {
	margin-top: 15px;
	margin-bottom: 15px;
}
button.btnExpandFolder {
	border: none;
	background: none;
	padding: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
	color: #888888;
	font-weight: bold;
}
button.btnExpandFolder > span {
	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 PROGRAMME FIDELITE AGENTS ********************************/	
.reward-agent  {
	position: relative;
	display: table;
	z-index: 105;
}
.reward-agent::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
}

.priceTotal ~ .priceDiff, .priceDetail ~ .priceDiff {
	margin-top: -8px;
	margin-bottom: 8px;
}
.priceDiff {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: right;
}

.reward-agent > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.reward-agent > div:first-of-type {
	transform: translate(18px, 3px);
}
.reward-agent img {
	margin-top: 5px;
	height: 25px;
}
.reward-agent .ra-points {
	font: normal 600 16px/1 Mitr,sans-serif;
	color: #46afe4;
	padding: 6px 5px;
	background-color: #fff;
	border-radius: 50%;
}
.reward-agent .ra-text {
	font: normal 400 16px/1 Mitr,sans-serif;
	color: #ed78ab;
}
.reward-agent .ra-info {
	font: normal 400 11px Mitr,sans-serif;
	color: #fff;
	white-space: nowrap;
	display: none;
	position: absolute;
	top: 105%;
	left: 0;
	padding: 10px;
	background-color: #46afe4;
	z-index: 105;
}
.reward-agent .ra-info a {
	color: #fff;
	text-decoration: underline;
}
.reward-agent:hover .ra-info {
	display: block;
}
.card-result .reward-agent::before {
	top: auto;
	bottom: 0;
}
.card-result .reward-agent .ra-info {
	top: auto;
	right: 0;
	bottom: 105%;
	left: auto;
}
.detailBooking .reward-agent .ra-points,
.B2B-bookingDetail .reward-agent .ra-points {
	background: #f2f4f7;
}

@media (min-width: 768px) {
	.reward-agent .ra-points,
	.detailBooking .reward-agent .ra-points,
	.B2B-bookingDetail .reward-agent .ra-points {
		padding: 0;
	    background: none;
	    border-radius: 0;
	}
	.reward-agent > div:first-of-type {
		transform: none;
	}
	.card-result .reward-agent .ra-info {
		right: auto;
		left: 0;
	}
}
.carBookingConfirm .priceDetail {
	vertical-align: bottom;
}
.resultBlocTabContent {
	display: flex;
	align-items: center;
	padding: 10px;
	justify-content: flex-end;
}
/* PARTIE INFO REF RESA SMILE ANGEL PAGE RECAP RESA */
.rewardAgent.infoSmileAngelRef  {
	position: relative;
	padding-bottom: 5px;
}
.rewardAgent.infoSmileAngelRef .refInBlue {
	color: #46AFE4;
}
.rewardAgent.infoSmileAngelRef img {
    margin-top: 0;
}
/***/
.resultCancelFees .condition-list {
  padding-left: 17px;
  font-size: 14px;
}
.resultCancelFees .condition-list {
	margin-top: 3px;
	margin-bottom: 0;
}
.insuranceBloc .picto-disc-check {
	font-size: 12px;
    font-size: 1.2rem;
	color: #87c640;
	vertical-align: middle;
	margin-right: 2px;
}
.insuranceBloc .icon-disc-check {
	color: #87c640;
	vertical-align: middle;
	margin-right: 2px;
}
/************************* STYLES OPTION ********************************/
div.pictoOption {
	padding-top: 16px;
	position: relative;
}
.pictoOption > .dataTip {
	border: 2px solid #087FD2;
	background: #087FD2;
	color: #fff;
	padding: 0px 8px;
	border-radius: 16px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 20px;
	display: inline-block;
}
.tooltipBlack {
	position: absolute;
	z-index: 107;
	padding: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 3px;
    color: #ffffff;
    z-index: 5000;
    text-align: left;
}
#booking-car div.pictoOption .tooltipBlack {
	left: auto;
	right: 0;
}
.textOption {
    font-size: 12px;
    margin: 0 2px;
    vertical-align: middle;
}
@media (max-width:480px){
	.pictoOption .dataTip[data-tip]:hover:after, .pictoOption .dataTip[data-tip]:focus:after {
		width: 280px;
	}
}
.pictoOption svg.icon-info, .pictoOption svg.icon-option {
	color: #fff;
	vertical-align: middle;
}

svg.icon-option {
	vertical-align: text-bottom;
}
.pictoOption button[data-tip]:hover:after,
.pictoOption button[data-tip]:focus:after,
.pictoOption .dataTip[data-tip]:hover:after,
.pictoOption .dataTip[data-tip]:focus:after {
	bottom: 30px;
	top: auto;
    right: 0;
    left: auto;
}
.flexContainer {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.insuranceBloc {
	font-size: 13px;
    font-size: 1.3rem;
    padding-left: 10px;
   	color: #555;
}
.insuranceBloc p {
	margin-bottom: 5px;
}
.insuranceBloc ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}
a.linkAssurance, .txt-underline {
	text-decoration: underline;
}

.aboutInsurance {
	font-size: 13px;
	font-size: 1.3rem;
	color: #64686c;
}

.aboutInsurance .alert {
	color: #333;
}

.cancelFeesBloc .aboutInsurance {
	font-size: 12px;
	font-size: 1.2rem;
	color: #888;
}

.accord-row > div.aboutInsurance {
	padding: 0px 15px 15px;
}

#zeroDeductible.accord-row > div.zeroDeductibleDetail {
	padding-bottom: 0;
}
#options-table .select-style {
	height: 20px;
  	line-height: 11px;
  	border-radius: 1px;
}
#options-table .select-style:before {
	width: 16px;
    height: 18px;
}
#options-table .select-style:after {
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	padding: 0 4px;
}
#options-table .select-style select {
    padding: 0px 5px 0px 3px;
  	font-size: 13px;
  	font-size: 1.3rem;
}
.optionsTable .optionSelect {
	width: 35px;
    text-align: right;
}
.remarqBookingOption {
	margin-top: 10px;
	color: #087FD2;
}
.remarqBookingOption > span {
	vertical-align: middle;
}
.remarqBookingOption svg.icon-option {
	margin-right: 5px;
	vertical-align: middle;
}
span.picto-option {
	font-size: 20px;
	font-size: 2rem;
	color: #087FD2;
}
svg.icon-option {
	color: #087FD2;
}
div.paiementByOption span.picto-option:before {
	color: #087FD2;
}
div.descriptifPaiementOption {
	margin-top: 5px;
}
div.descriptifPaiementOption p {
	margin: 0;
	padding: 0 7px;
}
.detailOptionBooking {
	margin: 20px 0;	
}
.detailOptionBooking p {
	margin: 0;
}
/**modal option**/
.confirmResaOption h2 {
	font-size: 1.6rem;
	font-size: 16px;
	margin: 0px 30px 10px 0px;
	line-height: 1.42857143;
	font-weight: 500;
}
.confirmResaOption .backLink {
	padding-right: 10px;
}
.confirmResaOption .btnConnex {
	margin-top: 10px;
}
.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;
}
@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;
	}
}
.titleOptionsInfos {
	color: #64686c;
    font-weight: bold;
}
/** Style modal Timer **/
#popupTimer .modal-dialog {
	max-width: 450px;
}
#popupTimer .PopupModalHeader {
	padding-bottom: 10px;
}
#popupTimer .modal-body {
	padding: 10px 20px 20px 20px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #000;
}
#popupTimer .modal-body span {
	color: #e30513;
}
.pictoTimerBloc {
	background-color: #ccc;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    padding-top: 13px;
    margin: auto;
}
.pictoTimerBloc > span.picto-option {
	color: #fff;
	font-size: 22px;
	font-size: 2.2rem;
}
/** Fin style modal timer **/
/***cgv**/
.cgvPaiement {
	margin: 0;
}
.cgvPaiement svg.icon {
	width: 16px;
	height: 16px;
  	margin-right: 5px;
}
.cgvPaiement a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.cgvPaiement a:hover, .cgvPaiement a:focus {
	text-decoration: underline;
	color: #333;
} 

/* wait anim */
.x-clouds, .x-clouds > *, .containeranimation {
  display: none;
  visibility: hidden;
}
.x-clouds > div {
	display: none;
}
/***** ce airbus *****/

/* choix assurances */
.styleBlocInsurance {
	margin: 15px 0 15px;
	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;
}
/* fin choix assurances */

/** 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 > div {
	padding: 10px 15px 15px;
}

.CEPaymentMode .customSelectContainerDiv {
	width: 100%;
}

@media (min-width: 768px) {
    .CEPaymentMode .customSelectContainerDiv {
        width: 83.33333%;
    }
}
.advancePaymentFormDetail {
	font-weight: normal;
	margin: 20px;
}
.advancePaymentFormDetail strong {
	color: #cc2908;
}
.infoBalanceToPay {
	color: #333;
	font-size: 12px;
}
.priceTotal.priceAcompte {
	padding-bottom: 0;
}
.priceTotal.priceCE {
	padding-top: 5px;
}

/** fin acompte CE **/
#paymentDesc_C4X {
	font-size: 12px;
	font-size: 1.2rem;
    border: none;
}
#paymentDesc_C4X a {
	font-size: 12px;
    font-size: 1.2rem;
    color: #333333;
    text-decoration: underline;
}

#paymentDesc_C4X ul {
    padding-left: 15px;
}

/****/
/******* CSS DISCOUNT CODE *******/
.c4x-phrase, .img-promo {
	display: none;
}

.discountBloc {
	margin-bottom: 15px;
}
#btnDiscountCodeCar a {
    text-decoration: none;
}

#btnDiscountCodeCar a:hover {
    text-decoration: underline;
}
#inputDiscountCodeCar {
    display: none;
}

#inputDiscountCodeCar input {
    width: 130px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #e0e5eb;
    margin: 0 0 0 10px;
    padding: 0 10px;
    outline: 0;
    color: #060626;
    font-size: 14px;
    text-align: left;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #fff
}
@media(max-width:478px) {
	#inputDiscountCodeCar {
        margin-bottom: 10px
    }
    #inputDiscountCodeCar span:last-of-type {
        white-space: normal
    }
    #inputDiscountCodeCar input {
        margin: 5px 0 0 5px
    }
}

@media(min-width: 479px) {
    #btnDiscountCodeCar {
        margin-bottom: 0
    }
}

/*** message d'erreur**/
/** MESSAGE ERREUR PAIEMENT **/
.bigContentMessError {
   border: 1px solid #e0e2e5;
    border-radius: 3px;
}
.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: #fe5101;
    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;
    padding: 15px 10px 15px 10px;
    text-align: left;
    line-height: 18px;
}
.textMessError p {
	margin-bottom: 0;
	cursor: default;
}
#explanMessErrorDiv {
	padding: 10px;
}
#explanMessErrorDiv p {
	cursor: default;
}
#explanMessErrorDiv strong {
	color: #64686C;
}
.explanMessError {
	padding: 15px 10px 15px 5px;
}
.explanMessError.__CB4X {
	padding: 0px;
}
.alert.alert--error .explanMessError button {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
	text-transform: none;
}
.alert.alert--error .explanMessError button:hover {
	text-decoration: underline;
}
.alert.alert--error .textMessError {
	display: block;
    padding: 0px;
    text-align: left;
    line-height: 18px;
}
.alert.alert--error #explanMessErrorDiv {
	padding: 10px 0px 0px 0px;
}
.explanMessError button {
	vertical-align: text-top;
	border: none;
	background: none;
	text-align: left;
}
.explanMessError button:ACTIVE {
	box-shadow :none;
}
@media (max-width: 639px) {
	.explanMessError button {
		white-space: nowrap;
	}
}
.explanMessError .picto {
    color: #64686C;
    vertical-align: middle;
}
.MessErrorText:hover {
	text-decoration: underline;
}
/*** smile angels ***/
.smileAngelsID {
	display: flex;
    flex-direction: column-reverse;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    margin-bottom: 17px;
    line-height: normal;
    margin-top: 15px;
}
#smileAngelsEmail {
   width: 100%;
   height: 48px;
}
.smileAngelsBloc3 > div > button {
	margin-top: 15px;
    width: 100%;
}
.smileAngelsTxt1 {
    font-size: 14px;
}
.smileAngelsTxt1 > span {
    font-weight: bold;
}
.smileAngelsTxt2 {
	display: inline;
    font-size: 14px;
}
.smileAngelsTxt2 span {
	font-weight: bold;
}
.smileAngelsBloc1 {
    overflow: hidden;
    height: auto;
    text-align: center;
    padding-bottom: 15px;
}
.smileAngelsBloc1 img {
    width: 150px;
}
.smileAngelsBloc2 {
    padding: 0;
}
.smileAngelsBloc3 {
    padding: 15px 0 0 0;
}

.smileAngelsKO, .smileAngelsOK {
    font-size: 13px;
    text-align: left;
    margin-top: 5px;
    font-weight: bold;
}
.smileAngelsOK {
    color: #25C86A;
}
.smileAngelsKO {
     color: #cc2908;
}
.smileAngelsBloc3 p {
    font-size: 14px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 0;
}
.smileAngelsBloc3 a:hover, .smileAngelsBloc3 a:focus {
    border-bottom: 0 none;
}
@media (min-width: 768px) {
 	.smileAngelsID {
        display: table;
        width: 100%;
        position: relative;
    }
     .smileAngelsID > div {
        display: table-cell;
        vertical-align: middle;
    }
     .smileAngelsBloc1 {
        overflow: hidden;
        position: relative;
        z-index: 100;
        height: auto;
        width: 210px;
        padding-bottom: 0;
        text-align: right;
    }
    .smileAngelsBloc3 p {
     	line-height: 24px;
	}
    .smileAngelsID p {
        margin-bottom: 0;
    }
    #smileAngelsEmail {
	   width: 300px;
	   margin-right: 16px;
	   height: 48px;
	}
	#smileAngelsEmailAction {
    	height: 48px;
	}
   
    .smileAngelsID .smileAngelsBloc2 {
        vertical-align: middle;
    }
    .smileAngelsKO, .smileAngelsOK {
        text-align: left;
        margin-top: 5px;
    }
    .smileAngelsBloc3 > * {
	    display: inline-block;
	    vertical-align: top;
	}
    .smileAngelsBloc3 p {
        margin-top: 0;
    }
    .smileAngelsBloc3 a {
    	display: block;
        text-decoration: underline;
    }
    .smileAngelsBloc3 a:hover, .smileAngelsBloc3 a:focus {
        border-bottom: 0 none;
    }
    .smileAngelsBloc3 > div > button {
    	margin-top: 0;
    	margin-right: 26px;
    	width: auto;
	}
}

@media (max-width: 991px)and (min-width:640px) {
/*     #smileAngelsEmail { */
/* 	   width: 260px; */
/* 	} */
/*    .smileAngelsBloc3 > .smileAngelMember { */
/*     	display: block; */
/*     	margin-top: 15px; */
/*    } */
/*     .smileAngelsBloc3 > div > button { */
/*     	margin-right: 0; */
/* 	} */
}

/*** Fin smile angels ***/

/********** Agent staff **********/
#agentStaff {
	position: fixed;
	bottom: 10px;
	z-index: 500;
	left:50%;
	transform:translateX(-50%);
}
.agentStaffContainer {
	display: table;
	margin : 0 auto;
	background: #fff;
	border: 1.5px solid #fe5101;
	border-radius: 100px;
	padding: 2px;
	padding-right: 20px;
	padding: 2px 0px 2px 3px;
}
.agentStaffContainer > * {
	display: inline;
	vertical-align: middle;
}
.agentStaffContainer > .picto {
	color: #fe5101;
	font-size: 30px;
}
.agentStaffContainer label {
	font-weight: 400;
}
.agentStaffContainer .offerMatchingDiv {
	padding-right: 20px;
}
#staff-username {
	margin: 0px 20px 0px 7px;
	font-weight: bold;
}
/***** FIN agent staff *****/

ul.disclaimerList {
    padding-left: 35px;
}
@media (max-width: 639px){
	ul.disclaimerList {
	    padding-left: 10px;
	}
}
ul.disclaimerList li {
	list-style-type: none;
	margin-bottom: 5px;
}
ul.disclaimerList svg.icon {
	width: 14px;
	height: 14px;
    vertical-align: middle;
    margin-right: 15px;
}
ul.disclaimerList a {
    color: #333;
	text-decoration: underline;
    font-weight: normal;
}

/********************** 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);
	-moz-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;
}

/******************** NEW WAIT V1 ********************/

.bar{
  width: 100% ;
  height: 60px;
  position: relative;
  background: #333333;
  overflow: hidden;
  
}
.percentage {
    position: relative;
    background: #fe5101;
    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:"\e950";
  	font-size: 66px;
  	font-size: 6.6rem;
  	color: #FFFFFF;
    top: -113px;
    right: -13px;
    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: 25px 15px;
  	background-color: #fff;
    border: 1px solid #e0e2e5;
    color: #333;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 500;
    width: 100%;
}
.c-chip-blank strong {
	color:#fe5101;
}
.c-content-infos {
	padding: 25px 10px 25px 10px;
	text-align: center;
}
.c-flex {
	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%;
}
.c-pub svg {
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #888;
	display: block;
	margin: 0 auto 15px;
}
.c-pub p {
	text-transform: uppercase;
    margin-bottom: 0;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    display: inline-block;
    max-width: 180px;
    color: #333;
}
@media (max-width: 640px){
	.c-chip-blank {
	    font-size: 16px;
	    font-size: 1.6rem;
	}
	.c-pub svg {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.c-pub p {
	    font-size: 12px;
	    font-size: 1.2rem;
	}
	.bar{
  		height: 40px;
	}
	.percentage {
	    height: 40px;
	}
	.has-tip:after {
	  	font-size: 43px;
    	font-size: 4.3rem;
    	top: -72px;
    	right: -8px;
	}
	.c-xs-4 {
		flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
}
body#homeBody.bodyWait {
	background: #e0e5eb;
}
body#homeBody.bodyWait .contentContainer {
	background: #e0e5eb;
    min-height: auto;
}
body#homeBody.bodyWait .alertMsgInfo {
	display: none!important;
}
.bodyWait .recapResa {
	margin-bottom: 15px;
}
/**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;
}

/** 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: 0px;
    top: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.custom-combobox-toggle:after {
	font-family: 'picto-font';
    content: "\e916";
    color: #888;
    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 32px 5px 16px;
    border: 1px solid #888;
    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;
}
/** end combobox **/

/*** actionHistoryList ***/
.actionHistory {
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e5eb;
    padding-bottom: 15px;
}
.actionHistory .resa_statusCode {
	margin-left: 5px;
}
.actionHistory .picto {
    font-size: 30px;
    font-size: 3rem;
    margin: 0px;
}
.hideActionHistory, #actionHistoryTemplate {
    display: none;
}
.seeMoreAction {
	padding: 5px;
}
.seeMoreAction button {
	text-decoration: underline;
	border: none;
    background: none;
    color: #FE5101;
    padding: 0;
}
.seeMoreAction button:hover, .seeMoreAction button:focus {
	text-decoration: none;
}

.uppInput {
	text-transform: uppercase;
}

/*** staff**/
.contentMsgModal {
    text-align: center;
    font-weight: bold;
}
.contentMsgModal p {
    font-size: 16px;
    font-size: 1.6rem;
    padding-right: 15px;
}
.noStyleRadio input[type="radio"] {
	 -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}
.noStyleRadio label {
	width: 50px;
	text-align: left;
    vertical-align: middle;
}

/*** #55361 Incidents ***/
.content-info, .carBookingConfirm .accord-row .content-info {
	padding: 15px 0px;
    margin: 0px 10px 15px 10px;
    font-size: 14px;
	border-radius: 3px;
	background-color: #F2E3DE;
	border-left: 2px solid #FE5101;
	color: #FE5101;
}
.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: #FE5101;
	font-size: 20px;
}

.carBookingConfirm .accord-row .content-info {
    margin: 15px 0px 0px;
}

.carBookingConfirm .accord-row .incident-form {
	margin-top: 15px;
}
.carBookingConfirm .accord-row .incident-form textarea {
	display: block;
}
.carBookingConfirm .accord-row .incident-form > div:last-of-type {
	margin-top: 15px;
	text-align: right;
}
.carBookingConfirm .accord-row .incident-recap {
	border-top: 1px solid #F1F1F1;
	margin-top: 15px;
	padding-top: 15px;
}
.carBookingConfirm .accord-row .info-date {
	display: block;
	font-size: 10px;
    color: #888;
}
.carBookingConfirm .accord-row .incident-recap label {
	line-height: normal;
}
.carBookingConfirm .accord-row .incident-recap p {
	margin: 5px 0px 0px;
}

/*** tarif special ***/
.specialPrice-no-pic, 
.specialPrice {
	background: #fff;
	color: #cccccc;
	border: 1px solid #cccccc;
	border-radius: 3px;
    font-weight: bold;
    padding: 3px 5px;
    text-align: left;
    line-height: 14px;
    margin-left: 5px;
    margin-right: 10px;
    position: relative;
    min-height: 40px;
    box-shadow: 0px 2px 5px rgba(0,0,0, 0.16);
}
.specialPrice-no-pic p, 
.specialPrice p {
	line-height: normal;
	margin: 0;
}
.specialPrice-no-pic::after, 
.specialPrice-no-pic::before, 
.specialPrice::after, 
.specialPrice::before {
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 6px;
    position: absolute;
    right: -6px;
    bottom: 15px;
}
.specialPrice-no-pic::before, 
.specialPrice::before {
	border-color: transparent transparent transparent #cccccc;
	right: -7px;
}
.specialPrice-no-pic::after, 
.specialPrice::after {
	border-color: transparent transparent transparent #ffffff;
}
/**************************************  3DS PAIEMENT  **************************************/
.c-3ds-info {
	border-radius: 3px;
    padding: 5px;
    border: 1px solid #e5e5e5;
    width: 60%;
    min-width: 500px;
    margin: 0 auto 10px auto;
    line-height: 17px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    font-size: 12px;
    font-size: 1.2rem;
    background: #f2f4f7;
    color: #333333;
}
.c-3ds-cards {
	padding: 5px 0px 15px;
}
.c-3ds-title {
	font-weight: bold;
	text-align: center;
}
.c-3ds-desc {
	width: 75%;
    margin: auto;
    text-align: center;
    margin-top: 5px;
}
.c-3ds-title p, .c-3ds-desc p {
	margin: 0px;
}
.c-3ds-desc span {
	cursor: pointer;
	text-decoration: underline;
	font-weight: bold;
}
.c-3ds-more {
	text-align: justify;
    padding: 0 7px;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: max-height 250ms ease-out;
    -o-transition: max-height 250ms ease-out;
    transition: max-height 250ms ease-out;
}
.c-3ds-more ul {
	margin: 0 0 0 30px;
	padding: 0 0 10px 0;
}
.c-3ds-more.open-3ds-more {
	max-height: 2000px;
	visibility: visible;
}
@media screen and (max-width: 639px) {
	.c-3ds-info {
    	width: 100%;
    	min-width: initial;
	}
}
.c-3ds-info img {
	max-width: 50px;
	padding: 0 3px;
}
div.folderMain.active {
    border: 0px solid #000;
}
.infoNote {
    font-weight: bold;
    margin: 0;
    color: #888;
}
/**** 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 li {
    list-style-type: none;
    display: inline-block;
    padding: 0 10px;
    height: 100%;
}
.light-menu a {
    display: flex;
    align-items: center;
    padding: 12px 5px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: color, border .25s ease-out;
    height: 100%;
    line-height: 40px;
}
.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;
	}
}
.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;
}
button.btnLinkStyle {
	background: none;
	border: none;
	padding: 0px;
	text-decoration: underline;
}
button.btnLinkStyle:hover,
button.btnLinkStyle:focus {
	text-decoration: none;
}
/* 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;
}
/*** drawer style **/
.k-pop-in--overlay {
    display: none;
    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: 10000;
}
.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: 0px;
}
.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: 6.5px;
	margin-right: -6px;
}
.drawer-title .close span.picto-cross {
	display: block;
	margin: 0px;
    color: #888888;
    vertical-align: unset;
}
.drawer-title .close span.picto-cross::before {
	font-size: 19px !important;	
}
@media (min-width: 768px) {
	.drawer-bloc {
		max-width: 380px;
	}
}
/**** popin ma résa ****/
/* class commun */
.c-marg-t {
    margin-top: 24px;
}
.d-flex {
  display: flex !important;
}
.flex-1 {
	flex: 1;
}
.flex-row {
	flex-direction: row;
}
.flex-column {
	flex-direction: column;
}
@media (min-width: 640px) {
	.flex-sm-row {
		flex-direction: row;
	}
	.flex-sm-column {
		flex-direction: column;
	}
}
/**/
.form__label {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}
.field, .textarea {
    height: 48px;
    background-color: #f1f2f6;
    color: #333;
    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: #888;
    background-image: none;
    font-weight: 500;
    outline: none;
}
.pop-in {
    background-color: #fff;
    padding: 16px;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    display: none;
}
/**3ds valid**/
.c-3ds-valid {
	display: flex;
	align-items: center;
    max-width: 460px;
    margin: 20px auto;
}
.c-3ds-valid-img {
    padding-right: 10px;
}
.c-3ds-valid-img img {
    width: 32px;
}
.c-3ds-valid-desc {
    font-size: 12px;
    text-align: left;
}
/***/

.pop-in--open {
    display: block;
}

.pop-in__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px dotted #c1c1c1;
}

.pop-in__title {
    color: #fe5101;
    font-size: 17.5px;
    margin-right: 24px;
}

.pop-in__subtitle {
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-weight: 500;
}

.pop-in__subtitle>*+* {
    margin-left: 4px;
}

@media(min-width:1024px) {
    .pop-in {
        display: block;
        border-radius: 16px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
        overflow: auto;
        height: auto;
        max-height: calc(100% - 48px);
        max-width: 1024px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    .pop-in--open {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }
    .pop-in--half {
        max-width: 768px;
    }
    .pop-in__header {
        margin-bottom: 24px;
    }
}

@media(max-width:1023px) {
    .pop-in__header {
        position: fixed;
        z-index: 1;
        left: 0;
        width: 100%;
        padding: 12px 24px;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        top: 0;
        border: none;
        height: 56px;
    }
    .pop-in__wrapper {
        position: absolute;
        padding: 24px;
        left: 0;
        width: 100%;
        bottom: 0;
        overflow: auto;
        top: 56px;
    }
    .pop-in--subtitle .pop-in__header {
        height: 80px;
    }
    .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 {
        -webkit-animation: pop-in .3s;
        animation: pop-in .3s;
    }
    .pop-in-leave-active {
        animation: pop-in .3s reverse;
    }
    @-webkit-keyframes pop-in {
        0% {
            -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
            opacity: 0;
        }
        to {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
    }
    @keyframes pop-in {
        0% {
            -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
            opacity: 0;
        }
        to {
            -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
    }
}
.field--error:not(:focus) {
    color: #E30513;
    border: 1px solid #E30513 !important;
    background-color: #FEBBBF;
}

.field--error:not(:focus)::-webkit-input-placeholder {
    color: #E30513;
}

.field--error:not(:focus):-moz-placeholder,
.field--error:not(:focus)::-moz-placeholder {
    color: #E30513;
}

.field--error:not(:focus):-ms-input-placeholder {
    color: #E30513;
}

.field--error:not(:focus) [class*=color-] {
    color: #E30513;
}

.field--error:not(:focus).field--datepicker button:before {
    border-color: #E30513
}

.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 a {
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}

.alert a:hover {
	color: #333;
	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;
	box-shadow: none;
}
.alert-title {
	font-weight: 700;
	margin-bottom: 8px;
}
.alert--list {
	padding-left: 41px;
	list-style: disc outside;
}
.alert--error {
	background-color: #FEBBBF;
}

.alert--error::before {
	content: "";
	color: #E30513;
	border-color: #E30513;
	background: #fff url('/images/misterfly/dsvg/cross--error.svg') 50%/auto 50% no-repeat !important;
}
.alert.alert--error button , .alert.alert--error .alert-btn {
	color: #E30513;
}
.alert--warning {
	background-color: #FFE7C3;
}

.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;
}
.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;
}

.alert--success::before {
	content: "";
	color: #25C86A;
	border-color: #25C86A;
	background: #fff url('/images/misterfly/dsvg/check--success.svg') 50%/auto 50% no-repeat !important;
}
.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;
}
.alert.__shadow {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
}
.alert.cancelFeesAlert {
	margin-top: 10px;
	margin-bottom: 10px;
}
/*** fin alert css **/
.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);
		transform: translate(-50%, -50%) rotate(0deg)
	}
	to {
		-webkit-transform: translate(-50%, -50%) rotate(1turn);
		transform: translate(-50%, -50%) rotate(1turn)
	}
}
/* Modal Selfcare */
.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: #FE5101;
}
.formResa .btn-default {
	font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
}
.formResa .btnLinkStyle {
	color: #FE5101;
	height: auto;
}
#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;
}

@media all and (min-width: 1024px){
	.pageMesResasHtml .pop-in--half {
	    max-width: 768px;
	}
}
/*button*/
.k-btn {
	cursor: pointer;
	letter-spacing: 0px;
	border: 0 none;
	white-space: nowrap;
	background: none;
	padding: 0;
}
.k-btn .picto {
	margin-right: 0;
}
.k-btn-primary {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	color: #FFFFFF;
	padding: 15px;
	border-radius: 6px;
}
.k-btn-primary.__icon {
	padding: 8px;
}
.k-btn-primary.__icon span.picto {
	font-size: 32px;
	margin: 0;
}
@media (max-width: 767px) {
	.k-btn-primary.icon-xs {
		padding: 12px;
	}
	.k-btn-primary.icon-xs span.picto {
		font-size: 24px;
		margin: 0;
	}
}
.k-btn-secondary {
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background: none;
	padding: 15px;
}
.k-btn-secondary span.picto {
	font-size: 14px;
	margin: 0;
}
.k-btn.__square {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}
.k-btn.__square.__alt {
	width: 32px;
	height: 32px;
}
.k-btn.__square.__large {
	width: 48px;
	height: 48px;
}
.k-btn-action {
	font-size: 14px;
	background: none;
	color: #333333;
	line-height: normal;
}
.k-btn-action:hover, .k-btn-action:focus , .k-btn-action:active  {
	text-decoration: underline;
	color: #333333;
}
.k-btn-action.__link {
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
.k-btn-action.__link:hover, .k-btn-action.__link:focus , .k-btn-action.__link:active  {
	text-decoration: none;
}
.k-btn-action.__icon {
	position: relative;
	width: 100%;
	height: 48px;
	padding: 0px 24px;
	text-decoration: none;
	text-align: left;
}
.k-btn-action.__icon:hover, .k-btn-action.__icon:focus , .k-btn-action.__icon:active {
	text-decoration: none;
}
.k-btn-action.__icon > span.picto {
  font-size: 32px;
  margin-right: 8px;
}
.k-btn-action.__icon .loading-dots {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.k-btn-action.__icon.__loading {
	pointer-events: none;
}
.k-btn-action.__icon.__loading > span:not(.loading-dots) {
	display: none;
}
.k-btn-action.__icon.__loading .loading-dots {
	opacity: 1;
}
.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;
}
.k-btn-icon, ul.__under a.k-btn-icon, ul.__under button.k-btn-icon, ul.__under span.k-btn-icon {
	text-decoration: none;
	color: #333;
	font-size: 16px;
	padding: 0 8px;
}
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;
}
.k-btn-collapse {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 48px;
	padding: 0px 24px 0px 24px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #333333;
}
.k-btn-collapse::after {
	content: "";
	border: 2px solid #000;
	border-left: none;
	border-bottom: none;
	top: -2px;
	width: 7px;
	height: 7px;
	margin-left: 10px;
	transform: rotate(135deg);
}
.k-btn-collapse.__active::after {
	top: 4px;
	transform: rotate(-45deg);
}
.k-btn-icon .picto {
	font-size: 16px;
	vertical-align: baseline;
	margin: 0;
}
.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;
}
.k-flex-nowrap {
	flex-wrap: nowrap;
}
.ul-flex > li > span, .ul-flex > li > div {
	flex: 1;
}
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mr-0 { margin-right: 0 !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.ml-0 { margin-left: 0 !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pr-0 { padding-right: 0 !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pl-0 { padding-left: 0 !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }

.k-m-0 { margin: 0 !important; }
.k-mt-0  { margin-top: 0 !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: 0 !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: 0 !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: 0 !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: 0 !important; }
.k-pt-0  { padding-top: 0 !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: 0 !important; }
.k-pr-8  { padding-right: 8px !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: 0 !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: 0 !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; }

/* 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: 0;
	right: 0;
	bottom: 0;
}

#bot-container{
	height: 100%;
	width: 100%;
	-webkit-box-flex: 1;
  flex-grow: 1;
	position:fixed;
	z-index: -1;
	bottom: 0;
	right: 0;
}
@media (min-width: 1024px) {
	#bot-container.__shadow {
		box-shadow: 0 5px 30px 0 rgba(0,0,0,0.15);
	}
}

/* STYLES NEW RECAP + MODIF BOOKING */
.containerRecapModif {
	padding: 0 7px;
}
@media (max-width: 768px){
  .containerRecapModif {
		padding: 0;
	}
}

.recapModifBookingDetail {
	padding: 0 7px;
	margin: 0 0 15px 0;
}
.recapModifBookingDetail > div{
	background-color: #ffffff;
	padding: 15px;
	border-radius: 3px;
}
.recapModifBookingDetail #k-booking .k-card {
	padding: 0px;
	margin-top: 0px;
}
.cancel-modif-booking {
	margin: 30px 15px 15px 15px;
	text-align: center;
	justify-content: space-between;
	flex-direction: column;
}
@media (min-width: 1024px) {
	.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;
}
.recapModifBookingDetail .recapResaClass {
	padding-top: 30px;
}
.recapModifBookingDetail .recapModifDetail {
	padding: 0;	
}
@media (min-width: 768px) {
	.recapModifBookingDetail .recapResaClass {
		background: #f2f4f7;
		border: 1px solid #f2f4f7;
	}
	.recapModifBookingDetail > div {
		padding: 15px;
	}
}
@media (max-width: 767px){
	.recapModifBookingDetail .recapResaClass {
		padding: 30px 0px 15px 0px;
	}
}
.recapModifBookingDetail .k-card ul.ul-flex, .resa-recap ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.recapModifBookingDetail .k-card ul.ul-flex li, .recapModifBookingDetail .k-card ul.ul-flex li > svg {
	margin-right: 15px;
}
.recapModifBookingDetail .k-card ul.ul-flex li span {
	flex: 1;
}

/** BTN BACK **/
.k-card-footer-back {
	color: #333;
	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;
	}
}

#modifSearchForm.modif-resa {
    position: relative;
}
.recapModifBookingDetail #modifSearchForm #modifForm.k-card {
	padding-top: 30px;
}
.recapModifBookingDetail #modifSearchForm #modifForm.k-card {
	border: 1px solid #f2f4f7;
}
.recapModifBookingDetail #recapResa.k-card > .k-picto svg {
	color: #333;
}
.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;
}
.modif-resa h2 {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 15px 0;
}
.divRecap .nbNights {
	line-height: inherit;
}
.disp-flex-center svg {
	margin-right: 15px;
}
/**btn pax**/
.nmarg-b{
  margin-bottom: 0;
}
.nmarg-t {
  margin-top: 0;
}
.marg-bs {
	margin-bottom: 15px;
}
/**/
.linkBack{
	margin-bottom: 15px;
}
.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;
}

/** CARD RESULT CAR **/
.card-result {
	position: relative;
	padding: 16px;
	margin-bottom: 16px;
	border-radius: 8px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
	background: #fff;
}

.card-result .card-result-header,
.recapBooking .card-result-header {
	display: flex;
	flex: 0;
}

.card-result .card-result-header .microcopy,
.recapBooking .microcopy {
	font-weight: 500;
	font-size: 12px;
	margin: 0;
}

.card-result .card-result-header > div:last-of-type,
.recapBooking .card-result-header > div:last-of-type {
	display: flex;
	align-items: start;
	justify-content: center;
}

.card-result .card-result-header > div:last-of-type img,
.recapBooking .card-result-header > div:last-of-type img {
	height: 80px;
}

.card-result .card-result-info li {
	min-height: 24px;
}

.card-result .pickup-dropoff svg {
	min-width: 24px;
}
.card-result .pickup-dropoff .vr {
	margin-right: 0px!important;
}
.card-result .card-result-footer,
.recapBooking .card-result-footer {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.card-result .card-result-footer .compagny-logo {
	max-height: 32px;
	margin-right: 8px;
	max-width: 90px;
}
.card-result .drawer .drawer-footer .compagny-logo {
	display: none;
}

.card-result .card-result-footer .price,
.card-result .drawer .drawer-footer .price {
	font-size: 28px;
	font-weight: 700;
	line-height: 24px;
}

.card-result .card-result-footer .price-strike,
.card-result .drawer .drawer-footer .price-strike {
	font-size: 14px;
	font-weight: 700;
	text-decoration: line-through;
}

.card-result .card-result-footer .microcopy,
.card-result .drawer .drawer-footer .microcopy {
	font-size: 10px;
	font-weight: 500;
}
.card-result .kbtn.kbtn-primary {
	position: relative;
	z-index: 104;
}

.card-result .tooltip-zone {
	z-index: 105;
}

.card-result .__tooltip svg,
.card-result .__tooltip .pills,
.card-result .__tooltip .price {
	position: relative;
	z-index: 105;
}

@media (min-width: 768px) {
	.card-result, .recapBooking {
		display: flex;
		flex-wrap: wrap;
	}
	
	.card-result-header {
		flex-direction: column;
	}

	.card-result .card-result-header > div:last-of-type img,
	.recapBooking .card-result-header > div:last-of-type img {
		width: 200px;
		height: auto;
		margin-top: 16px;
	}

	.card-result .card-result-footer, 
	.recapBooking .card-result-footer {
		justify-content: flex-end;
	}
}

@media (max-width: 1023px) {
	#stickyScroll.__sticky {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    border-radius: 0;
	    margin: 0 !important;
	    z-index: 900;
	}	
}

.kbtn {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: inherit;
    position: relative;
    border: none;
    background: none;
    outline: none;
    width: auto;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    text-decoration: none;
    transition: 300ms cubic-bezier(0.215, 0.61, 0.355, 1), margin 0s, padding 0s, outline 0s, outline-offset 0s;
}
.kbtn.kbtn-primary {
    padding: 0 16px 0 0;
    border-radius: 8px;
}
.kbtn.kbtn-primary.__square {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    padding: 0;
}
.kbtn.kbtn-primary.__square.__overlay {
	background: rgba(255, 255, 255, 0.5);
}
.kbtn.kbtn-primary.__square.__small {
    width: 32px;
    height: 32px;
}
.kbtn.kbtn-primary.__square svg {
    margin: 0;
    vertical-align: middle;
}
.kbtn.kbtn-primary.__center {
    padding: 0 16px;
}
.kbtn.kbtn-primary.__map {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 100%, #fff), url('/images/map-bg.svg') no-repeat no-repeat right top/120% !important;
    transition: none;
}
.kbtn.kbtn-primary.__shadow {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
}
.kbtn.kbtn-primary svg {
    margin: 0 4px 0 12px;
}
.kbtn.kbtn-action {
    font-weight: normal;
  	text-decoration: underline;
  	height: 24px;
  	padding: 0 !important;
}
.kbtn.kbtn-action:hover {
    text-decoration: none;
}
.kbtn.kbtn-action.__alt {
    color: #333;
}
.kbtn.kbtn-action.__inline {
    display: inline-flex;
    vertical-align: middle;
}
.kbtn.kbtn-action svg {
    margin: 0 4px 0 0;
}
.kbtn.kbtn-action.__right svg {
    margin: 0 0 0 4px;
}
.kbtn.__small {
    height: 32px;
}
.kbtn.__right {
    padding: 0 0 0 16px;
}
.kbtn.__right svg {
    margin: 0 12px 0 4px;
}
.kbtn.kbtn-primary .icon-box svg {
	margin: 0;
}
.kbtn.__loading {
    justify-content: center;
    color: transparent !important;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}
.kbtn.__loading .loading-dots {
   	position: absolute;
	top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.kbtn.kbtn-primary.__fill.__loading .loading-dots > span {
    background: #fff;
}
.kbtn:disabled, .kbtn.__disabled {
	pointer-events: none;
	filter: grayscale(1);
    opacity: 0.6;
}
/** ANCV **/
.container-payment {
	position: relative;
    padding: 16px;
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 8px;
}
.container-payment img {
	width: 48px;
	height: auto;
	max-width: 100%;
}
.container-payment label.checkbox.__field {
	border: none;
	padding: 0 0 0 32px;
	margin-left: -16px;
	color: #333;
}

.ancv img {
	width: auto;
	height: 30px;
}
.ancv .grid {
	position: relative;
	display: grid;
	grid-template: repeat(6, auto) / repeat(2, min-content) max-content auto;
	row-gap: 16px;
	align-items: center;
	z-index: 0;
}
.ancv .grid .grid-cell-span {
    position: relative;
    grid-column: 1;
    grid-row: 2 / 6;
    align-self: stretch;
}
.ancv .grid .grid-cell-1 {
	grid-row: 1 / 3;
}
.ancv .grid .grid-cell-2 {
	grid-row: 3 / 5;
}
.ancv .grid .grid-cell-3 {
	grid-row: 5 / 7;
}
.ancv .grid .grid-cell-span .step-line {
	position: absolute;
	left: 16px;
	transform: translateX(-50%);
	z-index: -1;
}
.ancv .grid img {
	width: 60px;
}

@media (min-width: 768px) {
	.ancv .grid {
		grid-auto-flow: column;
		grid-template: repeat(2, min-content) max-content auto / repeat(6, 1fr);
		column-gap: 16px;
		row-gap: 0;
		justify-items: center;
		align-items: start;
		text-align: center;
	}
	.ancv .grid .grid-cell-span {
	    grid-column: 2 / 6;
    	grid-row: 1;
    	justify-self: stretch;
	}
	.ancv .grid .grid-cell-1 {
		grid-column: 1 / 3;
		grid-row: auto;
	}
	.ancv .grid .grid-cell-2 {
		grid-column: 3 / 5;
		grid-row: auto;
	}
	.ancv .grid .grid-cell-3 {
		grid-column: 5 / 7;
		grid-row: auto;
	}
	.ancv .grid .grid-cell-span .step-line {
		top: 16px;
		left: auto;
		transform: translateY(-50%);
	}
	.ancv .grid img {
		width: auto;
		height: 120px;
	}
	.card-result:hover .kbtn.kbtn-primary.__fill {
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16) , 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}
}
/** FIN ANCV **/
/** diaporama Home **/
.slick { display: none; }
.slick.slick-initialized { display: block; }
.slick.slick-initialized.fa-center { display: flex; }

.content-bloc-slick {
  background-color: white;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide li {
  position: relative;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  max-width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick {
  max-width: 1220px;
  margin: auto;
  padding: 0;
  list-style: none;
}
.slick a {
  display: block;
}
.slick img.img-xs {
  display: none;
}
.slick--unset li + li {
  display: none;
}
.slick-dots {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f1f2f6;
  border-radius: 16px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 6px;
  font-size: 0;
  line-height: 0;
}
.slick-dots li {
  display: inline-block;
  margin: 0 4px;
}
.slick-dots li.slick-active button {
  background-color: #fff !important;
  border: 1px solid #333 !important;
}
.slick-dots button {
  font-size: 0;
  padding: 0;
  display: block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  border-radius: 100%;
  background-color: #333 !important;
  border: 1px solid #333 !important;
}
.link-slick {
  font-size: 19px;
  font-weight: bold;
  text-decoration: underline;
  position: absolute;
  height: auto;
  width: auto;
  background: transparent;
  bottom: 65px;
  left: 140px;
}
@media (max-width: 1200px) and (min-width: 640px) {
  .link-slick {
    bottom: 25px;
    left: 10%;
  }
}
.link-slick:hover,
.link-slick:focus {
  text-decoration: none;
}
@media screen and (max-width: 639px) {
  .link-slick {
    font-size: 14px;
    bottom: 50px;
    left: 7%;
  }
  .slick img {
    margin: auto;
  }
  .slick img.img-md {
    display: none;
  }

  .slick img.img-xs {
    display: block;
  }

  .slick--unset img {
    padding: 0 40px;
  }

  .slick-slide {
    margin: 0 10px;
  }
}

/* BLOC PUB HOME */
.content-bloc-advertising {
  margin-bottom: 100px;
  padding: 15px;
  background: #fff;
  width: 100%;
}
@media (min-width: 640px) {
  .content-bloc-advertising {
    background: rgba(255 255 255 / 80%);
  }
}
.promote {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
}
.promote > div {
  position: relative;
  margin: 10px 0px;
}
.promote a {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 8px 0px 0px 16px;
  font-size: 20px;
  color: #fff;
  text-shadow: 1px 4px 3px rgba(0, 0, 0, 0.45);
}
.promote a:hover,
.promote a:focus,
.promote a:visited {
  color: #fff;
}
.promote div > label {
  position: absolute;
  bottom: 8px;
  left: 16px;
  padding: 8px;
  color: #fff;
  background-color: #fe5101;
  font-size: 12px;
  border-radius: 8px;
}
.promote img {
  width: 100%;
  border-radius: 8px;
}
@media (min-width: 640px) {
  .promote {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 980px;
  }
  .promote img {
    width: 230px;
  }
}

.container-border {
	position: relative;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #c1c1c1;
}

#drawerBtnFixed > div {
	column-gap: 16px;
}
#drawerBtnFixed .overlay {
	z-index: 110;
}
#drawerBtnFixed.drawer-btn .dropdown {
    top: 0px;
    transform: translateY(-100%);
}
#drawerBtnFixed.drawer-btn .dropdown.__active {
    animation: fade-in-top 300ms cubic-bezier(0.21, 0.61, 0.35, 1);
}
.black-link {
	color: #333;
	text-decoration: underline;
}
.black-link:hover {
	color: #333;
}
/**** CAPTCHA LOGIN ****/
.g-recaptcha {
	clear: both;
    margin: 0 auto;
    width: 305px;
}
/**** CAPTCHA PAX ****/
.carBookingPax .g-recaptcha {
	margin: inherit;
	padding: 0px 7px;
}
.footer-partners .bigPicPartner {
	max-width: 80px;
    max-height: 70px;
    margin: 0px 25px 15px 0px;
}

#external-payment-form .adyen-checkout__card__holderName .adyen-checkout__label,
#external-payment-form .adyen-checkout__radio_group--button .adyen-checkout__radio_group__input-wrapper .adyen-checkout__radio_group__label--no-radio {
	color: inherit;
	font-weight: normal;
	margin-bottom: 0;
}