/* ###################################################################################################################### */
/* ################################################# GENERAL ############################################################ */
/* ###################################################################################################################### */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #555;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: #ffffff 5000s ease-in-out 0s;
  -o-transition: #ffffff 5000s ease-in-out 0s;
  transition: #ffffff 5000s ease-in-out 0s;
}
/* //////////////////////// */
/* ///////// fonts /////// */
/* ////////////////////// */
/* ///////// UniSansBook /////// */
@font-face {
    font-family: "UniSansBook";
    src: url('fonts/Uni-Sans-Book.eot');
    src: url('fonts/Uni-Sans-Book.eot?#iefix') format('embedded-opentype'),
         url('fonts/Uni-Sans-Book.woff') format('woff'),
         url('fonts/Uni-Sans-Book.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: "UniSansSemiBold";
    src: url('fonts/Uni-Sans-SemiBold.eot');
    src: url('fonts/Uni-Sans-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Uni-Sans-SemiBold.woff') format('woff'),
         url('fonts/Uni-Sans-SemiBold.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: "UniSansBookBold";
    src: url('fonts/Uni-Sans-Bold.eot');
    src: url('fonts/Uni-Sans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Uni-Sans-Bold.woff') format('woff'),
         url('fonts/Uni-Sans-Bold.ttf') format('truetype');
    font-style: normal;
}
/* ///////// fin UniSansBook /////// */

/* ///////// Lato /////// */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/tI4j516nok_GrVf4dhunkg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/oUan5VrEkpzIazlUe5ieaA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
/* ///////// fin Lato /////// */
/* picto font */
.picto-download {
  	display: inline;
}
.picto-radio-off, .picto-radio-on{
	font-size: 18px;
  	font-size: 1.8rem;
}
.picto-security {
	font-size: 34px;
  	font-size: 3.4rem;
}
.picto-square-check {
  vertical-align: top;
}
/* //////////////////////// */
/* /////// fin fonts ///// */
/* ////////////////////// */
/* ///////// boutons /////// */
a, button:focus, input:focus, textarea:focus, select:focus{
	outline: none!important;
}
.btn.bordered {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	padding: 7px 11px;
	border-color: #96959a;
	color: #96959a;
}
.btn.bordered:hover, .btn.bordered:focus, .btn.bordered:active {
	border-color: #aaa;
	color: #aaa;
	background-color: transparent;
}
#startDateIcon, #endDateIcon, #startDateChangeIcon, #endDateChangeIcon {
	cursor: pointer;
}
img.calendar {
	width: 20px;
	vertical-align: sub;
}
/* //////// Header Style //////// */
header {
/* 	background-color: #ffffff; */
}
.containerlogo {
	padding: 10px 0;
}
.containerlogo img {
	height: 60px;
}
.containerBtn {
	text-align: right;
	vertical-align: middle;
}
.containerBtn > * {
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
}
.containerBtn a {
	text-decoration: none;
	margin-left: 8px;
}
.containerBtn a .picto {
	vertical-align: middle;
}
.containerBtn .user-details .agency {
	text-transform: uppercase;
}
.containerBtn .user-details ~ * .picto {
	font-size: 28px;
}
/* ///////// classes mise en page /////// */
p {
	cursor: default;
	margin: 0;
}
.dispTable {
	display: table;
	width: 100%;
}
.dispTable > *, .dispTableRow > * {
	display: table-cell;
}
.dispTable .dispTableRow {
	display: table-row;
}
.tLayout {
	table-layout: fixed;
}
.nowrap {
	white-space: nowrap;
}
#topDestinations .row {
	margin-right: 0px;
	margin-left: 0px;
}
.dispFlex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.dispFlex.verticalCenter{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
/* CLASS POUR NE PAS AFFICHER SUR TABLETTE OU PC */
@media (max-width:991px) {
	body .noOnTab {
		display: none;
	}
	.pushHotelCol:last-child {
		display: none;
	}
}
@media (min-width:992px) {
	body .noOnPc {
		display: none;
	}
}
/* FIN CLASS POUR NE PAS AFFICHER SUR TABLETTE OU PC */
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.uppercaseStyle {
	text-transform: uppercase;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: #FFFFFF!important;
    font-weight: normal;
}
.customTitleContainer {
	position: relative;
}
.customTitleContainer button {
	background: none;
	border: none;
}
.customTitleContainer .picto-reload {
	color: #d2d2d2;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: top;
}
.customTitleContainer .picto {
	margin-right: 5px;
}
.notEnoughtCredit {
	display: none;
	text-align: left;
	position: absolute;
	bottom: 115%;
	right: 0;
	z-index: 2;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	width: 250px;
}
.notEnoughtCredit:after {
	border-color: rgba(0, 0, 0, 0.8) transparent transparent;
    border-style: solid;
    border-width: 9px 7.5px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 18px;
    top: 100%;
    width: 0;
}
.customTitleContent {
	display: none;
	text-align: left;
	position: absolute;
	bottom: 115%;
	right: 0;
	z-index: 12;
	background: #000;
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	width: 250px;
}
.customTitleContent:after {
	border-color: rgba(0, 0, 0, 0.85) transparent transparent;
    border-style: solid;
    border-width: 9px 7.5px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 18px;
    top: 100%;
    width: 0;
}
#dispoPriceBloc .customTitleContent {
	bottom: 124%;
}
#dispoPriceBloc .notEnoughtCredit {
	bottom: 124%;
}
.customTitleContent li {
    list-style-type: none;
}
/* INFO PRIX PAR CHAMBRE */
.titlePriceRoom {
	display: none;
}
.titlePriceRoomContent:hover .titlePriceRoom, .titlePriceRoomContent:focus .titlePriceRoom {
	display: block;
}
.titlePriceRoom {
	text-align: left;
	position: absolute;
	bottom: 20px;
	right: 140px;
	z-index: 2;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
    font-size: 1.3rem;
    font-weight: bold;
    white-space: nowrap;
}
.titlePriceRoom:after {
    border-color: rgba(0, 0, 0, 0.8) transparent transparent;
    border-style: solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid rgba(0, 0, 0, 0.8);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -11px;
    bottom: 7px;
    width: 0;
}
/* FIXME */
.noPadLeft {
	padding-left: 0;
}
.noPadRight {
	padding-right: 0;
}
.noPadLeftRight {
	padding-left: 0;
	padding-right: 0;
}
.noMargLeftRight {
	margin-left: 0;
	margin-right: 0;
}
.paddIn10 {
	padding: 10px;
}
.paddLeft5 {
	padding-left: 5px;
}
.paddLeft10 {
	padding-left: 10px;
}
.paddBott50 {
	padding-bottom: 50px;
}
.margTop10 {
	margin-top: 10px;
}
.margTop15 {
	margin-top: 15px;
}
.inBold {
	font-weight: bold;
}
.inGrey {
	color: #8c8c8c;
}
.inGreyDark {
	color: #676767;
}
.inBlue {
	color: #3c3c3c;
}
.capitalize {
	text-transform: capitalize;
}
.hideElem {
	visibility: hidden;
}
.dispNone {
	display: none;
}
.clearFix {
	clear: both;
}
.bigPrice {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: normal;
	white-space: nowrap;
	font-weight: 900;
}
@media(max-width:991px){
	.bigPrice {
	  	font-size: 24px;
	  	font-size: 2.4rem;
	}
	.bigPrice .picto-picto-sablier {
		vertical-align: top;
		font-size: 22px;
		font-size: 2.2rem;
	}
}
.bigPrice .picto-picto-sablier {
	vertical-align: top;
	font-size: 23px;
	font-size: 2.3rem;
}
.littleTitle {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-transform: uppercase;
	cursor: default;
}
.secondTitle {
	font-size: 15px;
	font-size: 1.5rem;
  	font-weight: bold;
  	margin-top: 5px;
  	margin-bottom: 5px;
  	text-transform: capitalize;
}
.infoTypeGrey {
	color: #8c8c8c;
	font-size: 13px;
	font-size: 1.3rem;
}
.note {
	text-transform: lowercase;
}
.note:FIRST-LETTER {
	text-transform: capitalize;
}
/* ###################################################################################################################### */
/* ########################################### FORMULAIRE RECHERCHE ##################################################### */
/* ###################################################################################################################### */
nav {
	background-image: url("/images/search_form_background.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 355px;
	margin-bottom: 15px;
	position: relative;
}
@media (min-width:992px) {
	nav {
		height: 345px;
		margin-bottom: 15px;	
	}
}
nav > div {
	display: table-cell;
	vertical-align: bottom;
	width: 100%;
}
#formTabs {
	margin-top: 15px;
}
#formTabs.nav-tabs > li {
    display: inline-block;
    margin-right: 2px;
    cursor: pointer;
}
nav #formContainer {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}
#formTabs li a {
	background: #555;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0.5;
	text-transform: uppercase;
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff;
	font-weight: bold;
	line-height: 27px;
}
@media (min-width:700px) {
	#formTabs li a {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
#formTabs li a:focus, #formTabs li a:active,  #formTabs li.active > a {
	outline: none;
	background: #111;
	background: rgba(0, 0, 0, 0.8);
	opacity: 1;
}
#formTabs a > span.picto {
	margin: 0 10px 0 0; 
}
#formTabs a > span.picto-home {
	margin: 0;
}
#formTabs .homeTabLink > span.picto {
	margin: 0;
}
.pictoMealplanNO {
	background-image: url('/images/picto_mealplans/NO.png');
}
.pictoMealplanRO {
	background-image: url('/images/picto_mealplans/RO.png');
}
.pictoMealplanBB {
	background-image: url('/images/picto_mealplans/BB.png');
}
.pictoMealplanHB {
	background-image: url('/images/picto_mealplans/HB.png');
}
.pictoMealplanFB {
	background-image: url('/images/picto_mealplans/FB.png');
}
.pictoMealplanAI {
	background-image: url('/images/picto_mealplans/AI.png');
}
#formContainer {
	padding: 20px 0;
	color: #666;
}
.inputBloc {
	margin-left: -3px;
	margin-right: -3px;
}
.inputBloc > div {
	display: inline-block;
	padding: 0 5px;
	margin-bottom: 10px;
}
#searchFormTab, #searchOptionsTab {
	font-size: 16px;
	font-size: 1.6rem;
}
.destinationContainer {
	width: 100%;
}
.destinationContainer > div {
	background: #fff;
	position: relative;
	border-radius: 2px;
}
.destinationContainer span {
	font-size: 22px;
	font-size: 2.2rem;
    padding: 0 10px;
    color: #cacaca;
    position: absolute;
    left: 0;
    top: 10px;
}
.destinationContainer input {
	padding-left: 40px;
}
.destinationContainer input, .startDateContainer input, .endDateContainer input {
	background: none;
	border: none;
	height: 40px;
	font-size: 16px;
	font-size: 1.6rem;
}
#ajaxSearchName::-ms-clear {
    display: none;
}
.startDateContainer, .endDateContainer {
	width: 24%;
}
.startDateContainer > div, .endDateContainer > div {
	background: #fff;
	position: relative;
	padding-left: 10px;
	border-radius: 2px;	
}
.startDateContainer span, .endDateContainer span {
	font-size: 18px;
	font-size: 1.8rem;
    padding: 0 10px;
    color: #cacaca;
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 3px;
    width: 1.8em;
    cursor: pointer;
}
.ui-datepicker-header .ui-datepicker-prev:HOVER, .ui-datepicker-header .ui-datepicker-next:HOVER {
	top: 3px;
	background-color: transparent;
	border: none;
}
.ui-datepicker {
    margin-left: -10px;
}
.roomRepartContainer {
	width: 52%;
}
.budgetContainer {
	width: 34%;
}
.mealPlanContainer {
	width: 33%;
}
.mealPlanContainer .miniForm {
	padding: 0;
}
.mealPlanContainer .miniForm > div {
    padding: 10px;
}
.mealPlanContainer .miniForm div:hover {
    background-color: #f3f3f3;
}
.mealPlanContainer .miniForm label {
	font-weight: normal;
}
.pictoMealplans,
.pictoMealplansHotelDetails {
	display: inline-block;
    height: 35px;
    width: 35px;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: middle;
}
.pictoMealplans,
.pictoMealplansHotelDetails {
	background-position: 0 0;
}
.pictoMealplans.checked,
.pictoMealplansHotelDetails.checked {
	background-position: 0 -35px;
}
.ckbMealplans {
	display: none;	
}
.equimentContainer {
	width: 33%;
}
.hotelGroupContainer {
	width: 34%;
}
.budgetContainer .miniForm {
	padding: 5px 10px 15px;
}
.hotelGroupContainer .miniForm {
	padding: 15px 10px;
}
.suppliersContainer {
	width: 33%;
	vertical-align: top;
}
@media (min-width:992px) {
	.destinationContainer {
		width: 39%;
	}
	.startDateContainer {
		width: 15%;
	}
	.endDateContainer {
		width: 15%;
	}
	.roomRepartContainer {
		width: 31%;
	}
	.budgetContainer {
		width: 20%;
	}
	.mealPlanContainer {
		width: 20%;
	}
	.equimentContainer {
		width: 20%;
	}
	.hotelGroupContainer {
		width: 20%;
	}
	.suppliersContainer {
		width: 20%;
	}
}
.inputBloc input[type="text"], .inputBloc button, .inputBloc select {
	width: 100%
}
#searchCriteriasBloc, #resultNumberBloc, #searchButtonBloc {
	vertical-align: bottom;
}
#searchButtonBloc {
	margin-left: 10px;
}
#searchButtonBloc button {
	width: 100%;
	padding: 10px 20px;
	font-size: 16px;
	font-size: 1.6rem;
}
.miniFormContainer {
	position: relative;
}
.miniFormContainer > button {
	background: #fafafa; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%,#e3e3e3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-8 */
	border-radius: 2px;
	height: 40px;
	border: 1px solid #b4b4b4;
	text-align: left;
	position: relative;
	line-height: 16px;
}
.miniFormContainer > button:focus {
	background: #f6f6f6;
}
.miniFormContainer button span.caret {
	position: absolute;
    right: 10px;
    top: 17px;
}
.miniForm {
	display: none;
	background: #fff;
	border: 1px solid #E6E6E6;
	position: absolute;
	top: 100%;
	width: 100%;
	padding: 5px;
}
@media(min-width:1024px){
	#filterForm .miniForm {
		position: static;
	}
}
.miniForm label {
	margin-bottom: 0;
	cursor: pointer;
	width: 100%;
}
#miniFormProxFiltre.miniForm {
  max-height: 300px;
  overflow-y: scroll;
}
.budgetAnnotation {
	font-size: 10px;
	font-size: 1rem;
}
.miniForm input {
    vertical-align: baseline;
}
.choiceLabel {
	vertical-align: middle;
}
#miniFormCatFiltre .choiceLabel{
	font-weight: normal;
  	min-height: 20px;
  	margin-top: 5px;
  	margin-bottom: 5px;
  	display: block;
 }
.miniForm > p {
    line-height: 30px;
}
.miniFormContainer.active {
	z-index: 11;
}
.miniFormContainer.active .miniForm {
	display: block;
}
.miniForm input:-ms-input-placeholder { /* Internet Explorer 10+ */
  line-height: 1.5em;
}
#customFormOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}
.roomRepartContainer .miniForm {
	width: 100%;
}
.miniForm button {
	background: none;
	border: 0px;
}
.miniForm button:HOVER, .miniForm button:ACTIVE, .miniForm button:FOCUS {
	background: #E3E3E3;
	border: 0px;
}
.miniForm input {
	margin-right: 5px;
	width: 100%;
}
#searchCriteriasContent button {
	background: none;
	font-size: 12px;
	font-size: 1.2rem;
    border-radius: 15px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 7px;
    line-height: normal;
}
#searchCriteriasContent .resetBtnChoice {
	border: 2px solid #cc0000;
	color: #cc0000;
	padding-left: 3px;
	padding-top: 0;
    padding-right: 3px;
	border-radius: 0px;
	font-size: 15px;
	font-size: 1.5rem;
}
.resetBtnChoice span {
	margin-left: 5px;
}
#searchCriteriasContent span {
	margin-right: 5px;
	vertical-align: text-top;
}
#resultNumberContent {
	color: #FFFFFF;
	font-size: 11px;
	font-size: 1.1rem;
	text-align: right;
	white-space: nowrap;
}
.resultNumberHtl {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}
.configurationTab ul {
	list-style-type: none;
	color: #F1F2F3;
	margin-bottom: 0;
	padding-left: 0;
}
.configurationTab a {
	color: #F1F2F3;
	font-size: 15px;
	font-size: 1.5rem;
}
.configurationTab a:focus, .configurationTab a:hover {
	text-decoration: none;
}
.checkHotelsFavorisDiv {
	text-align: right;
	vertical-align: middle;
}
.checkHotelsFavorisDiv label {
	color: #fff;
  	font-size: 14px;
  	font-size: 1.4rem;
  	vertical-align: middle;
  	margin-left: 5px;
  	line-height: normal;
}
.checkListCriterDiv {
	z-index: 11;
}
.checkListCriterDiv button, .checkCriterDiv button {
  	vertical-align: bottom;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-left: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    border: none;
    background: none;
    color: #fff;
}
.checkListCriterDiv p, .checkCriterDiv p {
    position: relative;
    padding-right: 15px;
  	margin-bottom: 0;
    font-weight: bold;
	display: inline-block;
    vertical-align: bottom;
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
}
/* POUR LA PTITE FLECHE */
.checkListCriterDivBtn .gestCarat, .checkCriterDivBtn .gestCarat{
	background-image: url("/images/ui-icons_ffffff_256x240.png");
	position: absolute;
	top: 3px;
	right: 0px;
	background-position: -64px 0;
	width: 12px;
    height: 10px;
}
.chevron{
	background-image: url("/images/ui-icons_ffffff_256x240.png");
	position: absolute;
	top: 3px;
	right: 0px;
	width: 12px;
    height: 10px;
}
.chevronUp{
	background-position: -64px 0;
}
.chevronDown{
	background-position: 0px 0;
}
/* ############### Gestion de critères de recherche favoris ################# */
#searchRecapContainer {
	text-align: right;
	padding-top: 5px;
}
#searchRecapContainer > div {
	display: inline-block;
	vertical-align: middle;
}
/* ///////// CSS POUR INFOBULLE /////// */
.contentBtnGestFav .saveFav, .contentBtnGestFav .deleteFav {
	position: relative;
}
.contentBtnGestFav .customTitleContent {
    bottom: 155%;
    width: auto;
    white-space: nowrap;
}
.contentBtnGestFav button:hover .customTitleContent {
	display: block;
}
.contentBtnGestFav .picto {
	font-size: 20px;
	font-size: 2.0rem;
}
.contentBtnGestFav button {
	padding: 0px 15px;
	border: none;
	border-right: 2px solid #ffffff;
    background: none;
}
.contentBtnGestFav span {
	color: #ffffff;
}
/* ############### DIV LIST CRITERE FAVORIS ################# */
#relativeContentBlocGestionFav {
	position: relative;
}
@media (min-width: 1190px) {
	.contentCritereFav {
		left: 0;
	}
}
.contentCritereFav {
	display : none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 10px 0 10px;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
    color: #8c8c8c;
    width: 88%;
	min-width: 640px;
    z-index: 12;
	-webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
         -ms-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
             transition: all 0.2s ease;
}
.contentCritereFav.active {
	display: block;
}
@media (min-width: 1190px) {
	.contentCritereFav {
		left: 15px;
	}
}
/* MESSAGE PAS DE CRITERE ENREGISTRES */
.noCrtitereMsg {
    color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
}

/* ///////// CSS VISU DES CRITERE FAVORIS /////// */
.visuCritereFav {
	background-color: #ffffff;
	margin-bottom: 10px;
}
.visuCritereFav > * {
	cursor: pointer;
}
.visuCritereFav h4 {
	margin: 0;
}
.visuCritereFav p {
	font-size: 12px;
	font-size: 1.2rem;
	cursor: pointer;
}
.visuCritereFav button {
	width: 40%;
	padding: 10px;
    border: none;
    background: transparent;
    text-align: left;
}
.trashContent {
	width: 10%;
	padding: 10px 10px 10px 0;
	vertical-align: middle;
	line-height: normal;
	text-align: right;
}
@media (min-width: 992px){
	.visuCritereFav button {
		width: 43%;
	}
	.trashContent {
		width: 6%;
	}
}
.trashContent button {
	padding: 0;
	text-align: right;
	border: none;
    background: none;
}
.trashContent button .picto-corbeille,
.trashContent button .picto-bookmark {
	color: #8c8c8c;
}
.picto.picto-bookmark {
	font-size: 1.9rem;
}
.trashContent button:hover .picto-corbeille,
.trashContent button:hover .picto-bookmark {
	color: #c5c5c5;
}
/* VALIDATION DE LA SUPPRESSION */
.validDelCritereFav {
	padding: 10px;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.validDelCritereFav a {
	margin-left: 5px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
/* ///////// CSS AJOUT DES CRITERE FAVORIS /////// */
.addCritereFav {
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
}
.addCritereFav input[type="text"] {
    width: 55%;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #cecece;
}
.addCritereFav input::-webkit-input-placeholder {
	color: #cecece;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.addCritereFav p {
	font-size: 12px;
	font-size: 1.2rem;
}
.btnAddCritereFavContent {
	color: #ffffff;
	text-align: right;
	vertical-align: middle;
}
.btnAddCritereFavContent button {
	display: inline-block;
	height: 30px;
	width: 30px;
	text-align: center;
	border: none;
}
.btnAddCritereFavContent .picto {
	font-size: 16px;
	font-size: 1.6rem;
}
.supCritereFavContent {
	background-color: #E1E1E1;
	margin-right: 5px;
}
.supCritereFavContent:HOVER, .supCritereFavContent:hover {
	background-color: #eaeaea;
}
/* ///////// CSS VALIDATION AJOUT DES CRITERE FAVORIS /////// */
.validAddCritereFav {
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
}
.validAddCritereFav p {
	font-size: 16px;
	font-size: 1.6rem;
}
.btnCheckAddCritereFav {
	text-align: right;
}
.btnCheckAddCritereFavError {
	text-align: right;
	color :#e64236;
}
.btnCheckAddCritereFav .picto {
	color: #92C544;
	padding: 1px 6px;
}
.btnCheckAddCritereFavError .picto {
	color : inherit;
	padding: 1px 6px;
}
/* ############### POP UP NOMBRE DE PERSONNES ################# */
.numbPax {
	padding: 10px;
	font-size: 13px;
	font-size: 1.3rem;
} 
.numbPax .formStyle {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 3px 0;
}
.contentRoomcell {
	margin-top: 10px;
}
.numbPax p {
	margin-bottom: 10px;
	margin-top: 10px;
}
.roomsNumber label {
	display: inline;
	margin-right: 5px;
}
.roomsNumber > select {
    width: 45px;
    display: inline;
    padding: 3px 0px;
}
.roomCellNumber {
	margin-top: 10px;
}
.NbPaxLine > div {
	padding-bottom: 10px;
}
.columnInfo.ng-scope {
	padding-bottom: 5px;
}
.roomSelectLabel {
	margin: 0 0 5px;
	white-space: nowrap;
}
.columnInfo {
	padding-right: 5px;
	padding-left: 5px;
    width: 20%;
}
.columnInfo.columnNbRoom {
  width: 10%;
}
.columnInfo.columnTypeRoom {
  width: 30%;
}
.btnValidation {
	margin-top: 10px;
	text-align: center;
}
.miniForm .btnValidation button {
	font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    width: 70%;
}
.miniForm .btnValidation .btn-default {
    border-color: #cccccc;
    border-radius: 0;
    color: #ffffff;
}
.miniForm .btnValidation .btn-default:hover {
    border-color: #adadad;
    color: #ffffff;
}
/* ###################################################################################################################### */
/* ################################################### HOME ############################################################# */
/* ###################################################################################################################### */
.tempCommMessage {
    text-transform: uppercase;
    margin-top: -15px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
@media (min-width: 992px){
	.tempCommMessage {
		margin-top: -40px;
	    margin-bottom: 40px;
	}
}
.tempCommMessage span {
	color: #000;
	margin-right: 20px;	
}
.topDestinationBloc {
	margin-bottom: 20px;
}
#topDestinations .mapContainer {
	height: 260px;
	max-height: 260px;
}
#topDestinations .mapTopHotel {
	height: 100%;
	width: 100%;
}
#topDestinations .thumbnailContainer {
	height: 260px;
	max-height: 260px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
@media (max-width: 991px) {
	#topDestinations .topDestinationsInfosContainer {
		background: #fff;
	}
}
#topDestinations .topDestinationsBtnDiv {
	position: absolute;
	bottom: 0;
	right: 0;
}
.topDestinationsInfosContainer {
	position: relative;
	padding: 10px;
}
.topHotelCountryImg {
	position: relative;
	background: #e5e5e5;
}
.topDestinationsInfos, .topDestinationsBtnDiv {
	background: #fff;
}
.topDestinationsInfosContainer > .topDestinationsInfos {
	margin-bottom: 5px;
}
.topDestinationsInfosContainer > .topDestinationsInfos:LAST-CHILD{
	margin-bottom: 0;
}
.topDestinationsInfos > div{
	vertical-align: middle;
}
.topDestinationsInfos h3 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
#topDestinations h2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.topDestinationsBtn {
	text-align: right;
	width: 90px;
	white-space: nowrap;
}
.topDestinationsBtn button, .topDestinationsBtn a {
	border: 0 none;
	color: #fff;
	width: 35px;
	height: 30px;
	line-height: 33px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	padding: 0;
}
.topDestinationsBtn button:focus, .topDestinationsBtn button:hover,
.topDestinationsBtn a:hover, .topDestinationsBtn a:focus {
	color: #fff;
}
.topDestinationsBtn span.picto-marker {
	font-size: 20px;
	font-size: 2rem;
}
@media (min-width: 992px) and (max-width: 1160px) {
	.topDestinationsInfos h3 {
		overflow: hidden;
	    -o-text-overflow: ellipsis;
	       text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 120px;
	}
}
.topDestinationsNameHtl h3 a:hover {
	text-decoration: none;
}
.topDestinationsNameHtl a {
	text-transform: capitalize;
	color: #505050;
}
.topDestinationsInfosPrice {
	vertical-align: top;
	padding-left: 10px;
	width: 140px;
}
.topDestinationsInfosPrice strong {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: normal;
	white-space: nowrap;
}
.topDestinationsInfosPrice p:FIRST-CHILD {
	font-size: 15px;
	font-size: 1.5rem;
}
.topDestinationsInfosPrice p {
	font-size: 12px;
	font-size: 1.2rem;
	white-space: nowrap;
}
.topHotelsCountry {
	background: #fff;
}
a.nametopHotel  {
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	max-width: 400px;
	vertical-align: middle;
}
@media(max-width:955px) {
	a.nametopHotel  {
		max-width: 260px;
	}
}
@media(min-width:900px){
	a.topDestinationBloc {
		width: 50%;
	}
	a.topHotelsCountry {
		min-height: 340px;
	}
}
@media(min-width:750px) and (max-width:899px){
	a.topDestinationBloc {
		width: 50%;
	}
}
@media(max-width:749px){
	.topDestinationBloc {
		width: 100%;
	}
}
.countryNameDiv {
	width: 100%;
  	text-align: center;
  	vertical-align: middle;
  	position: relative;
  	top: 50%;
}  	
.countryNameDiv span {
  	font-size: 26px;
  	font-size: 2.6rem;
  	color: #fff;
  	display: inline-block;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5); 
}
/* ###################################################################################################################### */
/* ################################################# RESULTATS ########################################################## */
/* ###################################################################################################################### */
/* ///////// map /////// */
#mapResultContainer {
	position: static;
	margin-top: 5px;
}
#mapResult {
	display: block;
	position: relative;
}
#mapResult.fixedMap {
	position: fixed;
	top: 20px;
}
#mapResultDiv {
	background: #ccc;
	height: 620px;
}
.fixedMap #mapResultDiv {
	height: 100%;
}
/* ///////// filtre et pagination /////// */
.filterTot > div {
	width: 50%;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.filterTot button {
	padding: 5px;
	width: 100%;
	text-transform: uppercase;
	border: none;
	background: none;
}
.filterTotSelect {
	color: #ffffff;
}
.filterTotNotSelect {
	background: none;
}
.contentPaginationSort {
	margin-top: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.nbrPagbloc {
	font-size: 13px;
	font-size: 1.3rem;
}
.sommePagination {
	font-size: 12px;
	font-size: 1.2rem;
}
@media (min-width: 1120px) {
	.contentPaginationSort {
		display: table;
		width: 100%;
	}
	#paginationBloc div {
		display: inline-block;
	}
	.nbrPagbloc {
		float: right;
	}
	.sommePagination {
		float: right;
		line-height: 27px;
		margin-right: 10px;
	}
}
@media (max-width: 1119px) {
	#paginationBloc div {
		display: inline-block;
	}
	.sommePagination {
	  	vertical-align: top;
  		line-height: 25px;
  		margin-left: 15px;
	}
}
#sortBlocContent {
	text-transform: uppercase;
	width: 260px;
}
.sortBloc > div {
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 3px 6px;
	cursor: pointer;
}
.sortBloc > div:HOVER, .sortBloc > div.active {
	background: #CCCCCC;
	color: #FFFFFF;
}
/**new sortBloc**/
.compactSortLigne {
	table-layout: fixed;	
	margin-top: 10px;
}
.compactSortLigne > div {
	vertical-align: top;
	height: 70px;
}
.containerBtnCarte {
	width: 200px;
}
.compactSortLigne  button {
	border: 0 none;
	background: #fff;
	width: 100%;
	height: 100%;
	color: #8c8c8c;
	font-size: 14px;
    padding-bottom: 0;
    padding-top: 0;
}
.triangleCarte {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0.7;
	border-style: solid;
}
.labelCarte {
	position: absolute;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase; 
}
#showMapBtn .triangleCarte {
	bottom: 0;
	left:0;
	border-width: 70px 0 0 200px;
}
#showMapBtn .labelCarte {
	left: 5px;
	bottom: 0px;
}
.labelCarte .picto-map{
	font-size: 20px;
	font-size: 2rem;
  	margin-right: 3px;
}
#hideMapBtn .triangleCarte {
	top: 0;
	right:0;
	border-width: 0 200px 70px 0;
}
#hideMapBtn .labelCarte {
	right: 5px;
	top: 0px;
}
.containerBtnCarte button {
	background: url("/images/miniCarte.png") no-repeat;
  	border-right: 2px solid #f0f0f0;
    background-size: cover;
    padding: 0;
    position: relative;
}
/*/////TRI par FAVORIS//////*/
.containerBtnFavoris {
	width: 200px;
	border-left: 2px solid #f0f0f0;
}
.containerBtnFavoris button {
	text-transform: uppercase;
	text-align: left;
}
.labelFavoris {
	width: 140px;
  	text-align: left;
  	vertical-align: middle;
}
/*/////BOUTON bringFont FAVORIS//////*/
#bringFrontFavorite{
	position: relative;
	right: 6px;
    width: 36px;
    height: 50px;
    border: 0 none;
	overflow: hidden;
	border-right: 1px solid #ddd;
}
#bringFrontFavorite:before {
    content: '';
    position: absolute;
    z-index: 1;
    height: 44px;
    right: -35px;
    width: 28px;
    top: 2px;
    border-radius: 16px 0 0 16px;
    -webkit-box-shadow: -20px 0 14px rgba(0,0,0,0.1);
            box-shadow: -20px 0 14px rgba(0,0,0,0.1);
}
#bringFrontFavorite:after{
    content: '';
    position: absolute;
    z-index: 1;
    height: 48px;
    right: -10px;
    width: 10px;
    top: 2px;
    border-radius: 20px 0 0 20px;
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.2);
            box-shadow: 0 0 13px rgba(0,0,0,0.2);
}
#bringFrontFavorite .pictoFavorisOn {
	right: 0;
    background-color: #2ECC71;
}
/*/////BOUTON mettre en FAVORIS//////*/
.pictoFavorisOn {
	background: transparent;
}
.pictoFavorisOff {
	background: transparent;
}
.contentFavoriteContainer {
	position: absolute;
    top: 0;
    right: 0;
}
.favoriteContainer {
	position: relative;
	overflow: hidden;
	border-right: 1px solid #ddd;
}
.favoriteContainer:after{
    content: '';
    position: absolute;
    z-index: 1;
    height: 48px;
    right: -10px;
    width: 10px;
    top: 2px;
    border-radius: 20px 0 0 20px;
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.2);
            box-shadow: 0 0 13px rgba(0,0,0,0.2);
}
 .picto-favorite{
	position: absolute;
	right: -14px;
	margin-right: 0px;
	top: 7px;
    display: block;
    height: 34px;
    width: 34px;
	background-color: #BEBEBE;
}
.picto-favorite:before {
    position: absolute;
    top: 6px;
    right: 6px;
    color: #fff;
}    
.picto-favorite.activeFav {
	margin-right: 14px;
    background-color: #2ECC71;
	-webkit-transition: background-color 2s, margin-right 0.7s;
	-moz-transition: background-color 2s, margin-right 0.7s;
  	transition: background-color 2s, margin-right 0.7s;
}
.picto-favorite:not(.activeFav) {
	margin-right: 0px;
    background-color: #BEBEBE;
	-webkit-transition: background-color 2s, margin-right 0.7s;
	-moz-transition: background-color 2s, margin-right 0.7s;
  	transition: background-color 2s, margin-right 0.7s;
}
.picto-favorite.initActiveFav {
	margin-right: 14px;
    background-color: #2ECC71;
	-webkit-transition: none;
	-moz-transition: none;
  	transition: none;
}
.btnTriContainer {
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #f0f0f0;
	border-right: 2px solid #f0f0f0;
}
.btnTri span {
	vertical-align: middle;
	margin-left: 10px;
}
@media(max-width:700px) {
	.btnTri span {
		margin-left: 5px;
	}
	.labelFavoris {
		text-transform: initial;
		font-weight: normal;
	}
}
/**fin new sortBloc**/
/* ###################################################################################################################### */
/* ################################################## CSS Pagination ################################################## */
/* ###################################################################################################################### */
.paginationBloc {
	margin-top: 10px;
}
#paginationBloc {
	text-align: right;
}
#paginationBloc ul {
	margin: 0;
}
.pagination > li {
  display: inline-block;
  margin-left: 5px;
  height: 36px;
  width: 36px;
  text-align: center;
}
.contentPaginationSort #paginationBloc .pagination > li > a, .pagination > li > span {
	padding: 0;
	background: #fff;
    border: 0 none;
    border-radius: 0;
    height: 100%;
    width: 100%;
    line-height: 36px;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 0;
}
.contentPaginationSort #paginationBloc .pagination > li > a:HOVER,
.contentPaginationSort #paginationBloc .pagination > li > a.active {
	padding: 0;
    color: #FFFFFF;
}
.contentPaginationSort #paginationBloc .pagination > li.disabled > a, .pagination > li.disabled > span{
    background: #d8d8d8;
    color: #FFFFFF;
    cursor: not-allowed;
}
ul.pagination-xs {
	display: block;
	line-height: 36px;
	padding: 0;
	margin-bottom: 10px;
}
.pagination-xs > li {
  	padding: 5px 10px;
  	text-align: center;
  	font-size: 14px;
   	font-size: 1.4rem;
   	font-weight: bold;
  	text-decoration: none;
  	cursor: pointer;
  	width: 135px;
}
.pagination-xs li.prev {
	float: left;
	display: inline-block;
}
.pagination-xs li.next {
	float: right;
	display: inline-block;
}
.pagination-xs > li.prev , .pagination-xs > li.next:hover {
  	color: #fff;
}
.pagination-xs > li.next , .pagination-xs > li.prev:hover {
	color: #fff;
}
@media (max-width:1023px){
	.pagination-xs > li.prev , .pagination-xs > li.next:hover ,
	.pagination-xs > li.next , .pagination-xs > li.prev:hover {
	  	background-color: #fff;
	}
	.pagination-xs > li.next:focus, .pagination-xs > li.prev:focus {
		color: #fff;
	}
}
.pagination-xs > li.prev.disabled, .pagination-xs > li.prev.disabled:hover, .pagination-xs > li.prev.disabled:focus, 
.pagination-xs > li.next.disabled, .pagination-xs > li.next.disabled:hover, .pagination-xs > li.next.disabled:focus {
  	color: #ffffff;
  	background-color: #cccccc;
  	cursor: not-allowed;
}
/* ///////// bloc resultat /////// */
.hotelChoiceBtnDiv .hotelChoiceBtn {
	color: #FFFFFF;
}
#listResultContainer {
	margin-bottom: 50px;
	margin-top: 5px;
}
#scrollTop.btn-default{
   z-index: 3;
   background-color: rgba(7, 83, 127, 0.74);
}
#scrollTop.btn-default:hover {
   background-color: rgba(7, 83, 127, 0.81);
}
.hotelResultBloc {
	margin-bottom: 13px;
}
.hotelResultBloc:hover, .borderBloc {
	margin: -3px -3px 10px -3px;
}
.hotelResultBloc:hover .hotelDetailsTab .hotelChoiceBtnDiv  {
	border: none;
}
.hotelResultBloc .thumbnailContainer, .hotelResultBloc .thumbnailContainerCell {
	width: 265px;
	height: 265px;
	overflow: hidden;
	position: relative;
}
@media(max-width:700px){
	.hotelResultBloc .thumbnailContainer, .hotelResultBloc .thumbnailContainerCell {
		width: 200px;
	}
}
.hotelResultBloc .thumbnailContainer img {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}
.unavailablePic {
	border-right: 1px solid #e6e6e6;
}
.hotelResultContent {
	background: #fff;
	cursor: pointer;
}
.hotelResultMainInfos > div {
	vertical-align: top;
}
.hotelResultMainInfos {
	width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.hotelResultMainInfos, .hotelDetailsTabBtn, .hotelDetailsTabContent {
		width: 100.1%;
	}
}
.customControl {
	position: absolute;
    top: 10px;
    left: 20px;
    background-color: #FFF;
    padding: 5px 10px;
    cursor: pointer;
}
.customControl label {
 	margin-bottom: 0;
 	cursor: pointer;
}
.customControl .icheckbox {
	vertical-align: top;
}
.customControl .choiceLabelMap {
	vertical-align: top;
	line-height: 16px;
}
.contentResultInfo {
	height: 100%;
}
.contentResultInfo > div {
	vertical-align: top;
}
.contentResultInfo .priceContainer {
	position: relative;
	line-height: normal;
	vertical-align: bottom;
	width: 160px;
	padding-left: 10px;
}
.priceDivByRoom  {
	text-align: right;
	white-space: nowrap;
}
.priceDivByRoom > p {
	display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
.priceByRoom {
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
}
.upper12 {
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
}
.upper13 {
	font-size: 13px;
	font-size: 1.3rem;
	text-transform: uppercase;
}
.descHtlResultDist p {
	display: inline;
}
.descHtlResultDist img {
	margin-left: 5px;
    width: 18px;
}
.descHtlResultWidth {
    margin-bottom: 5px;
}
.resultDescription {
	margin-top: 10px;
}
.showAccomOnMapPicto {
	cursor: pointer;
}
.priceDiv {
	text-align: right;
}
@media (min-width: 992px) {
	.descHtlResultWidth {
		 margin-bottom: 0;
	}
	.resultDescription {
		margin-top: 5px;
	}
	.priceDiv {
		display: block;
	}
	.priceDiv > div {
		display: table-cell;
	}
	.priceContainer {
	}
}
.btnFavorisResult {
	position: relative;
	width: 36px;
	height: 50px;
	border: 0 none;
}
.logoSuppDiv {
	margin-bottom: 5px;
	text-align: right;
}
.logoSuppDiv img {
	border: 1px solid #f2f4f7;
}
@media (max-width: 1100px) {
	.infosHotelTabLabel {
		display: none;
	}
}
.facilityPicto {
	margin: 0 10px 0 0;
	border: 1px solid #e8e8e8;
}
.hotelDetailsTab > div {
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	text-align: center;
	vertical-align: bottom;
}
.hotelDetailsTab .hotelChoiceBtnDiv {
	border: none;
}
.hotelDetailsTab a {
    color: #8c8c8c;
    display: inline-block;
    font-size: 12px;
	font-size: 1.2rem;
    height: 100%;
    line-height: 39px;
    outline: medium none;
    padding: 0 5px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}
.hotelDetailsTab a:HOVER, .hotelDetailsTab a:ACTIVE {
	color: #FFFFFF;
	background-color: #BEBEBE;
	border-color: #BEBEBE;
	text-decoration: none;
}
.hotelDetailsTab a:FOCUS {
	height: 40px;
	color: #FFFFFF;
	background-color: #BEBEBE;
	border-color: #BEBEBE;
	text-decoration: none;
}
.hotelDetailsTab a.active {
	color: #FFFFFF;
	background-color: #BEBEBE;
	border-color: #BEBEBE;
	text-decoration: none;
}
.hotelDetailsTab a.disabled {
	color: #FFFFFF;
	background-color: #E1E1E1;
	text-decoration: none;
	border-color: #BEBEBE;
	cursor: no-drop;
}
.hotelDetailsTab a > span:first-child {
	margin: 0;
	font-size: 17px;
	font-size: 1.7rem;
}
.hotelDetailsTab a > span.picto-picture {
	font-size: 24px;
  	vertical-align: middle;
}
@media (min-width: 992px) {
	.hotelDetailsTab a > span:first-child {
		margin: 0 5px 0 0; 
	}
}
.hotelChoiceBtnDiv {
	width: 28%;
	min-width: 150px;
	height: 100%;
}
.hotelChoiceBtnDiv button {
	width: 100%;
	height: 40px;
	font-size: 13px;
	font-size: 1.3rem;
}
.hotelDetailsTab a {
    color: #8c8c8c;
    display: inline-block;
    font-size: 12px;
	font-size: 1.2rem;
    height: 100%;
    line-height: 39px;
    outline: medium none;
    padding: 0 5px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}
.hotelDetailsTab a:HOVER, .hotelDetailsTab a:ACTIVE {
	color: #FFFFFF;
	background-color: #BEBEBE;
	border-color: #BEBEBE;
	text-decoration: none;
}
.hotelDetailsTab a:FOCUS {
	height: 40px;
	color: #FFFFFF;
	background-color: #BEBEBE;
	border-color: #BEBEBE;
	text-decoration: none;
}
.hotelDetailsTab a.active {
	color: #FFFFFF;
	background-color: #BEBEBE;
	border-color: #BEBEBE;
	text-decoration: none;
}
.hotelDetailsTab a.disabled {
	color: #FFFFFF;
	background-color: #E1E1E1;
	text-decoration: none;
	border-color: #BEBEBE;
	cursor: no-drop;
}
.hotelDetailsTab a > span:first-child {
	margin: 0;
	font-size: 17px;
	font-size: 1.7rem;
}
.hotelDetailsTab a > span.picto-picture {
	font-size: 24px;
  	vertical-align: middle;
}
@media (min-width: 992px) {
	.hotelDetailsTab a > span:first-child {
		margin: 0 5px 0 0; 
	}
}
.hotelChoiceBtnDiv {
	width: 28%;
	min-width: 150px;
	height: 100%;
}
.hotelChoiceBtnDiv button {
	width: 100%;
	height: 40px;
	font-size: 13px;
	font-size: 1.3rem;
}
.hotelDetailsTabContent .tab-pane {
	border-top: 1px solid #e6e6e6;
}
.hotelDetailsTabContent .mealPlanPic {
    width: 45px ;
    padding : 0 5px;
}
@media (min-width: 992px) {
}
.hotelDetailsTabContent .mealPlanPic img {
	display: inline-block;
}
.picto-plain-round-check {
	color: #94bf3c;
	display: inline;
	font-size: 18px;
	font-size: 1.8rem;
	vertical-align: middle;
}
.hotelDetailsTabBtn {
	padding: 15px;
}
.hotelDetailsTabBtn button {
	padding-right: 49px;
	padding-left: 49px;
}
.picturesTabContent .hotelDetailsTabBtn {
	padding: 10px;
}
.resultContentDesc {
	padding: 10px;
	height: 225px;
}
.hotelDetailsTab {
	height: 40px;
}
.resultContentDesc h2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 260px;
    overflow: hidden;
}
.resultContentDesc h3 {
	margin-top: 0;
}
.resultNameHtl {
	vertical-align: top;
	min-width: 210px;
}
.resultContentDesc h3.hotelCity {
    margin-top: 3px;
}
.resultContentDesc .contentStar {
    margin-left: 0px;
}
.resultContentDesc .contentStar img {
    width: 16px;
}
.resultContentText {
	margin-top: 5px;
	display: inline-block;
	max-width: 280px;
	line-height: normal;
}
.topVente {
	width: 50px;
  	position: absolute;
  	top: 5px;
  	right: 5px;
}
.topVente img {
	width: 50px;
}
/**popin favoris**/
.modalFavoris .modal-dialog {
	width: 320px;
}
.modalFavoris .modal-body {
	padding: 20px;
	text-align: center;
}
.modalFavoris .modal-body p {
	font-size: 18px;
	font-size: 1.8rem;
}
.modalFavoris .modal-content button {
	font-size: 13px;
	font-size: 1.3rem;
}
.modalFavoris .modal-content button.close {
	font-size: 19px;
	font-size: 1.9rem;
}
/* ///////// dispo tab content /////// */
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.dispoTabDetail {
	    width: 100.1%;
	}
}
.dispoTabContent {
	cursor: default;
}
.dispoTabContent .dispTable, .dispoBtnContainer, .dispoBtnContainer .customTitleContainer {
	height: 100%;
}
.dispoTabContent .dispTableRow > div {
	border-top: 1px solid #e6e6e6;
	border-bottom: none;
	vertical-align: middle;
	height: 100%;
	padding-right: 0px;
}
#listResultContainer .dispoTabContent .dispTableRow > .contentPossibilities {
	display: block;
	padding: 0;
	border-bottom: 1px solid #d6d6d6;
}
#listResultContainer .dispoTabContent .dispTableRow > div {
	border-top: none;
}
.titlePriceRoomContent p.inOrange {
    color: #ff7800;
}
.remarkLine  {
	color: #e64236;
	background-color: #ffffff;
	text-align: center;
}
.yourReservationBloc .remarkLine {
	border: 2px solid #e64236;
  	padding: 10px;
  	margin-bottom: 10px;
  	overflow-y: auto;
    max-height: 300px;
}
.contentPossibilities .firstFilteredSeparator {
    height: 20px;
    background-color: #f0f0f0;
}
.contentPossibilities .remarkLine {
    border-bottom: none;
    border-top: 1px solid #F9F9F9;
    margin-bottom: 10px;
    margin-top: -1px;
	padding: 5px 5px 5px 10px;
}
.contentPossibilities .noFilteredPossibility {
    border-bottom: 1px solid #F9F9F9;
    border-top: none;
}

.remarkLine p {
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 10px;
  	vertical-align: middle;
  	text-transform: lowercase;
  	text-align: left;
  	font-weight: bold;
}
.remarkLine p:FIRST-LETTER {
	text-transform: capitalize;
}
.contentPossibilities .remarkLine {
	margin-bottom: 0;
}
.contentTriangle {
	width: 33px;
}
.dispoTabContent .dispTableRow > .grpRoomContent {
	padding: 10px 0 10px 10px;
}
.grpRoomTypePrice {
	display: block;
	padding: 5px 0 0;
}
.grpRoomPrice {
	vertical-align: middle;
}
.roomType {
	min-width: 140px;
	max-width: 140px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.promotion {
	padding: 0px 10px;
}
.promotionTag {
	font-size: 14px;
	margin-left: 3px;
	vertical-align: middle;
	cursor: pointer;
}
.promotionHelper {
	position: relative;
}
.modalPromotion {
	display: none;
	position: absolute;
	height: 100%;
	width: calc(100% - 25%);
	top: 0;
	left: 0;
	color: #ffffff;
	background-color: rgba(0,0,0,0.85);
	z-index: 10;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 10px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.modalPromotion.list {
	width: calc(100% - 170px);
}
.modalPromotion.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.modalPromotion .closeButton {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	cursor: pointer;
}
.forNight {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: normal;
	white-space: nowrap;
}
.dispoBtnContainer {
  	width: 170px;
}
.dispoBtnContainer .picto-round-error-symbol {
    position: absolute;
    right: -5px;
    left: inherit;
    top: 40%;
    height: 22px;
    bottom: 60%;
    margin: auto;
}

#hotelResultController .dispoBtnContainer .picto-round-error-symbol {
	right: 10px;
	top: 50%;
	bottom: 50%;
}
#hotelResultController .dispoBtnContainer.notEnoughtContainer .picto-round-error-symbol {
	right: 5px;
}

@media (min-width: 992px) {
	.roomType {
		min-width: 160px;
		max-width: 160px;
	}
	.forNight {
		margin-left: 0px;
		text-align: center;
	}
	.dispoTabDetail .grpRoomPrice {
	    margin-left: 5px;
	    width: 250px;
	}
	.dispoBtnContainer {
  		width: 190px;
	}
	.dispoBtnContainer .picto-round-error-symbol {
    	right: 0px;
	}
	.modalPromotion.list {
		width: calc(100% - 190px);
	}
	#hotelResultController .dispoBtnContainer.notEnoughtContainer .picto-round-error-symbol {
		right: 10px;
	}
}
.dispoTabContent .dispTableRow > .dispoBtnContainer {
	background: #e8e8e8;
  	padding: 0;
  	border-right: 0;
}
.dispoBtnContainer:HOVER {
	background: #505050;
}
.dispoBtnContainer .customTitleContainer {
	width: 100%;
}
.dispoBtn {
	height: 100%;
	width: 100%;
	border: none;
	text-align: left;
	padding: 0 10px;
}
.propoPrice {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 900;
	white-space: nowrap;
}
.dispoBtn.active, .dispoBtn:hover, .dispoBtn:focus {
	background: #505050;
	color: #fff;
}
.dispoBtn.active .propoPrice, .dispoBtn:hover .propoPrice, .dispoBtn:focus .propoPrice {
	background: #505050;
	color: #fff;
}
.dispoBtn:hover .customTitleContent {
	display: block;
}

.dispoBtn:hover .notEnoughtCredit {
	display: block;
}
.dispoBtn span.block {
	display: block;
}
.dispoBtn:hover .propoPrice, .dispoBtn:focus .propoPrice,
.dispoBtn:hover .picto-radio-off, .dispoBtn:focus .picto-radio-off,
.hotelDetailsTabContent .dispoBtnContainer.active .propoPrice,
.dispoBtn:hover .picto-picto-sablier:before, .dispoBtn:focus .picto-picto-sablier:before,
.dispoBtn:hover .picto-picto-sablier:before, .dispoBtn:focus .picto-picto-sablier:before,
.hotelDetailsTabContent .dispoBtnContainer.active .picto-picto-sablier:before {
	color: #fff;
}
.hotelDetailsTabContent .dispoBtnContainer.active, 
.hotelDetailsTabContent .dispoBtnContainer:HOVER, .hotelDetailsTabContent  .dispoBtnContainer:HOVER button.dispoBtn,
.priceContainer .dispoBtnContainer:HOVER button.dispoBtn,
.hotelDetailsTabContent .dispoBtnContainer:HOVER button.dispoBtn .propoPrice,
.hotelDetailsTabContent .dispoBtnContainer:HOVER button.dispoBtn .picto-radio-off {
	background: #505050;
	color: #fff;
}
/* ///////// WAIT - bloc resultat ////// */
#waitHotelDetailTab {
	width: auto !important;
	height: 100% !important;
	line-height: 0px !important;
	padding: 7px 10px !important;
	right: 0px !important;
	left: initial !important;	
}
/* ///////// WAIT - bloc resultat ////// */
#waitHotelDetailTab {
	width: auto !important;
	height: 100% !important;
	line-height: 0px !important;
	padding: 7px 10px !important;
	right: 0px !important;
	left: initial !important;	
}
/* ///////// Equipements /////// */
.servicesTabContent ul {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0;
	padding: 10px 15px 0;
	list-style-type: none;
}
.servicesTabContent li {
	margin-top: 5px;
}
/* ///////// diaporama /////// */
.Collage{
    /* define how much padding you want in between your images */
    padding: 10px;
}
.Collage img{
    /* ensures padding at the bottom of the image is correct */
    vertical-align:bottom;
    /* hide the images until the plugin has run. the plugin will reveal the images*/
    opacity:0;
    /* si le script ça marche pas*/
    width: 197px;
    height:150px;
  	display: inline-block;
  	margin-bottom: 10px;
  	margin-right: 10px;
  	overflow: hidden;
}
.effect-parent {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
/* ###################################################################################################################### */
/* ########################################### BLOC CHOIX CENTRALES ##################################################### */
/* ###################################################################################################################### */
#suppliersFilterBloc {
	margin-bottom: 10px;
}
#suppliersFilterContent {
	margin-left: 0;
	margin-right: 0;
}
#suppliersFilterContent .btn-primary {
	padding-left: 40px;
    padding-right: 40px;
}
.supplierBloc {
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	border-left: 0px;
	border-right: 1px solid #f0f0f0;
	border-top: 0px;
	vertical-align: top;
	position: relative;
	min-height: 60px;
}
@media(max-width:1023px){
	.supplierBloc {
		border-left: 0px;
		border-right: 0px;
	}
	#suppliersFilterContent >.supplierBloc:nth-child(2n) {
		border-left: 1px solid #f0f0f0;
		border-right: 0px;
	}
}
.supplierLeft {
	float: left;
}
.BlocNoBorderRight {
	border-right: 0px;
}
.supplierBtnContainer {
    text-align: center;
    vertical-align: middle;
    position: absolute;
  	top: 5px;
  	right: 5px;
}
.supplierBtnContainer button:hover .customTitleContent {
	display: block;
}
.supplierBloc #relaunchSearchBtn span {
	margin-left: 10px;
	font-weight: bold;
	font-size: 48px;
	font-size: 4.8rem;
	vertical-align: bottom;
}
#suppliersFilterBloc img, .logoSup img {
	width: 75px;
	display: inline-block;
	max-height: 35px;
}
#suppliersFilterBloc input {
	vertical-align: middle;
}
.blocSupplierImg {
	width: 100px;
	vertical-align: middle;
	height: 40px;
}
.blocSupplierImg label {
	cursor: pointer;
}
.infBlocSupplier {
	font-weight: 900;
	vertical-align: middle;
	color: #8c8c8c;
	cursor: default;
	text-align: right;
}
.infBlocSupplier span {
    font-weight: normal;
}
.infBlocSupplier > p {
	font-size: 14px;
	font-size: 1.4rem;
    line-height: 14px;
    text-transform: lowercase;
}
.incompSearch {
	color: red;
}
.btnLaunchSupplierSearch {
	padding: 0;
}
.nbHotelBySupplier {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
}
.suppliersBtnResult {
	background: #fff;
	text-align: center;
	margin-bottom: 2px;
}
.suppliersBtnResult .moreResultSupplier {
	padding: 5px 0; 
}
.btnSeeMore {
	padding: 0;
	border-right: 0 none;
	border-left: 0 none;
}
.btnSeeMore #relaunchSearchBtn {
	padding: 10px;
}
@media(max-width:1023px){
	.btnSeeMore {
		border-right: 0 none;
		border-left: 0 none;
		border-bottom: 0 none;
		padding: 0;
		min-height: 0;
	}
}
.btnSeeMore button, .moreResultSupplier {
	width: 100%;
	background: 0 none;
  	border: 0 none;
  	text-align: center;
  	vertical-align: middle;
  	display: inline-block;
  	white-space: nowrap;
  	font-size: 14px;
  	font-size: 1.4rem;
  	color: #07537f;
  	font-weight: bold;
  	text-transform: uppercase;
  	line-height: 38px;
}
/* ###################################################################################################################### */
/* ################################################## DETAILS ########################################################### */
/* ###################################################################################################################### */
.borderedModalColumn {
	border-left: 1px solid #bebebe;
}
#hotelMainInfosBloc {
	margin-top: 20px;
}
#hotelMainInfosBloc .dispTable > div {
	vertical-align: top;
}
#hotelMainInfosBloc .thumbnailContainer {
	width: 200px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 3px;
}
#hotelMainInfosBloc .thumbnailContainer img {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
}
.galleryImgContainer {
	float: left;
}
.galleryImgContainer a.link {
	background: none;
	border: none;
	padding: 0;
	margin: 0 3px 3px 0;
}
.galleryImgContainer a.link img.active {
	opacity: 0.5;
}
.galleryImgContainer img {
	width: 50px;
	height: 50px;
}
/* .styleDivBord { */
/* 	background-color: #FFFFFF; */
/* } */
.grpBtnUp {
	padding-top: 15px;
}
.grpBtnUp .grpBtnUpBack button {
	height: 38px;
    padding-left: 20px;
    padding-right: 20px;
}
.grpBtnUpPrMl {
	text-align: right;
}
@media (min-width: 992px) {
	.grpBtnUpBack button {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.grpBtnUpPrMl button {
		margin-left: 3px;
	    width: 49%;
	}
}
.contentNameHtl {
	display: inline-block;
    margin-right: 10px;
}
.contentNameHtl h2 {
	font-weight: bold;
	text-transform: capitalize;
}
.contentStar {
	display: block;
    vertical-align: baseline;
}
.contentStar img {
	width: 18px;
	vertical-align: baseline;
}
.dispAndTarif {
	text-align: right;
	margin-top: 20px;
}
.dispAndTarif a {
	font-size: 16px;
	font-size: 1.6rem;
}
#tripAdvisorNote, #expertsNote {
	display: inline-block;
}
#tripAdvisorNote {
	margin-right: 5px;
}
.tripAdvisorNote, .expertsNote {
	padding-left: 10px;
}
.tripAdvisorNote {
	padding-top: 10px;
}
.tripAdvisorNote p, .expertsNote p{
	color: #8c8c8c;
	font-size: 12px;
	font-size: 1.2rem;
}
.tripAdvisorNote strong, .expertsNote strong {
	font-size: 13px;
	font-size: 1.3rem;
}
.tripAdvisorNote img, .expertsNote img {
	width: 100px;
}
#periodDateDiv {
	background-color: #f3f3f3;
	padding: 10px;
	margin-top: 20px;
}
.periodDateDivInfoPicto {
	vertical-align: middle;
	width: 20px;
}
.periodDateDivInfo {
	font-size: 15px;
	font-size: 1.5rem;
	vertical-align: middle;
	padding-left: 10px;
}
.periodDateDivInfo span {
	white-space: nowrap;
}
.periodDateDivBtn  {
	text-align: right;
	vertical-align: middle;
}
#periodDateForm {
	padding: 0 10px 10px;
	background-color: #f3f3f3;
}
.periodDateFormDiv input {
	width: 70%;
}
.periodDateFormDiv button {
	height: 40px;
}
.periodDateFormDiv .startDateContainer, .periodDateFormDiv .endDateContainer {
	vertical-align: top;
    padding: 0 10px 0 0;
    width: 37%;
}
@media (min-width: 992px) {
	.periodDateFormDiv .startDateContainer, .periodDateFormDiv .endDateContainer {
	    width: 25%;
	}
}
.hotelMainInfosDescContent {
	padding: 0 10px 10px;
}
@media (min-width: 1024px) {
	.hotelMainInfosPrice {
		text-align: right;
	}
}
.hotelMainInfosPrice .upper13 {
    font-size: 11px;
    font-size: 1.1rem;
}
.byNight {
	margin-bottom: 10px;
	text-transform: uppercase;
}
.shortDescription {
	margin-top: 15px;
}
.shortDescription button {
	padding-left: 0;
}
.readMore {
	border: none;
	background: none;
}
#equipmentsBloc, #longDescriptionBloc, #dispoPriceBloc {
	margin-top: 20px;
}
#dispoPriceBloc.availBloc {
	margin-top: 0px;
}
#dispoPriceBloc {
	margin-left: -7px;
    margin-right: -7px;
}
#dispoPriceBloc #suppliersFilterBloc {
	border: none;
}
#equipmentsBloc ul {
	list-style-type: none;
	padding-left: 0;
}
#equipmentsBloc li {
    margin-top: 5px;
}
#longDescriptionBloc p {
	padding-left: 10px;
    padding-right: 25px;
}
.link {
	display: block;
	height: 100%;
}
/**** BLOC "RECAP" GRIS FONCE ****/
#recapInfos {
	padding: 15px 15px 0 15px;
	background-color: #505050;
	color: #FFFFFF;
}
#recapInfos > div:last-of-type {
	padding-bottom: 15px;
}
.recapInfosPrice {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: normal;
}
#recapInfos button {
	background: none;
	border: 1px solid #FFFFFF;
	padding: 5px;
	vertical-align: middle;
}
#recapInfos button:HOVER {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 5px;
	color: #505050
}
#recapInfos img {
	margin-right: 5px;
}
.recapInfosText {
	border-bottom: 1px solid #ffffff;
    color: #c5c5c5;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-bottom: 15px;
}
.recapInfosSpanDate span {
	display: block;
}
.recapInfosDate {
	vertical-align: middle;
}
.recapInfosSpanDate {
	vertical-align: middle;
}
.contentRecapInfoBtn {
	text-align: right;
	vertical-align: middle;
}
@media (min-width: 992px) {
	.recapInfosSpanDate span {
		display: inline-block;
	}
}
/**** tableau dispo page detail ****/
#dispoPriceBloc .supplierBloc:nth-child(-n+2) {
	border-top: 1px  solid #F0F0F0;
}
#dispoPriceBloc h3 {
	margin: 0;
    padding: 10px 0 10px 7px;
    border-top: 20px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
#previewModalContent #dispoPriceBloc h3 {
	padding-left: 0;
}
.dispoTabDetail .customTitleContainer .dispoBtn, .dispoTabDetail .customTitleContainer .propoPrice {
	color: #FFFFFF;
    text-align: center;
	font-size: 13px;
    font-size: 1.3rem;
	font-weight: bold;
	position: relative;
}
.dispoTabDetail .customTitleContainer .propoPrice {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
}
@media (min-width: 992px) {
	.dispoTabDetail .customTitleContainer .propoPrice {
		display: none;
	}
	.dispoTabDetail .dispoBtn {
		height: 34px;
		width: 90%;
	}
	.dispoTabDetail .customTitleContainer {
		display: inline;
	}
}
.dispoTabDetail {
	font-size: 15px;
	font-size: 1.5rem;
}
.dispoTabDetail .dispTableRow .dispoBtnContainer {
    background-color: #FFFFFF;
    padding-right: 0px;
    text-align: center;
}
@media (min-width: 768px) {
	.dispoTabDetail .dispoBtnContainer .picto-picto-sablier:before {
		margin-right: 5px;
	}
}
.suppliersBtn {
	border-bottom: 1px solid #f0f0f0;
}
.suppliersBtn button {
	padding-left: 35px;
    padding-right: 35px;
}
.dispoTabDetail .dispByNight {
	text-transform: uppercase;
	font-size: 12px;
	font-size: 1.2rem;
}
.dispoTabDetailPrice {
	padding-bottom: 6px;
    padding-top: 6px;
	position: relative;
}
.mealPlanPic {
    vertical-align: middle;
    width: 15%;
}
.mealPlanPic span {
	cursor: default;
}
@media (min-width: 992px) {
	.mealPlanPic {
	    width: 45px;
	}
}
.mealPlanPic img {
	margin: auto;
	padding: 3px;
}
.mealPlanPic .pictoMealplanRO {
	background-image: url('/images/picto_mealplans/RO.png');
    background-position: 0px 35px;
}
.mealPlanPic .pictoMealplanNO {
	background-image: url('/images/picto_mealplans/NO.png');
    background-position: 0px 35px;
}
.mealPlanPic .pictoMealplanBB {
	background-image: url('/images/picto_mealplans/BB.png');
    background-position: 0px 35px;
}
.mealPlanPic .pictoMealplanHB, .mealPlanPic .pictoMealplanBD {
	background-image: url('/images/picto_mealplans/HB.png');
    background-position: 35px 35px;
}
.mealPlanPic .pictoMealplanFB {
	background-image: url('/images/picto_mealplans/FB.png');
    background-position: 70px 35px;
}
.mealPlanPic .pictoMealplanAI {
	background-image: url('/images/picto_mealplans/AI.png');
    background-position: 105px 35px;
}
/**** POP UP ENVOI MAIL & PRINT ****/
.modal-dialog h4 {
	color: #4692e7;
}
/**** POP UP ENVOI MAIL & PRINT ****/
.modal-content button {
	font-size: 12px;
	font-size: 1.2rem;
}
.modal-dialog h4 {
	font-size: 16px;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-weight: bold;
}
.modal-dialog span {
	vertical-align: sub;
	margin-right: 10px;
}
.modal-body input[type="checkbox"] {
	vertical-align: sub;
}
.commentPrint label, #printModal label, #emailModal label {
	font-weight: bold;
}
.commentPrint textarea, .destEmail textarea, #printModal textarea {
	min-height: 135px;
	max-width: 324px;
    width: 100%;
}
.destEmail input {
    width: 100%;
}
/**** POP UP PREVIEWMODAL ****/
#previewModal .modal-dialog {
	width: 800px;
}
#previewModal .modal-content {
	padding: 10px 10px 20px;
}
.detailsTemplateBloc {
	margin: auto;
}
/* ###################################################################################################################### */
/* ############################################### LANDING PAGES ######################################################## */
/* ###################################################################################################################### */
#landingPageContent h1,
#landingPageContent h2 {
	margin: 0;
}
#landingPageContent h1 {
	font-size: 28px;
	font-size: 2.8rem;
    margin-bottom: 10px;
}
#landingPageContent h2 {
	font-size: 22px;
	font-size: 2.2rem;
}
#landingPageContent .topCityInCountryName {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 40px;
}
#landingPageMap {
	background: #ddd;
	height: 320px;
}
#pushDestinationDescriptionBloc {
	background: #fff;
	padding: 10px 10px 20px;
	margin-bottom: 20px;
}
.countryLandingLink {
	font-weight: bold;
	text-decoration: none;
}
.countryLandingLink:hover, .countryLandingLink:focus {
	text-decoration: none;
}
.descDestination {
	margin-top: 20px;
}
.descDestination p {
	line-height: normal;
	text-align: justify;
}
#pushDestinationDescriptionBloc h3 {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
    margin-top: 15px;
}
.hotelPushContainer {
	position: relative;
	margin-bottom: 10px;
}
.hotelPushOverlay {
	position: absolute;
	height: 100%;
	width: 100%;
	cursor: pointer;
	top: 0;
	left: 0;
	z-index: 100;
}
.hotelPushContent, .pushPriceDiv {
	background: #fff;
}
.hotelPushContent > div {
	vertical-align: top;
}
.hotelPushContent .thumbnailCell {
	width: 80px;	
}
.hotelPushContent .thumbnailContainer {
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.hotelPushContent .thumbnailContainer img {
	height: 80px;
	width: 100%;
}
.mainPushContent {
	padding: 5px 10px 0;
	border-bottom: 1px solid #E6E6E6;
}
#landingPageContent .ourHtlTitle {
    margin: 10px 0;
}
#landingPageContent .allContentInterest h2 {
	margin: 0 0 10px;
}
.pushHotelRow {
	margin-left: -5px;
	margin-right: -5px;
}
.pushHotelCol {
	padding-right: 5px;
	padding-left: 5px;
}
.pushPriceDiv {
	color: #8c8c8c;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.hotelPrice {
	padding: 0 4px 0 2px;
}
.htlBlocAdd {
	font-weight: bold;
	color: #8c8c8c;
	font-size: 12px;
    font-size: 1.2rem;
    max-width: 230px;
}
#cityInterestContainer {
	background: #fff;
	padding: 10px;
	margin: 20px 0;
}
#cityInterestContainer ul, .pushCityList {
	padding: 0;
	margin: 0;
}
#cityInterestContainer li {
	display: inline-block;
	width: 50%;
	margin-right: -4px;
}
#cityInterestContainer li, .pushCityList li {
	list-style: none;
}
.countryPushHeader {
	height: 100%;
}
#pushCityListContainer, #landingPageMapContainer {
	vertical-align: top;
}
#pushCityListContainer {
	background: #fff;
	width: 320px;
	height: 100%;
	padding: 10px 0 0;
}
#pushCityListContainer > div {
	position: relative;
	height: 100%;
	vertical-align: top;
}
.pushCityList {
	padding: 10px 0 0;
}
#pushCityListContainer h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 4px 10px;
}
.pushCityList a {
	width: 100%;
	text-align: left;
	padding: 6px 10px;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	border-top: 1px solid #cccccc;
}
.pushCityList strong {
	color: #505050;
}
.pushCityList .pull-right {
	font-weight: bold;
}
.pushCityList a:hover, .pushCityList a:focus {
	background: #ddd;
	text-decoration: none;
}
#pushCityListContainer #moreCity {
	position: absolute;
	bottom: 0;
	width: 100%;
}
#pushCityModal .pushCityList a {
	display: inline-block;
	width: 50%;
	margin-right: -4px;
}
.topCityInCountry {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 10px 0;
}
.allContentInterest {
	background: #fff;
	padding: 15px;
}
/* ###################################################################################################################### */
/* ########################################### PAGE BOOKING-PAX ##################################################### */
/* ###################################################################################################################### */
#paxPage .container, 
#viewPage .container {
	padding-top: 10px;
}
#paxPage .containerBtn,
#viewPage .containerBtn {
	padding-right: 10px;
}
.logoPax {
	padding: 10px;
}
.logoPax div {
	padding-left: 0px;
}
/* ######### FIL D ARIANE ######## */
.breadcrumb {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    font-weight: bold;
}
.breadcrumb label {
	color: #3d3d3d;
	padding-right: 35px;
	font-size: 17px;
	font-size: 1.7rem;
	display: inline; 
  	margin-bottom: 0;
}
.contentNavPax .breadcrumb > li {
    border-bottom: 2px solid #ffffff;
    position: relative;
    padding-bottom: 5px;
    padding-left: 0;
    color: #3d3d3d;
}
.contentNavPax li.active {
    position: relative;
    padding-left: 0;
    margin-left: -2px;
}
.contentNavPax li.active span {
    color: #ffffff;
}
.contentNavPax .breadcrumb span {
	font-size: 16px;
	font-size: 1.6rem;
	background-color: #ffffff;
    border-radius: 15px;
    bottom: -16px;
    color: #ff7800;
    padding: 4px 10px;
    position: absolute;
    right: 0;
}
/* ######### ACTIVE ######## */
.contentBackBtn {
	margin-top: 15px;
    text-align: right;
}
.contentBackBtn .btn {
	border: 1px solid #ffffff;
	border-radius: 3px;
	color: #4d4d4d;
}
.Coord {
	width: 27%;
}
.Resa {
	width: 36%;
	text-align: right;
}
.conf {
	width: 36%;
	text-align: right;
}
@media (min-width: 992px) {
	.Coord {
		width: 22%;
	}
	.Resa {
		width: 39%;
	}
	.conf {
		width: 38%;
	}
}
/* #########  ######## */
.contentBlocTitle {
	margin-bottom: 30px;
}
.blocTitle h1 {
	margin-bottom: 0px;
    margin-top: 0px;
    font-size: 24px;
	font-size: 2.4rem;
}
.alrMemberContent {
	margin-top: 7px;
}
button.alrMember {
	border-radius: 4px;
	font-size: 13px;
	font-size: 1.3rem;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
	padding: 5px;
	text-align: center;
    background: none;
    width: 100%;
}
.alertMessage {
	background-color: #e64236;
	color: #FFFFFF;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.alertMessage div div:FIRST-CHILD {
	width: 5%;
    vertical-align: middle;
}
.contentPossibilities .alertMessage {
	background-color: #FFFFFF;
	color: #e64236;
	padding: 10px 20px;
	text-align: center;
	margin-bottom: 15px;
}
.alertMessage p {
	padding-left: 15px;
	vertical-align: middle;
}
.alertWarningMessage{
	color: #FFFFFF;
	padding: 25px 30px;
	text-align: center;
	margin-bottom: 15px;
}
.alertWarningMessage p {
	padding-left: 15px;
	vertical-align: middle;
}
.triangle {
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 24.5px 42px 24.5px;
	border-color: transparent transparent #ffffff 
}
.triangle > span {
	color: #ff0000;
	font-size: 25px;
	font-size: 2.5rem;
	position: absolute;
	right: -4px;
	top: 10px;
}
.remarkLine .triangle, .upCreditBloc .triangle {
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 14.5px 27px 14.5px;
	border-color: transparent transparent #e64236;
}
.remarkLine .triangle > span, .upCreditBloc .triangle > span {
	color: #fff;
    font-size: 1.6rem;
    position: absolute;
    right: -3px;
    top: 5px;
}
/* POUR LE MESSAGE ERREUR LOGIN */
.login-alert {
	color: #e64236;
	margin: 15px 0px;
}
.login-alert .triangle {
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 35px 20px;
	border-color: transparent transparent #e64236 
}
.login-alert .triangle > span {
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	position: absolute;
	right: -3px;
	top: 8px;
}
.login-alert p {
	padding-left: 5px;
	vertical-align: middle;
}
/*  FIN POUR LE MESSAGE ERREUR LOGIN */
.birthInfo {
	color: red;
    display: inline-block;
    padding-left: 15px;
}
.warningMessage {
	height: 280px;
    margin-top: 20px;
    background-size: contain;
    text-align: center;
    width: 100%;
}
.warningText {
	font-size: 20px;
	color: #8c8c8c;
	padding: 100px 0 25px 0;
	line-height: 100%;
}
/* ######### BLOC VOTRE RESERVATION ######## */
.yourReservationRightBloc {
	background-color: #ffffff;
}
.yourReservationRightBloc h1 {
	font-size: 17px;
	font-size: 1.7rem;
	padding: 15px 15px 0;
	margin-bottom: 15px;
    margin-top: 0;
}
.yourReservationRightBloc h3 {
	font-size: 16px;
	font-size: 1.6rem;
}
.yourReservationRightBloc img {
	width: 100%;
}
.yourReservationDate {
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 15px;
	padding-left: 15px;
    padding-right: 15px;
}
.yourReservationHtl {
	color: #676767;
	margin-top: 15px;
	padding-left: 15px;
    padding-right: 15px;
}
.yourReservationHtl .yourReservationHtlName {
	font-weight: bold;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
}
p.yourReservationHtlName:FIRST-LETTER {
	text-transform: capitalize;
}
.yourReservationHtl p.inGreyDark {
	font-size: 15px;
	font-size: 1.5rem;
}
.yourReservationImg {
	margin-left: 15px;
    margin-right: 15px;
}
.yourReservationPass {
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #f3f3f3;
    margin-top: 25px;
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}
.yourReservationPrice {
	font-size: 18px;
	font-size: 1.8rem;
    color: #ffffff;
    margin-top: 20px;
    padding: 10px;
}
.yourReservationPrice .contentLabPrice > span {
	display: inline-block;
}
.yourReservationCA {
	font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
}
.yourReservationRemark {
	padding: 0  15px 15px;
}
.yourReservationRemark  .contentRemark {
	vertical-align: top;
}
.recapConditionsBtn {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 15px 0;
	width: 100%;
}
.recapConditionsBtn .customTitleContent {
	left: -100px;
	bottom: 90%;
	font-size: 13px;
	font-size: 1.3rem;
}
.recapConditionsBtn:hover .customTitleContent, .recapConditionsBtn:focus .customTitleContent {
	display: block;
}
@media (min-width: 992px) {
	.yourReservationRightBloc h1 {
		font-size: 20px;
		font-size: 2.0rem;
	}
	.yourReservationHtl p {
		display: inline;
	}
	.yourReservationPass {
		text-align: left;
	}
	.yourReservationPrice {
		display: table;
		width: 100%;
		padding: 20px 15px;
	}
	.yourReservationPrice span, .yourReservationPrice p {
		display: table-cell;
	}
	.yourReservationPrice > span {
		text-align: right;
	}
}
/* ######### FORMULAIRE ######## */

.persoInfo {
/* 	padding: 15px; */
	padding: 0 15px 15px;
	background-color: #FFFFFF;
}
.persoInfo option {
	height: 25px;
	line-height: 25px;
	padding: 5px 0 0 5px;
}
.persoInfoTiltle {
	padding-top: 15px;
}
.persoInfoTiltle h2 {
	font-size: 17px;
	font-size: 1.7rem;
	margin-top: 0;
	display: inline;
}
.persoInfoTiltle span, .persoInfoTiltle a {
	font-size: 15px;
	font-size: 1.5rem;
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
}
.formPersoInfo h3 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 15px;
	font-size: 1.5rem;
	text-transform: uppercase;
}
@media (min-width: 992px) {
	.persoInfoTiltle span {
		vertical-align: top;
	}
}
.persoInfoContent form {
	margin-top: 20px;
	background-color: #f3f3f3;
	padding: 25px 15px 15px;
	color: #505050;
}
@media (min-width: 992px) {
	.persoInfoContent form {
		padding: 25px 35px 15px;
	}
}
.formPersoInfo {
	background-color: #f0f0f0;
	padding: 20px 40px 1px;
}
.formPersoInfoBtn {
	background-color: #f0f0f0;
	padding: 20px;
}
.dAbContent {
	position: relative;
}
.dAbContent span {
	position: absolute;
	right: 15px;
	top: -5px;
	font-size: 20px;
	font-size: 2.0rem;
}
.dAbContent .glyphicon-ok {
	color: #8bb929;
}
.dAbContent .glyphicon-remove {
	color: #e64236;
}
.civilityCheck .checkbox-inline {
	padding-top: 0;
	padding-left: 0;
	padding-right: 20px;
}
.civilityCheckLabradio {
	margin-right: 10px;
}
.persoInfo .form-horizontal .form-group .civilityCheckLab {
	padding-top: 0;
}
.persoInfoContent form label {
	font-size: 16px;
	font-size: 1.6rem;
}
.separateForm {
    border-color: #ffffff;
    border-width: 2px;
    margin: 30px -40px 25px;
}
@media (min-width: 992px) {
	.separateForm {
	    border-color: #ffffff;
	    border-width: 2px;
	    margin: 30px -40px 25px;
	}
}
.has-feedback .dAb input {
	padding: 5px 10px;
}
.dAb input {
	display: inline;
	margin-right: 10px;
	text-align: center;
}
.bookingProcessBtn {
	font-size: 20px;
	font-size: 2.0rem;
	border-radius: 4px;
    text-align: center;
    width: 100%;
}
.bookingProcessBtn:hover {
    border-color: #adadad;
    color: #ffffff;
}
.bookingCancelBtn {
	font-size: 20px;
	font-size: 2.0rem;
	border-radius: 4px;
    text-align: center;
    width: 100%;
	background: #888383; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkNzYwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTVhMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #888383 0%, #797979 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888383), color-stop(100%,#797979)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #888383 0%,#797979 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #888383 0%,#797979 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #888383 0%,#797979 100%); /* IE10+ */
	background: linear-gradient(to bottom, #888383 0%,#797979 100%); /* W3C */
}
.bookingCancelBtn:hover, .formPersoInfoBtn .bookingCancelBtn:FOCUS {
    background: #969696;
    border-color: #adadad;
    color: #ffffff;
}
/* ###################################################################################################################### */
/* ########################################### PAGE BOOKING-VIEW ##################################################### */
/* ###################################################################################################################### */
#viewPage .formPersoInfo {
	padding-bottom: 20px;
}
.blocTitle span {
	font-weight: 900;
}
#viewPage .yourReservationCA {
    margin-bottom: 0;
}
.yourReservationSecureContent {
	color: #92bb39;
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #f3f3f3;
    padding: 10px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 25px;
    text-align: center;
}
.yourReservationSecureContent div {
    vertical-align: middle;
    text-align: left;
}
.yourReservationSecureContent > p {
    line-height: normal;
    text-align: left;
    vertical-align: top;
}
@media (min-width: 992px) {
	.yourReservationSecure {
		width: 70%;
	}
	.yourReservationSecure .picto {
		margin-right: 25px;
	}
}
.contentBtnPaiement {
	padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.contentBtnPaiement button {
	font-size: 20px;
	font-size: 2rem;
	border-radius: 4px;
	padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    width: 100%;
}
.speRequestsContent {
	background-color: #ffffff;
    margin-top: 15px;
    padding: 15px;
}
.speRequestsContent h3 {
	font-size: 16px;
	font-size: 1.6rem;
}
.speRequests textarea {
	margin-top: 15px;
	padding: 5px;
	width: 100%;
	max-width: 710px;
	background-color: #f3f3f3;
	border: none;
}
#lateArrivalSelect {
	margin-top: 15px;
}
.acceptTermContent {
	background-color: #ffffff;
    margin-top: 15px;
    padding: 15px;
}
.acceptTermContent label {
    padding-left: 0;
    padding-right: 10px;
}
@media (min-width: 992px) {
	.acceptTermContent label {
	    padding-right: 0px;
	}
}
.contentAnnulationCond {
    background: rgba(0, 0, 0, 0.8);
}
.annulationCond {
	color: #ffffff;
}
.annulationCond div {
	font-weight: bold;
}
.annulationCond li {
	list-style-type: none;
}
/* ###################################################################################################################### */
/* ########################################### PAGE CONFIRMATION ##################################################### */
/* ###################################################################################################################### */
#confirmPage .container {
    padding-top: 10px;
}
#confirmForm {
	margin-bottom: 15px;
}
#confirmPage .containerBtn {
	padding-right: 10px;
}
.validMessage {
	background-color: #92bb39;
	color: #FFFFFF;
	padding: 25px 30px;
	margin-bottom: 15px;
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
}
.pendingMessage {
	background-color: #f9b332
	color: #FFFFFF;
	padding: 25px 30px;
	margin-bottom: 15px;
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
}
.rejectedMessage {
	background-color: #ef2929;
	color: #FFFFFF;
	padding: 25px 30px;
	margin-bottom: 15px;
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
}

.rejectedMessage > div {
	padding: 10px 0px 0px;
}
.rejectedMessage > div a button {
	color: #ffffff;
	background-color: transparent;
	border: 2px solid #ffffff;
}
.rejectedMessage > div a button:HOVER {
	background-color: #d92736;
}
.downlRecapContent {
	margin-top: 30px;
}
@media (min-width: 992px) {
	.downlRecapContent {
		margin-top: 5px;
	}
}
button.downlRecap  {
	border: 2px solid #828282;
	border-radius: 4px;
	color: #828282;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 10px;
	width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    background: none;
}
.downlRecap:HOVER, .downlRecap:focus, .downlRecap:active {
    color: #6a6a6a;
    border-color: #6a6a6a;
}
.downlRecap .picto-download {
	vertical-align: middle;
	padding-left: 15px;
}
@media (min-width: 992px) {
	.downlRecap span {
		vertical-align: middle;
	}
}
.yourReservation {
	background-color: #ffffff;
    padding: 15px;
}
.yourReservation h3 {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 15px;
}
.bufferBloc {
	margin-top: 15px;
	background-color: #f3f3f3;
	width: 100%;
	padding-bottom: 20px;
    padding-top: 20px;
}
.bufferBloc .picto {
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 3px;
	vertical-align: text-top;
}
/* ######### TABLEAU TARIFS ######## */
.rateTab {
	border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #f3f3f3;
}
.rateTabContent {
	background-color: #ffffff;
    padding: 15px;
    margin-top: 15px;
    font-size: 16px;
	font-size: 1.6rem;
}
.rateTabContent h3 {
    margin-bottom: 15px;
	font-size: 16px;
	font-size: 1.6rem;
}
.rateTabTitle {
	background-color: #505050;
	color: #ffffff;
}
.rateTab > div > div {
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	vertical-align: middle;
	padding: 15px 5px;
}
.rateTabTotPriceContent > div, .rateTabTotInsurContent > div {
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f0f0f0;
}
.rateTabInfoNb {
	width: 15%
}
.fixWidhtAmount {
	min-width: 185px;
    width: 185px;
}
.textCapNone {
	text-transform: none;
}
.rateTabTotAmountContent {
	background-color: #505050;
	border-left: 1px solid #f3f3f3;
	color: #FFFFFF;
}
.rateTabTotPriceFirst, .rateTabTotInsurFirst, .rateTabTotAmountFirst {
    padding-bottom: 15px;
    padding-left: 25px;
    padding-top: 15px;
    width: 70%;
}
@media (min-width: 992px) {
	.rateTabTotPriceFirst, .rateTabTotInsurFirst, .rateTabTotAmountFirst {
	    width: 82%;
	}
}
.rateTabTotPriceSecond, .rateTabTotInsurSecond, .rateTabTotAmountSecond {
	text-align: center;
}
.rateTabTotAmountSecond {
	min-width: 157px;
}
.rateTabTotAmountFirst {
	 border-right: 1px solid #ffffff;
}

/**popin connexion + miles (page pax)**/
#myConnexion .modal-dialog{
	max-width: 300px;
}
#myConnexion .modal-body p {
	margin: 10px 0;
}
#myConnexion .modal-body a {
	padding-left: 3px; 
	font-weight: bold;
}
#myConnexion input.inputLogin {
	border-bottom: 0 none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#myConnexion input.inputPwd {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#myConnexion .modal-body, #myMiles .modal-body {
	padding: 0 15px 15px;
}
#myConnexion button.btn, #myMiles button.btn {
	border-radius: 5px;
	width: 100%;
	height: 50px;
	font-size: 16px;
	font-size: 1.6rem;	
}
#myConnexion input, #myMiles input.inputIdMiles {
	padding: 10px;
	width: 100%;
	background: none;
	border: 1px solid #c1c1c1;
	height: 40px;
	font-size: 16px;
	font-size: 1.6rem;
}
#myMiles .modal-dialog {
	max-width: 400px;
}
#myMiles .modal-body p {
	margin: 0 0 20px 0;
	font-size: 15px;
	font-size: 1.5rem;
}
h4.titlePopin {
	text-transform: capitalize;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.inputIdMiles {
	margin:10px 0;
	border-radius: 2px;
}
span.pinkcolor {
	color: #c2217e;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 0;
}
.btn-miles {
	color: #fff;
	border-color: #ccc;
	background-color: #c2217e;
	border-color: #ccc;
}
.btn-miles:hover, .btn-miles:focus {
	background-color: #ea2999;
}
.bgMiles {
	background: url("/images/miles.png?201711131450");
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	width: 100%;
  	height: 197px; 
  	border-radius: 4px;
}
/**fin style popin connexion + miles (page pax)**/
/* #paxPage header, #confirmPage header, #viewPage header { */
/* 	margin-bottom: 20px; */
/* } */
/* ###################################################################################################################### */
/* ################################################## PAGE GESTION DES COMMISSIONS ########################################################### */
/* ###################################################################################################################### */
#commissionController {
	background-color: #FFFFFF;
}

#commissionController,
#mctoConfigurationController {
	padding-bottom: 25px;
	margin-bottom: 15px;	
}

.commissionBlock {
	padding-top: 15px;
}
.commissionBlock p {
	font-size: 13px;
    font-size: 1.3rem;
    font-style: italic;
}
.commissionBlock h2 {
    display: inline;
    font-size: 17px;
    font-size: 1.7rem;
    margin-top: 0;
}
.commissionBlock input {
	width: 60px;
}
.contentYourComm {
    margin-top: 32px;
}
.titleComm {
	border-bottom: 1px solid #f3f3f3;
    padding: 5px 5px 5px 0;
    margin: 20px 0 10px;
}
.commHtlTitle {
	font-weight: bold;
	margin-top: 15px;
}
.contentYourComm {
	margin-top: 0;
}
.nameYourComm {
	width: 70%;
}
.defaultComm span {
    text-transform: uppercase;
}
.defaultComm > div {
    margin-top: 5px;
}
.defaultComm input {
    margin-right: 5px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
}
.btnSaveComm {
	text-align: right;
	margin-top: 15px;
}
.commVerifContent .commHtlTitle {
	margin-bottom: 5px;
}
.commVerifContent span {
	display: inline-block;
}
.commVerifContent input {
	height: 34px;
    line-height: 1.42857;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
}
.commVerifContent select {
	height: 34px;
    line-height: 1.42857;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
}
.commVerifContent button {
	vertical-align: inherit;
}
.blocAddComm {
	padding: 10px;
	margin-top: 15px;
	background-color: #f3f3f3;
}
.blocAddComm p {
	margin-bottom: 10px;
	font-size: 14px;
    font-size: 1.4rem;
}
.blocAddComm input {
	height: 34px;
    line-height: 1.42857;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
}
.blocAddComm select {
	height: 34px;
    line-height: 1.42857;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
}
.blocAddComm button {
	margin-top: 10px;
    vertical-align: inherit;
}
@media (min-width: 992px) {
	.blocAddComm button {
		margin-top: 0px;
	}
}
/* ###################################################################################################################### */
/* ################################################## PAGE FRAIS DE SERVICE ########################################################### */
/* ###################################################################################################################### */
#serviceChargeController {
    background-color: #ffffff;
    margin-bottom: 15px;
    padding-bottom: 25px;
}
.servChargeContent {
	margin-top: 25px;
}
.servChargeContent h2 {
    display: inline;
    font-size: 17px;
    font-size: 1.7rem;
    margin-top: 0;
}
.servChargeContent input {
	width: 55px;
	text-align: center;
	height: 34px;
    line-height: 1.42857;
}
/* ###################################################################################################################### */
/* ################################################## ANGULAR ########################################################### */
/* ###################################################################################################################### */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	/* NE PAS SUPPRIMER - UTILISE PAR ANGULAR */
    display: none !important;
}
/* Animation Angular */
.animated {
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}
.animated.ng-hide {
    opacity: 0;
}
/* ###################################################################################################################### */
/* ################################################## CSS AUTOCOMPLETE ################################################## */
/* ###################################################################################################################### */
.ui-autocomplete::-ms-clear {
	display: none;
}
#autocompleteRefresh {
	width: auto !important;
	height: 100% !important;
	line-height: 0px !important;
	padding: 7px 10px !important;
	right: 0px !important;
	left: auto !important;	
}
.ui-autocomplete {
	color: #3c3c3c;
	font-size: 14px;
    font-size: 1.4rem;
}
.ui-autocomplete .ui-menu-item {
	padding: 7px 1em 7px .4em
}
.ui-menu-item-categ {
	font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
.ui-menu-item-categ.ui-menu-item:hover, .ui-menu-item-categ.ui-menu-item:focus, .ui-menu-item-categ.ui-state-focus {
	margin: 0;
}
.ui-menu-item-categ:HOVER {
	cursor: default;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
.ui-widget-content a {
    color: #3c3c3c;
}
.ui-menu-item.ui-state-focus a {
    color: #FFFFFF;
}
.ui-menu-item.ui-state-focus a strong{
    color: #FFFFFF;
}
/***popup map**/
.popoupMapDiv {
	position: absolute; 
	background-color: #ffffff; 
	width: 240px;
	max-width: 90%;
	height: auto;
}
.containerPopup:after {
  border-color: #fff transparent transparent;
  border-style: solid;
  border-width: 11px 8.5px 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 47%;
  top: 99%;
  width: 0;
}
.popoupMapDiv .thumbnailContainer {
	height: 150px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.popoupMapDiv .thumbnailContainer img {
	width: 100%;
	margin-top: -45px;
}
.detailHotelMap {
	padding: 15px;
    padding-right: 20px;
    border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.popoupMapDiv h2 {
	margin-top: 0px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 19px;
	font-weight: bold;
	white-space: nowrap;
  	-o-text-overflow: ellipsis;
  	   text-overflow: ellipsis;
  	overflow: hidden;
  	cursor: default;
}
.popoupMapDiv h3 {
  	margin-bottom: 0;
  	cursor: default;
  	font-size: 0;
  	opacity: 0;
}
h3.adressLoaded {
	font-size: 14px;
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.3s linear, font-size 0.3s linear;
	-o-transition: opacity 0.5s 0.3s linear, font-size 0.3s linear;
	transition: opacity 0.5s 0.3s linear, font-size 0.3s linear;
}
@media (max-width: 1023px) { 
	.popoupMapDiv {
		width:200px;
	}
	.popoupMapDiv .thumbnailContainer {
		height: 120px;
	}
	.popoupMapDiv h2 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.detailHotelMap {
  		padding: 10px 15px;
	}
}
.contentStarMap img {
	vertical-align: top;
	width:14px
}
.btnDivpopup {
	padding: 5px 15px 15px 15px;
	background: #fff;
	border-top: 0px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.btnDivpopup a { 
	font-size: 13px;
	font-size: 1.3rem;
	width: 100%;
}
.btnDivpopup span {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: normal;
}
.btnClose {
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
}
.containerPopup {
	position: relative;
}
.btnCloseDiv {
	position: absolute;
	top: 5px;
	right: 10px;
}
.ContentNbNights {
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
	line-height: normal;
}
.ContentNbNights span {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
/********************** BTN POPIN HOTEL MAP **********************/
.contentBtnTestLink {
	vertical-align: middle;
}
/********************** WAIT **********************/
#bgWait, #wait, #waitFiltre, #bgWaitFilter, #waitFilter {
	position: fixed;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
#bgWait, #bgWaitFilter {
	background: center no-repeat rgba(0, 0, 0, 0.5);
}
.waitContent {
    border: 3px solid #ddd;
    background-color: #fff;
    padding: 25px;
    width: 500px;
    display: table;
    margin: 250px auto;
    position: relative;
    z-index: 10000;
}
.waitContent .animation {
	margin-bottom: 10px;	
}
.logoContainer div {
	text-align: center;
	margin: 10px 0;
}
.txtWait {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
/**délai Wait mealplans on Tablet**/
#waitFilter{
	display: table !important;
	top: 100%;
}
#waitFilter.filterWait{
	top: 0;
	-o-transition-delay: 0.1s;
	   transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
}
#bgWaitFilter{
	display: block !important;
	background: center no-repeat transparent;
	z-index: -9999;
}
#bgWaitFilter.filterWait{
	background: center no-repeat rgba(0, 0, 0, 0.5);
	z-index: 9999;
	-o-transition-delay: 0.1s;
	   transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
}
/**animation wait**/
.loadContent {
	padding: 10px 0;
}
.styleWaitSales, .styleWait{
	height: 100%!important;
	width:100%!important;
	text-align: center;
	vertical-align: middle;
}
span.glyphicon-refresh {
	top: 0;
	display: inline-block;
	vertical-align: middle;
	line-height: 6px;
	width: 30px;
	height:30px;
	margin: 0;
}
.glyphicon-refresh::before {
    vertical-align: middle;
    display: inline-block;
    line-height: 27px;
}
.styleWait {
	font-size: 28px;
}
.styleWaitSales {
	font-size: 26px;
	color: #fff;
}
.styleLoader {
	font-size: 30px;
}
.borderDivWait {
	border-top: 1px solid #e6e6e6;
	padding: 10px;
}
.rotateIn {
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;

-webkit-animation: rotateIn linear infinite 2s;
	-moz-animation: rotateIn linear infinite 2s;
	-ms-animation: rotateIn linear infinite 2s;
	-o-animation: rotateIn linear infinite 2s;
	animation: rotateIn linear infinite 2s;
	
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotateIn {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotateIn {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotateIn {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/**animation wait**/
span.error {
	position: static;
	color :#e64236; 
	font-size: 1.3px;
	font-size: 1.3rem;
	font-weight: bold;
  	padding-left: 0px;
  	vertical-align: middle;
}
.fixed {
	position: fixed;
	top: 0;
	background: #fff;
}
.containerFixed.fixed .yourReservationPrice {
	margin-top: 0;
}
/***Filtre**/
.filtreContainer {
	background: #fff;
	color: #8c8c8c;
	font-weight: normal;
	z-index: 11;
/* 	margin-bottom: 20px; */
}
@media(min-width:1190px){
	.filtreContainer {
	  	width: 279.5px;
	  	margin-left: -300px;
	}
}
@media( min-width:1024px) and (max-width:1189px){
	.filtreContainer {
	  	width: 234px;
	  	margin-left: -255px;
	}
}
@media(min-width:1024px){
	.filtreContainer {
		display: block!important;
	}
	.filtreContainer.posAbsolute {
		position: absolute;
		top: 0;
	}
	.filtreContainer.fixedTop {
		top: 0;
		position: fixed;
	}
	.filtreContainer.fixedBottom {
		bottom: 0;
		position: fixed;
	}
}
@media(max-width:1023px){
	.filtreContainer {
		border-top: 2px solid #f0f0f0;
		display: none;
	}
}
.filtreContainer > div {
	padding: 10px;
}
.filtreContainer ul {
	padding: 0;
  	margin-bottom: 0;
}
.filtreContainer li {
	cursor: pointer;
  	list-style-type: none;
  	padding: 0;
}
.filtreContainer > div.nbrHotelDispo {
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 10px;
}
.nbHotels {
	font-size: 35px;
	font-size: 3.5rem;
	font-weight: bold;
}
.labelResult {
	font-size: 14px;
	font-size: 1.4rem;
  	line-height: 14px;
  	text-transform: lowercase;
  	color: #8c8c8c;
  	font-weight: normal;
}
.titelContent {
	display :block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.form-control-filtre, .filtreContainer  .miniFormBtn  {
	width: 100%;
  	height: 40px;
  	padding: 6px;
  	font-size: 14px;
  	line-height: normal;
  	color: #8c8c8c;
  	background-color: #fff;
  	background-image: none;
  	border: 1px solid #f0f0f0;
}
.inputBudget > div {
  	width: 50%;
}
.inputBudget > div input {
	width: 95%;
}
.inputBudget > div.maxPrice {
	text-align: right;
}
.contentSlider {
	margin: 50px 10px;
}
.filterBtnContainer {
	margin-top: 25px;
	text-align: right;
}
.btnResetFiltre {
	background: none;
	border: 0 none;
	color: #8c8c8c;
}
.btnResetFiltre span.picto {
	vertical-align: middle;
	font-size: 18px;
	font-size: 1.8rem;
}
#miniFormProxFiltre .proxFilterDiv label {
	cursor: default;
    padding-left: 6px;
}
#filtreContainer-xs {
	margin-bottom: 15px;
}
#toggleFiltre {
	cursor: pointer;
}
#toggleFiltre > div {
	height: 50px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	width: 50%;
}
#toggleFiltre > div:first-child > div {
	border-right: 2px solid #f0f0f0;
}
.divlabelResult{
	border-right: 2px solid #f0f0f0;
}
.labelbtnFiltre {
	color: #8c8c8c;
	font-size: 14px;
  	font-weight: bold;
  	text-transform: uppercase;
  	line-height: 50px;
	border-left: 2px solid #f0f0f0;
}
.activeFilterBtn .labelbtnFiltre {
	color: #fff;
	background-color: #b8b8b8;
}
@media(max-width:992px) {
	.mealPlansContainer > div {
		display: inline-block;
		width: 33%;
		white-space: nowrap;
	}
}
.miniFormContainer span.picto-star {
	font-size: 16px;
	font-size: 1.6rem;
  	vertical-align: middle;
  	margin-right: 3px;
  	color: #cccccc;
  }
.miniFormContainer span.picto-star.star-on{
	color: #ffbe00;
}
.pq-select-option-label span {
	cursor: pointer;
}
#miniFormCatFiltre > button, #miniFormProxFiltre .proxFilterDiv > button {
	display: block;
	background: none;
	text-align: left;
	margin: 8px 0;
}
/**style slider**/
.noUi-horizontal .noUi-handle {
    height: 18px;
    width: 18px;
    left: -10px;
    top: -4px;
    cursor: pointer;
}
.sliderLimitProxMin, .sliderLimitProxMax {
  bottom: 16px;
  display: block;
  position: absolute;
  text-align: center;
}
@media (min-width: 640px) {
	.contentFilter {
		margin: 0 -4px 0 0; 
	}
	.slidePrice label {
		margin-bottom: 5px;
	}
	.sliderLimitProxMin, .sliderLimitProxMax  {
	    bottom: 20px;
	}
}
@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 {
    width: 27px;
}
.noUi-handle::after, .noUi-handle::before {
	background: none;
}
.noUi-origin {
    border-radius: 30px;
}
.noUi-connect {
	background: #4692e7;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.noUi-background{
	background: #ccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.noUi-handle.noUi-handle-lower {
	left: -9px;
}
.noUi-handle.noUi-handle-upper {
	left: -9px;
}
.noUi-connect {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.sliderLimitProxMin {
    bottom: 23px;
}
.sliderLimitProxMax {
	top: 23px;
	right: 0;
}
.noUi-base {
	background-color: #ccc;
	border-radius :30px;
}
/**page favorite acoom **/
#favoriteAccom > h1 {
  	display: inline;
  	font-size: 17px;
  	font-size: 1.7rem;
  	margin-top: 0;
}
#favoriteController .thumbnailCell {
	width: 130px;
  	height: 130px;
}
#favoriteController .thumbnailContainer{
	width: 130px;
  	height: 130px;
  	overflow: hidden;
}
@media(max-width:710px) {
	#favoriteController .thumbnailCell {
		width: 110px;
	}
	#favoriteController .thumbnailContainer{
		width: 110px;
	}
}
#favoriteController .thumbnailContainer img {
	width: 100%;
	height: 100%;
}
.favoriteButton {
	height: 40px;
}
.favoriteButton > div {
  border-top: 1px solid #e6e6e6;
  text-align: center;
  vertical-align: bottom;
}
.favoriteButton button{
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  height: 39px;
  line-height: 38px;
  outline: medium none;
  padding: 0 5px;
  white-space: nowrap;
  width: 100%;
}
.favoriteButton button.btn-delete {
	background: none;
	border: 0 none;
	color: #8c8c8c;
}
.favoriteButton button.btn-delete:hover, .favoriteButton button.btn-delete:hover{
	color: #FFFFFF;
  	background-color: #BEBEBE;
}
.favoriteContentDesc {
	height: 90px;
	padding: 5px 5px 0 5px;
	width: 100%;
	position: relative;
}
.favoriteContentDesc .contentStar {
	margin-top: 25px;
}
.favoriteContentDesc .contentStar img, .topDestinationsNameHtl .contentStar img{
  	width: 15px;
  	vertical-align: text-bottom;
}
/* BLOC HOTEL */
.deployHtl .ui-accordion-content, .deployHtl .ui-accordion-header {
	padding: 0;
	overflow: inherit;
}
.deployHtl .ui-state-default, .deployHtl .ui-state-active, .deployHtl .ui-widget-content {
	margin-bottom: 15px;
	background: transparent;
	border: none;
}
.deployHtl .ui-widget {
    font-family: "Lato",Helvetica, Arial, sans-serif;
}
/* ANNULE LE FOCUS TOUT MOCHE  */
#favoriteAccom .ui-state-focus, #favoriteAccom .ui-accordion-header {
	outline: none;
}
#favoriteAccom .ui-state-hover, #favoriteAccom .ui-state-active {
	color: #8c8c8c!important;
}
/* CSS SURCHARGE POUR LES FLECHES */
#favoriteAccom .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: inherit;
    right: 0;
    top: 50%;
    margin-top: -8px;
}
#favoriteAccom h2 {
	margin: 20px 0 10px;
    line-height: normal;
	font-weight: bold;
	text-transform: uppercase;
}
#favoriteAccom h4 {
	color: #8c8c8c;
    line-height: normal;
    border-bottom: 1px solid #dddddd;
    font-size: 13px;
  	font-size: 1.3rem;
  	padding-bottom: 5px;
}
#favoriteAccom h4 strong {
  	font-weight: normal;
}
.deployHtl .nameHtlFavorite {
	width: 80%;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	font-weight: bold;
	font-size: 14px;
  	font-size: 1.4rem;
	position: absolute;
}
#favoriteAccom h2 {
  	font-size: 16px;
  	font-size: 1.6rem;
  	font-weight: bold;
  	margin: 20px 0 10px;
  	text-transform: uppercase;
}
/* POUR CENTRER LA MODAL DE VALIDATION DE SUPPRESSION  */
.modalFavoris {
  text-align: center;
  padding: 0!important;
}
.modalFavoris:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modalFavoris .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* POUR PLACER LA FLECHE DANS LES MULTISELECTS */
.caretPlaceFilter {
	position: relative;
}
.caretPlaceFilter .caret {
	position: absolute;
	right: 10px;
    top: 50%;
}
/* POUR LE FOCUS SUR LES MULTISELECTS */
div.pq-select-button {
    padding-right: 15px;
}
.pq-select-button:FOCUS {
	background: #f6f6f6;
}
/** permet d'afficher les  **/
.togglerOnStars_1 img:nth-child(n+4):nth-child(-n+4), .togglerOffStars_4 img:nth-child(n+1):nth-child(-n+4) {
	display: inline-block !important;
}
.togglerOnStars_2 img:nth-child(n+3):nth-child(-n+4), .togglerOffStars_3 img:nth-child(n+2):nth-child(-n+4) {
	display: inline-block !important;
}
.togglerOnStars_3 img:nth-child(n+2):nth-child(-n+4), .togglerOffStars_2 img:nth-child(n+3):nth-child(-n+4) {
	display: inline-block !important;
}
.togglerOnStars_4 img:nth-child(n+1):nth-child(-n+4), .togglerOffStars_1 img:nth-child(n+4):nth-child(-n+4) {
	display: inline-block !important;
}
.togglerOnStars_5 img:nth-child(n+0):nth-child(-n+5), .togglerOffStars_5 img:nth-child(n+0):nth-child(-n+5) {
	display: inline-block !important;
}
.lowerCase{
	text-transform: lowercase;
}
/* POPIN AJOUT/SUPPRESSION HOTEL AUX FAVORIS */
#favPopMore, #favPopLess {
	width: auto;
	display: inline-block;
	padding: 10px 20px;
	margin: 10px;
	vertical-align: middle;
}
#favPopMore .alignCenter, #favPopLess .alignCenter {
	margin-top: 10px;
}
/* CUSTOM ZOOM CONTROL - GOOGLE MAPS */
.controlDivMap{
	position: absolute;
    top: auto;
	bottom: 35px !important;
    right: 31px !important;
}
.zoomClass{
	display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-decoration: none;
    background: rgba(255,255,255,.9);
    text-align: center;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.33);
            box-shadow: 0 1px 3px 0 rgba(0,0,0,.33);
    border-radius: 3px;
    color: #7f7f7f;
    font-size: 30px;
    cursor: pointer;
}
.zoomClass:hover, .zoomClass:focus {
	text-decoration: none;
	color: #000;	
}
.decrement{
	margin-top: 5px;
}
/* INFOS DISTANCES AIRPORTS & STATIONS */
.ContentInfoDist button {
	position: relative;
    vertical-align: bottom;
    padding: 0 2px 0 0;
	border: none;
    background: none;
    cursor: help;
    color: #8c8c8c;
}
.ContentInfoDist .picto-train {
	font-size: 18px;
    font-size: 1.8rem;
}
.btnAirports {
	margin-left: 15px;
}
.ContentInfoDist .picto-avion {
	font-size: 22px;
    font-size: 2.2rem;
}
.ContentInfoDist .picto-avion .infoDistText {
	margin-left: -5px;
}
.otherPoints {
	display: none;
	position: absolute;
	padding: 10px;
	z-index: 3;
	line-height: normal;
    white-space: nowrap;
    text-align: left;
    background: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
    font-size: 1.3rem;
    font-weight: bold;
    white-space: nowrap;
}
.otherPoints:after {
	border-color: rgba(0, 0, 0, 0.8) transparent transparent;
    border-style: solid;
    border-width: 8px 7.5px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 100%;
    width: 0;
}
.btnStations .otherPoints:after {
	left: 9px;
}
.btnAirports .otherPoints:after {
	left: 9px;
}
.infoDistText {
	margin-left: -3px;
	font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: "Lato",Helvetica, Arial, sans-serif;
}
.btnStations .otherPoints {
    left: -8px;
    bottom: 30px;
}
.btnAirports .otherPoints {
    left: 0px;
    bottom: 30px;
}
.btnAirports .infoDistText {
    margin-left: -5px;
}
.btnStations:hover .otherPoints, .btnStations:focus .otherPoints {
	display: block;
}
.btnAirports:hover .otherPoints, .btnAirports:focus .otherPoints {
	display:block;
}
/*HACK CSS IE */
@media screen and (min-width:0\0) {
	.customTitleContent::after {
		margin-top: -0.90px;
	}
	.btnTriContainer {
		border-top: none;
		border-bottom: none;
	}
}
/****** POUR LE PICTO TOP VENTE COMMUN ******/
.topVenteOther {
    width: 139px;
    height: 34px;
    position: absolute;
    top: 15px;
    line-height: 34px;
    left: -32px;
	-ms-transform: rotate(-40deg); /* IE 9 */
    -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */
    transform: rotate(-40deg);
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    -webkit-box-shadow: 11px 10px 5px -5px rgba(0,0,0,0.16);
	-moz-box-shadow: 11px 10px 5px -5px rgba(0,0,0,0.16);
	box-shadow: 11px 10px 5px -5px rgba(0,0,0,0.16);
}
.topVenteOther span {
	color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}
/****************** CSS POUR ON REQUEST ******************/
/* ajout info on requestfiche hotel */
.priceOnRequest {
	vertical-align: bottom;
}
/* div separatrice on request */
.dispoTabContent .dispTableRow .requestSepContent, .requestSepContent {
	display: block;
    height: 45px;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	border-top: 3px solid #e6e6e6;
}
.requestSepContent:BEFORE {
	content: "";
	position: absolute;
	height: 3px;
	width: 97%;
	top: 50%;
	right: 0;
	background-color: #4692e7;
}
/* ajout info on request result list */
.requestLabelList {
	padding: 5px 0 0 0;
	text-align: right;
}
/* ajout info on request result map */
.requestLabelMap {
	padding: 0;
	text-align: center;
}
/* ajout info on request description */
.requestLabelDesc {
	padding: 0;
}
.requestSepContent label {
	margin-bottom: 0;
	padding-left: 10px;
	vertical-align: middle;
	text-transform: uppercase;
}
.requestLabel .picto {
	vertical-align: middle;
	color: #8c8c8c;
}
/* ajout info on request dispo */
.requestLabel {
	position: absolute;
	top: 25%;
	right: 25px;
	z-index: 1;
	background-color: #ffffff;
}
.requestSepContent label {
	margin-bottom: 0;
	padding-left: 10px;
	vertical-align: middle;
	text-transform: uppercase;
}
.requestLabel .picto {
	vertical-align: middle;
	color: #8c8c8c;
}
/* ajout sablier btn */
.dispoBtnContainer .picto-picto-sablier {
	position: absolute;
    right: 6px;
    left: inherit;
    top: 50%;
    height: 22px;
    bottom: 50%;
    margin: auto;
}
.pdfUrlContainer {
	margin-top: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
.pdfUrlContainer  a {
	text-decoration: underline;
	font-weight: bold;
}
.pdfUrlContainer  a:hover, .pdfUrlContainer  a:focus, .pdfUrlContainer  a:active {
	text-decoration: none;
}
/* ############### GESTION DOSSIER ################# */
.nbBookingSearch {
	margin-bottom: 30px;
	background: #fff;
}
.nbBookingSearch p {
	height: 50px;
    text-align: center;
    vertical-align: middle;
}
.blocBookingRecap {
	background: #fff;
	margin-bottom: 15px;
	padding: 10px;
	color: #6a6a6a;
}
/* pour les modals des action de dossier */
.blocBookingRecap .modal-dialog {
	max-width: 400px;
    color: #3c3c3c;
}
.blocBookingRecap .modal-body {
    padding: 5px 45px 15px 45px;
}
.blocBookingRecap .modal-content .modal-header button {
	padding-right: 0;
	font-size: 25px;
    font-size: 2.5rem;
}
.blocBookingRecap .modal-body p {
	text-align: center;
    padding: 0 0 10px 0;
    font-size: 16px;
}
.blocBookingRecap .modal-dialog span {
    vertical-align: bottom;
}
.blocBookingRecap .modal-footer {
    padding: 5px 55px 15px 55px;
}
.blocBookingRecap .modal-content button {
    font-size: 14px;
    font-size: 1.4rem;
    height: 33px;
    padding-left: 20px;
    padding-right: 20px;
}
/* fin pour les modals des action de dossier */
.numBookingResa {
	font-size: 20px;
}
.bookingRecapPax {
	table-layout: fixed;
}
.bookingRecapPax > div {
	vertical-align: middle;
}
.bookingRecapPax > div span {
	line-height: normal;
}
.bookingRecapPaxBtn {
    /* display: inline-block; */
    display: none;
    float: right;
}
.bookingRecapPaxBtn .dropdown-toggle {
	position: relative;
}
.bookingRecapPaxBtn .picto {
	margin-left: 10px;
	vertical-align: sub;
}
.bookingRecapInfoBlock button {
	padding-right: 0;
	padding-left: 8px;
	background-color: transparent;
	border: none;
	vertical-align: middle;
}
/* menu action du dossier */
#folderMenuAction {
	position: absolute;
	width: 100%;
	right: 0;
	top: 35px;
	left:auto;
	text-align: center;
	border-radius: 0;
	z-index: 1;
}
#folderMenuAction #downMenu a {
	background-color: #f3a843;
}
.bookingRecapPaxBtn #folderMenuAction {
	width: 100%;
	right: 0;
	top: 35px;
	left:auto;
	text-align: center;
	border-radius: 0;
}
#folderMenuAction a {
	padding: 15px 5px;
	display: block;
	color: #ffffff;
}
#folderMenuAction a:HOVER, #folderMenuAction a:ACTIVE, #folderMenuAction a:FOCUS {
	background-color: #e08000;
	text-decoration: none;
}
/* fin menu action du dossier */
#bookingMenuAction {
	height: 32px;
}
#bookingTrash {
	height: 32px;
	margin-left: 5px;
	margin-left: 10px;
	padding: 0px 5px;
	border: 1px solid #6a6a6a;
	float: left;
}
#bookingTrash:HOVER {
	background-color: #6a6a6a;
	color: #ffffff;
}
#bookingTrash:HOVER span {
	color: #ffffff;
}
.bookingRecapInfoBlock button .picto, #bookingTrash span {
	color: #6a6a6a;
}
#bookingTrash .crossCancel {
	font-weight: 600;
	font-size: 25px;
	line-height: 20px;
	height: 25px;
}
.wordCancel {
	font-weight: bold;
	padding: 3px;
}
.bookingRecapInfo {
	position: relative;
	background-color: #f0f0ef;
	border: 1px solid #f0f0ef;
	height: 40px;
}
.bookingRecapInfo p {
	font-size: 1.2rem;
	line-height: normal;
}
.bookingRecapInfo div {
	vertical-align: middle;
}
.bookingRecapInfo label {
    vertical-align: middle;
    white-space: nowrap;
}
.bookingRecapInfo .openBookingInfo {
    position: absolute;
    top: 0;
    height: 100%;
    width: 93%;
    left: 0;
}
.bookingRecapStatuts {
    width: 70px;
	position: relative;
    padding-right: 10px;
    padding-left: 10px;
}
.bookingRecapStatuts .picto-hotel2 {
	vertical-align: baseline;
}
.bookingRecapStatuts .picto:AFTER {
	content: "";
	position: absolute;
	width:10px;
	height:10px;
	border-radius:50%;
	top: 0;
    right: -10px;
}
.bookingRecapStatuts.status_OK .picto:AFTER {
	background: #82bc32;
}
.bookingRecapStatuts.status_RQ .picto:AFTER {
	background: #f9b332;
}
.bookingRecapStatuts.status_CX .picto:AFTER {
	background: #e73839;
}
/******************** CONTENU DU COLLAPSE */
/* statut resa + ref+ logoSuplier */
.bookingRecapInfoBlock .borderTop {
	border-top: 1px solid #ededed;
	margin-bottom: 10px;
}
.bookingRecapInfoBlock {
	margin-top: 15px;
}
.bookingRecapInfoBlock .card {
	background-color: #f0f0ef;
}
.openBookingInfo .card-body {
    padding: 15px 35px 15px 35px;
}
.bookingInfoStatuts {
	vertical-align: middle;
}
.bookingInfoStatuts span {
	position: relative;
}
.bookingInfoStatuts span, .bookingInfoStatuts p {
	padding-left: 15px;
}
.bookingInfoStatuts span:BEFORE {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 4px;
    left: -2px;
}
.statuts_OK span:BEFORE {
	background: #82bc32;
}
.statuts_OK span {
	color: #82bc32;
}
.statuts_RQ span:BEFORE {
	background: #f9b332;
}
.statuts_RQ span {
	color: #f9b332;
}
.statuts_CX span:BEFORE {
	background: #e73839;
}
.statuts_CX span {
	color: #e73839;
}
.bookingRecapName {
    width: 215px;
    text-transform: uppercase;
}
@media (min-width: 992px) {
	.bookingRecapName {
	    width: 265px;
	}
}
.bookingRecapName span {
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    max-width: 255px;
	vertical-align: middle;
}
@media (max-width: 955px) {
	.bookingRecapName span {
	    max-width: 185px;
	}
}
/* menu action de la résa */
.bookingMenuAction {
    width: 100px;
	padding-right: 15px;
}
/******************** CONTENU DU COLLAPSE */
.bookingMenuAction .dropdown-menu {
	width: 100%;
	right: 0;
	top: 35px;
	left:auto;
	padding: 0;
	text-align: center;
	border-radius: 0;
}
.bookingMenuAction a {
	padding: 15px 5px;
	display: block;
	color: #ffffff;
}
.bookingMenuAction a:HOVER, .bookingMenuAction a:ACTIVE, .bookingMenuAction a:FOCUS {
	background-color: #ffffff;
	color: #6a6a6a;	
	text-decoration: none;
	cursor: pointer;
}
.bookingMenuAction.open>.dropdown-toggle.btn-default {
	background-color: #ffffff;
	border: 1px solid #6a6a6a;
	color: #6a6a6a;
}
@media (min-width: 992px) {
	.bookingMenuAction {
	    width: 180px;
		padding-right: 15px;
	}
}
/* fin menu action du dossier */
.bookingInfoSupplier > div {
	vertical-align: middle;
	text-align: right;
}
.bookingInfoSupplier span {
	display: block;
}
.bookingInfoSupplier .logoSuppDiv {
	width: 90px;
	margin-bottom: 0;
	padding-left: 5px;
}
/* BLOC HTL  */
.bookingWhiteBloc {
	background: #ffffff;
	height: 200px;
	margin-top: 10px;
    margin-bottom: 30px;
	color: #6a6a6a;
}
.bookingWhiteBloc > div {
    vertical-align: top;
}
.bookingWhiteBloc .thumbnailContainer {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 3px;
}
.bookingWhiteBloc .thumbnailContainer img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}
.bookingWhiteBlocRight {
	padding: 10px;
}
.bookingWhiteBloc h2 {
	display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    margin: 0 5px 0 0;
}
.bookingWhiteBloc .togglerOffStars {
    display: inline-block;
    vertical-align: super;
    white-space: nowrap;
}
.bookingWhiteBloc .togglerOffStars img {
	width: 16px;
}
.bookingWhiteBlocPeriod {
	padding: 15px 0;
}
.bookingWhiteBlocPeriod img {
	margin-right: 5px;
}
.htlRecapBooSearch span {
	display: inline-block;	
}
.bookingWhiteBlocRight .mealPlanPic {
    width: auto;
    display: inline-block;
    white-space: nowrap;
    vertical-align: baseline;
}
.bookingWhiteBlocRight .mealPlanPic span {
	display: inline-block;
}
.mealPlanType > div {
	margin-left: 5px;
	display: inline-block;
}
.bookingWhiteBlocPax {
	padding: 0 0 10px 0 ;
}
.bookingWhiteBlocPax p {
	display: inline-block;
	margin-top: 5px;
	font-size: 12px;
	margin-right: 10px;
}
.bookingWhiteBlocPax p > span {
    text-transform: capitalize;
}
.bookingWhiteBlocPax .picto-group {
	font-size: 2.8rem;
    width: 28px;
    padding-right: 5px;
    line-height: 15px;
}
.bookingWhiteBlocPax span {
	white-space: nowrap;
}
.WhiteBlocPaxType {
	display: inline-block;
}
.hotelBookPaxesType {
    display: inline-block;
    text-align: center;
}
.bookingWhiteBlocRight .bookingWhiteBlocPax .picto-person {
	font-size: 1.9rem;
	margin-right: 5px;
}
.bookingWhiteBlocRight .bookingWhiteBlocPax .picto-person.childPic {
	font-size: 12px;
    vertical-align: middle;
}
/* POUR LES THUMBNAILS DES RECAP DE DOSSIERS */
.blocBookingRecap .bookingRecapInfoBlock .thumbnailContainer {
	/*background-image: url("http://webservice.hobbes.koedia.com/static/gta/NCE/MED/6253_360by360.jpg");*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 265px;
    position: relative;
}
/* Fin BLOC HTL  */
/* pour le recap des prix */
.bookingDetailInfo .bookingInfoPriceCont {
	margin-right: 15px;
}
.bookingDetailInfo .bookingInfoPriceCont .dispTable {
	margin-left: 10px;
}
.bookingInfoPrice .dispTable {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 5px;
    padding-top: 5px;
}
/* pour le recap des prix dans les popups */
.modal-body .bookingInfoPrice {
	padding-left: 10px;
    padding-right: 10px;
}
.modal-body .bookingInfoPriceCont {
	margin-top: 15px;
}
/******************** FIN CONTENU DU COLLAPSE */
/* GRP BTN ACTION DOSSIER */
.bookingRecapActionBtn {
	margin-top: 15px;
	text-align: right;
}
.bookingRecapActionBtn :nth-child(2n) {
	margin-left: 10px;
}
/******************** FORMULAIRE GESTION DES DOSSIERS */
#formBookingSearch input[type="text"] {
    height: 40px;
	width: 100%;
    border-radius: 3px;
    background-color: #ffffff;
    color: #666;
    font-size: 16px;
    font-size: 1.6rem;
}
.selectStyleForm .dropdown-toggle, .selectStyleFormStatutes .dropdown-toggle {
	position: relative;
	width: 100%;
    height: 40px;
	padding-left: 16px;
    border-radius: 3px;
    line-height: 28px;
    font-weight: normal;
    border: none;
    text-align: left;
	background-color: #fff;
	text-transform: none;
	font-size: 16px;
    font-size: 1.6rem;
}
.selectStyleForm span.caret, .selectStyleFormStatutes span.caret {
	position: absolute;
    right: 10px;
    top: 17px;
}
.selectStyleForm .dropdown-toggle {
    padding-left: 75px;
}
.selectStyleForm a:FOCUS,
.selectStyleForm a:ACTIVE,
.selectStyleForm a:HOVER,
.selectStyleFormStatutes a:FOCUS,
.selectStyleFormStatutes a:ACTIVE,
.selectStyleFormStatutes a:HOVER {
    color: #666;
}
.selectStyleForm .dropdown-menu, .selectStyleFormStatutes .dropdown-menu {
	left: 6px;
	padding: 0px;
	margin-top: 0;
	width: calc(100% - 12px);
}
.selectStyleForm .dropdown-menu a, .selectStyleFormStatutes .dropdown-menu a {
	display: block;
	padding: 5px 0px 5px 16px;
	height: 40px;
    line-height: 28px;
	color: #666;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
}
.selectStyleForm .dropdown-menu a:HOVER, .selectStyleFormStatutes .dropdown-menu a:HOVER {
	background-color: #e9e9e9;
}
#formBookingSearch .nextToPlaceHold input[type="text"] {
	text-align: center;
}
#formBookingSearch .refBookingSearch input[type="text"], #formBookingSearch .paxTraveler input[type="text"] {
	 padding-left: 15px;
	 padding-right: inherit;
}
.nextToPlaceHoldCont {
	margin-top: 15px;
}
.checkCriterDiv button {
	margin-left: 0;
}
.nextToPlaceHoldCont label {
	color: #ffffff;
	margin-bottom: 10px;
}
@media (min-width: 1024px) {
	#formBookingSearch .nextToPlaceHold input[type="text"] {
		text-align: center;
	}
	#formBookingSearch input[type="text"] {
		padding-right: 0;
	}
}
#formBookingSearch input::-webkit-input-placeholder {
	color: #666;
}
.refBookingSearchContent .form-group {
    margin-bottom: 0;
}
.refBookingSearchContent button {
    width: 100%;
    height: 40px;
}
.refBookingSearchContent .glyphicon-search {
    right: 10px;
}
.refBookingSearch span {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 0 10px;
    color: #cacaca;
    position: absolute;
    right: 0;
    top: 10px;
}
.dateBookingSearch {
	width: 100%;
}
.dateBookingSearch > div {
    background: #fff;
    position: relative;
    border-radius: 2px;
}
.refBookingSearch input, .dateBookingSearch input[type="text"] {
    background: none;
    border: none;
}
.dateBookingSearch .dateIcon {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 10px;
    color: #cacaca;
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer;
}
.nextToPlaceHoldCont {
	position: relative;
}
.nextToPlaceH {
	content: "";
    position: absolute;
    left: 22px;
    top: 10px;
    padding-right: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    border-right: 1px solid #9d9c9c;
    text-transform: capitalize;
}
.nextToPlaceHoldCont.noPadLeft .nextToPlaceH {
	left: 18px;
}
/* wait en css gestion des dossiers */
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #3c3c3c;
  font-size: 6px;
  margin: 0px auto 20px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0;
  }
}
/* BLOC INFO DES CREDITS DISPO */
.availCredContent {
	background: #ffffff;
	-webkit-box-shadow: -1px 10px 47px -4px rgba(0,0,0,0.12);
	-moz-box-shadow: -1px 10px 47px -4px rgba(0,0,0,0.12);
	box-shadow: -1px 10px 47px -4px rgba(0,0,0,0.12);
}
.availCred {
	padding: 10px;
    width: auto;
    text-align: center;
}
.hiAgency {
	margin-right: 15px;
}
.availCredAmount {
	font-size: 18px;
	font-weight: bold;
}
.availCred p {
	display: inline-block;
}
.availCred p span {
	vertical-align: baseline;	
}
.availCred p, .availCred span {
	opacity: 1;
}
/* POUR LE BTN NOT ENOUGHT CREDIT */
.dispoTabContent .dispTableRow > .dispoBtnContainer.notEnoughtContainer {
	background-color: #E1E1E1;
}
.dispoTabContent .dispTableRow > .dispoBtnContainer.notEnoughtContainer:hover {
	background-color: #505050;
}
.hotelDetailsTabContent .dispoBtnContainer.notEnoughtContainer .propoPrice{
	color: #6a6a6a;
}
.dispoBtnContainer  .dispoBtn.notEnought {
	font-weight: bold;
}
.dispoBtn .infoNotEnought {
	position: relative;
}
.dispoTabDetail .dispoBtn.notEnought,
.contentPossibilities .dispoBtn.notEnought {
	font-size: 12px;
	color: #8c8c8c;
	background-color: #E1E1E1;
	text-align: left;
    padding-left: 8px;
}
.priceContainer .dispoBtn.notEnought {
	background-color: transparent;
    padding: 8px 45px 8px 0;
    text-align: right;
}
.dispoTabDetail .dispoBtn.notEnought .picto:BEFORE,
.contentPossibilities .dispoBtn.notEnought .picto:BEFORE {
	color: #8c8c8c;
}
.dispoTabDetail .dispoBtn.notEnought:HOVER .picto:BEFORE,
.contentPossibilities .dispoBtn.notEnought:HOVER .picto:BEFORE {
	color: #ffffff;
}
.upCreditBloc {
	padding: 15px;
	font-weight: bold;
	color: #505050;
}
.upCreditBloc .dispTable > div {
	vertical-align: middle;
}
.upCreditBloc .contentTriangle {
    padding-right: 15px;
}
.alert.alertRequest {
	padding: 5px 15px;
	margin-top: 20px;
	margin-bottom: 0px;
}

/* MCTO */ 
.mcto-switch{
	display:flex;
	justify-content: space-between;
}
/* Switch */
/* The switch - the box around the slider */
.switch {
	margin-left:10px;
  position: relative;
  display: inline-block;
  width: 36px;
  height: 19px;
}

/* Hide default HTML checkbox */


.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E2E2E2;
  -webkit-transition: .3s;
  transition: .3s;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .3s;
  transition: .3s;
}

input:checked + .slider {
  background-color: #f18b02;
}



input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* fin Switch */

#mctoConfig .selecter select {
	border-radius: 2px;
	border: solid 1px #a6a6a6;
  	background-color: #f8f8f8;
	height:34px;
}

#mctoConfig .selecter {
    color:#6a6a6a;
    margin-top:15px;
}
#mctoConfig .selecter select {
	padding-left:5px;
	width:95%;
}

#mctoConfig label {
	display:block;
	color:#b4b4b4;
	font-size:12px;
}

#mctoConfig input {
	text-align:left;
	padding-left:10px;
	border: solid 1px #eeeeee;
}

#mctoConfig .inputs input {
	width:95%;
}

#mctoConfig .inputs div {
	margin-top:20px;
}

.btn-mcto {
	 border-radius: 3px;
	 padding:11px 24px;
}

@media (max-width: 769px) {
	#mctoConfig .inputs input, #mctoConfig .selecter select {
		width:100%;
	}
}
/* */

.bookingMessageHistory .closeHistory {
	cursor:pointer;
}

.bookingMessageHistory .head {
	display:flex;
	justify-content: space-between;
	font-weight:bold;
	font-size: 1.1em;
}

.bookingMessageHistory .message {
	margin-top: 6px;
	padding-top:10px;
	padding-bottom:10px;
    border: solid 2px #f0f0f0;
    background-color: #ffffff;
    display: flex;
    align-items: center;
}

.bookingMessageHistory .time {
	color: rgb(106, 106, 106, 0.6);
}

.bookingMessageHistory .date {
	 color: rgb(106, 106, 106);
	 font-weight: bold;
}

.bookingMessageHistory .sep {
	margin-left: 15px;
    height: 28px;
    top: -4px;
    position: absolute;
    border: solid 1px #f18b02;
    transition: 0.5s ease;
}

.bookingMessageHistory .bigSep {
	height: 70px;
    top: -25px;
}

.bookingMessageHistory .state {
	 color: rgb(106, 106, 106);
	 font-weight: bold;
}

.bookingMessageHistory .result {
	font-weight: bold;
	padding: 4px 6px;
	margin-left:50px;
	width:60px;
	color:#82bc32;
	background-color: rgb(130, 188, 50, 0.2);
	text-align:center;
	position:relative	
}

.bookingMessageHistory .__error {
	cursor:pointer;
	color: #e73839;	
	background-color:rgb(231, 56, 57, 0.2);
}

.bookingMessageHistory .download a {
	color: rgb(106, 106, 106);
	text-decoration:underline;
}

.bookingMessageHistory .download a:hover {
	color: #f18b02;
}

.bookingMessageHistory .questionMark {
	color:#ffffff;
	position: absolute;
	transform: translate(8px, -8px);
    font-weight: bold;
    right: 0;
    top: 0;
    width: 16px;
}

.bookingMessageHistory .exclamation {
	width: 24px;
	display:inline-block;
}

.bookingMessageHistory .sectionDroite {
	height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
}

.get105 {
	min-height:105px;
}

.noWrap {
	white-space:nowrap;
}

.flex-center {
	display:flex;
	align-items:center;
}


.bookingMessageHistory .errorText span{
	padding-left:3px;
	color:red;
}

.bookingMessageHistory button {
  background: none;
  border: none;
  padding: 0!important;
  cursor: pointer;
}

.bookingMessageHistory .pt-5 {
	padding-top:2.5rem;
}

@media (max-width:664px){
	.bookingMessageHistory .sep {
		margin-left:10px;
	}
	.bookingMessageHistory .sectionDroite {
	    padding-left: 30px;
	}
}

@media (min-width:860px){
	.bookingMessageHistory .errorText {
		margin-left:-40px;
	}
}

.text-right {
	text-align:right;
}

.relative {
	position:relative;
}
/*** filtre dispo **/
.containerHotelDetail {
	background: #fff;
    margin-left: -7px;
    margin-right: -7px;
    padding: 0 7px;
    padding-bottom: 20px
}
.styleBloc {
	margin-bottom: 5px;
    background: #fff;
}
.containerFilter {
	padding: 7px;
	padding-bottom: 20px
}
.titleFilterAvail {
	font-size: 14px;
  	font-weight: bold;	
  	color: #ff7800;
  	margin-bottom: 10px;
}
.filterListStyle {
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.filterListStyle > div {
	margin-right: 20px; 
}
.filterListStyle .checkbox {
	margin-top: 0;
}
.mrg-b-20 {
	margin-bottom: 20px;
}