/* couleur base : #07537f */
/* couleur survol 1 : #276b97 */
/* couleur secondaire : #9fcbe0 */
/* couleur survol 2 : #c1dded */
/* ###################################################################################################################### */
/* ################################################# GENERAL ############################################################ */
/* ###################################################################################################################### */
/* ### HEADER ###*/
header {
	background-color: #ffffff;
}
.logoPax img {
    height: 70px;
}
a {
	color: #07537f;
}
a:hover, a:focus {
    color: #276b97;
}
.btn-default {
	border-color: #9fcbe0;
	background-color: #9fcbe0;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	border-color: #c1dded;
	background-color: #c1dded;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
    border-color: #c1dded;
	background-color: #c1dded;
}
.btn-default.bordered {
	border-color: #9fcbe0;
	color: #9fcbe0;
}
.btn-default.bordered:hover,
.btn-default.bordered:focus,
.btn-default.bordered:active {
	background-color: transparent;
	border-color: #c1dded;
	color: #c1dded;
}
.btn-primary {
    background-color: #00b0d7;
    border-color: #00b0d7;
}
.btn-primary.bordered {
	border-color: #07537f;
	color: #07537f;
}
.btn-primary.bordered:hover,
.btn-primary.bordered:focus,
.btn-primary.bordered:active {
	
	border-color: #276b97;
	color: #276b97;
}
.btn-primary:focus, .btn-primary.focus {
    background-color: #04BFE8;
    border-color: #122b40;
}
.btn-primary:hover {
    background-color: #04BFE8;
    border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-color: #04BFE8;
    border-color: #204d74;
}
/* ///////// surcharges jquery ui /////// */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #c1dded;
	color: #c1dded;
}
.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 {
    background: none repeat scroll 0 0 #c1dded;
    border: 1px solid #c1dded;
}
.customTitleContainer .picto-radio-off {
	color: #07537f;
}
.customTitleContent li span {
	color : #9fcbe0!important;
}
/* INFO PRIX PAR CHAMBRE */
.inOrange, .titlePriceRoomContent p.inOrange {
	color: #9fcbe0;
}
.bigPrice {
	color: #9fcbe0;
}
.littleTitle {
	color: #9fcbe0;
}
/* ###################################################################################################################### */
/* ########################################### FORMULAIRE RECHERCHE ##################################################### */
/* ###################################################################################################################### */
#formTabs .homeTabLink {
	color: #9fcbe0;
}
#searchCriteriasContent button {
	border: 2px solid #9fcbe0;
    color: #9fcbe0;
}
#searchCriteriasContent button:FOCUS {
	border: 2px solid #c1dded;
    color: #c1dded;
}
.resultNumberHtl {
	color: #9fcbe0;
}
.configurationTab a:focus, .configurationTab a:hover {
	color: #c1dded;
}
/* ///////// CSS VISU DES CRITERE FAVORIS /////// */
.visuCritereFav h4 {
	color: #9fcbe0;
}
.visuCritereFav._active {
	border-left: 6px solid #9fcbe0;
}
.visuCritereFav._active .trashContent button .picto-bookmark {
	color: #9fcbe0;
}
.validCritereFavContent {
	background-color: #9fcbe0;
}
.validCritereFavContent:focus, .validCritereFavContent:hover {
    background: #c1dded;
}

.miniForm .btnValidation .btn-default {
    background-color: #9fcbe0;
}
.miniForm .btnValidation .btn-default:hover {
    background-color: #c1dded;
}
/* ###################################################################################################################### */
/* ################################################### HOME ############################################################# */
/* ###################################################################################################################### */
.tempCommMessage {
	background: #9fcbe0;
}
.topDestinationsInfos h3, #topDestinations h2 {
	color: #9fcbe0;
}
.topDestinationsNameHtl h3 a {
	color: #9fcbe0;
}
.topDestinationsBtn button, .topDestinationsBtn a {
	background: #9fcbe0;
}
.topDestinationsBtn button:focus, .topDestinationsBtn button:hover, .topDestinationsBtn a:hover, .topDestinationsBtn a:focus {
	background: #c1dded
}
.topDestinationsBtn button.active {
	background: #c1dded;
}
.topDestinationsBtn button.active:hover, .topDestinationsBtn button.active:focus {
	background: #c1dded;
}
.filterTotSelect {
	background: #9fcbe0;
	border: 1px solid #9fcbe0;
}
.filterTotNotSelect {
	border: 1px solid #9fcbe0;
	color: #9fcbe0;
}
#showMapBtn .triangleCarte {
	border-color: transparent transparent transparent #07537f;
}
#hideMapBtn .triangleCarte {
	border-color: transparent #07537f transparent transparent;
}
.btnTri.active {
	color: #9fcbe0;
}
/* ###################################################################################################################### */
/* ################################################## CSS Pagination ################################################## */
/* ###################################################################################################################### */
.contentPaginationSort #paginationBloc .pagination > li > a, .pagination > li > span {
    color: #9fcbe0;
}
.contentPaginationSort #paginationBloc .pagination > li > a:HOVER,
.contentPaginationSort #paginationBloc .pagination > li > a.active {
	background: #9fcbe0;
}
.pagination-xs > li.next {
	color: #9fcbe0;
}
.pagination-xs > li.prev {
  	color: #9fcbe0;
}
@media (max-width:1023px){
	.pagination-xs > li.next:hover ,
	.pagination-xs > li.prev:hover {
		color: #9fcbe0;
	}
	.pagination-xs > li.next:focus, .pagination-xs > li.prev:focus {
	  	color: #c1dded;
	}
}
/* ///////// bloc resultat /////// */
#scrollTop.btn-default {
	background-color: rgba(7, 83, 127, 0.81);
}
#scrollTop.btn-default:hover{
	background-color: rgba(7, 83, 127, 1);
}
.hotelResultBloc:hover, .borderBloc {
	border: 3px solid #276b97;
}
.hotelResultBloc:hover .hotelChoiceBtnDiv button, .hotelResultBloc:hover .hotelChoiceBtnDiv button:hover, .hotelResultBloc:hover .hotelChoiceBtnDiv button:focus {
	background: #c1dded;
}
.hotelDetailsTab .hotelChoiceBtnDiv {
	background-color: #9fcbe0;
}
.hotelChoiceBtnDiv .hotelChoiceBtn {
	background-color: #07537f;
    border-color: #07537f;
}
.hotelResultBloc:hover .hotelChoiceBtnDiv .hotelChoiceBtn {
	background-color: #276b97;
    border-color: #276b97;
}
#listResultContainer .borderBloc .hotelChoiceBtnDiv {
 	background-color: #9fcbe0;
 }
#listResultContainer .borderBloc .hotelChoiceBtnDiv .hotelChoiceBtn {
 	background-color: #9fcbe0;
 }
.hotelResultBloc:hover .hotelDetailsTab .hotelChoiceBtnDiv  {
	background-color: #276b97;
}
.resultContentDesc h3.hotelCity {
    color: #9fcbe0;
}
.propoPrice {
	color: #9fcbe0;
}
.btnSeeMore button, .moreResultSupplier {
  	color: #07537f;
}
/* ###################################################################################################################### */
/* ################################################## DETAILS ########################################################### */
/* ###################################################################################################################### */
.styleDivBord {
	border-top: 3px solid #9fcbe0;
}
.periodDateDivInfo strong {
	color: #9fcbe0;
}
.readMore {
	color: #9fcbe0;
}
a.readMore:hover, a.readMore:focus{
	color: #c1dded;
}
.recapInfosPrice {
	color: #9fcbe0;
}
.dispoTabDetail .customTitleContainer .dispoBtn, .dispoTabDetail .customTitleContainer .propoPrice {
    background-color: #9fcbe0;
}
.dispoTabDetail .dispoBtnContainer .dispoBtn:HOVER, .dispoTabDetail .dispoBtnContainer .dispoBtn:HOVER .propoPrice  {
	background: #c1dded none repeat scroll 0 0;
}
@media (max-width: 991px) {
	.dispoTabDetail .dispoBtnContainer {
	    background-color: #9fcbe0;
	}
}
/**** POP UP ENVOI MAIL & PRINT ****/
.modal-dialog h4 {
	color: #9fcbe0;
}
#pdfUrlContainer > .col-xs-12 {
	border: 1px solid #9fcbe0;
	padding: 10px;
}
/* ###################################################################################################################### */
/* ############################################### LANDING PAGES ######################################################## */
/* ###################################################################################################################### */
#landingPageContent h1 {
	color: #9fcbe0;
}
#landingPageContent h2 {
	color: #9fcbe0;
}
#landingPageContent .topCityInCountryName {
	color: #9fcbe0;
} 
.countryLandingLink {
	color: #9fcbe0;
}
.countryLandingLink:hover, .countryLandingLink:focus {
	color: #c1dded;
}
.hotelPushOverlay:hover, .hotelPushOverlay:focus {
	border: 2px solid #c1dded;
}
.hotelPrice {
	color: #9fcbe0;
}
#pushCityListContainer {
	border-top: 3px solid #9fcbe0;
}
#pushCityListContainer h3 {
    color: #9fcbe0;
}
.pushCityList .pull-right {
	color: #9fcbe0;
}
/* ###################################################################################################################### */
/* ########################################### PAGE BOOKING-PAX ##################################################### */
/* ###################################################################################################################### */
#paxPage {
	border-top: 20px solid #9fcbe0;
}
.contentNavPax .breadcrumb span {
    color: #07537f;
}
/* ######### ACTIVE ######## */
.contentNavPax li.active {
    border-bottom: 2px solid #07537f;
    color: #07537f;
}
.contentNavPax li.active span {
	background-color: #07537f;
    color: #ffffff;
}
.contentNavPax li.active label {
	color: #07537f;
}
.blocTitle {
	color: #07537f;
}
button.alrMember {
	border: 2px solid #9fcbe0;
	color: #9fcbe0;
}
.alrMember:HOVER, .alrMember:focus, .alrMember:active {
    border-color: #c1dded;
}
.alertWarningMessage{
	background-color: #9fcbe0;
}
.alertWarningMessage .triangle > span {
	color: #9fcbe0;
}
/* ######### BLOC VOTRE RESERVATION ######## */
.yourReservationRightBloc h1 {
	color: #9fcbe0;
}
.yourReservationRightBloc h3 {
	color: #9fcbe0;
}
.yourReservationHtl .yourReservationHtlName {
	color: #9fcbe0;
}
.yourReservationPrice {
	background-color: #9fcbe0;
}
.recapConditionsBtn {
	color: #9fcbe0;
}
/* ######### FORMULAIRE ######## */
.persoInfoTiltle h2 {
	color: #9fcbe0;
}
.formPersoInfo h3 {
	color:#9fcbe0;
}
.bookingProcessBtn {
	background: #9fcbe0;
}
.bookingProcessBtn:hover {
    background: #c1dded;
}
/* ###################################################################################################################### */
/* ########################################### PAGE BOOKING-VIEW ##################################################### */
/* ###################################################################################################################### */
#viewPage {
	border-top: 20px solid #9fcbe0;
}
.changeInfo {
	color: #9fcbe0;
}

.speRequestsContent h3 {
	color: #9fcbe0;
}
.acceptTermContent a {
	color: #9fcbe0;
}
.annulationCond h3 {
	color: #9fcbe0;
}
.annulationCond li > span {
	color: #9fcbe0!important;
}
/* ###################################################################################################################### */
/* ########################################### PAGE CONFIRMATION ##################################################### */
/* ###################################################################################################################### */
#confirmPage {
	border-top: 20px solid #9fcbe0;
}
button.downlRecap  {
	color: #07537f;
	border: 2px solid #07537f;
}
.downlRecap:HOVER, .downlRecap:focus, .downlRecap:active {
    color: #276b97;
    border: 2px solid #276b97;
}
.yourReservation h3 {
	color: #9fcbe0;
}
/* ######### TABLEAU TARIFS ######## */
.rateTabContent h3 {
	color: #9fcbe0;
}
.rateTabTotAmountContent {
	background-color: #9fcbe0;
}
.rateTabTotAmountContent {
	border-left: 1px solid #9fcbe0;
}
/**popin connexion + miles (page pax)**/
#myConnexion .modal-body a {
	color: #9fcbe0;
}
h4.titlePopin {
	color: #9fcbe0;
}
/**fin style popin connexion + miles (page pax)**/
/* ###################################################################################################################### */
/* ################################################## PAGE GESTION DES COMMISSIONS ########################################################### */
/* ###################################################################################################################### */
.commissionBlock h2 {
	color: #9fcbe0;
}
.titleComm {
    color: #9fcbe0;
}
/* ###################################################################################################################### */
/* ################################################## PAGE FRAIS DE SERVICE ########################################################### */
/* ###################################################################################################################### */
.servChargeContent h2 {
	color: #9fcbe0;
}
/* ###################################################################################################################### */
/* ################################################## CSS AUTOCOMPLETE ################################################## */
/* ###################################################################################################################### */
#autocompleteRefresh {
	color: #9fcbe0 !important;
}
.ui-menu-item-categ {
	color: #9fcbe0;
}
.ui-menu-item-categ:HOVER {
	color: #c1dded;
}
.ui-menu-item a strong {
    color: #9fcbe0;
}
.styleWait {
	color: #9fcbe0;
}
.styleLoader {
	color: #9fcbe0;
}
.nbHotels {
	color: #9fcbe0;
}
.titelContent {
	color: #07537f;
}
.btnResetFiltre span.picto {
	color: #9fcbe0;
}
#miniFormProxFiltre .proxFilterDiv label {
    color: #9fcbe0;
}
.filterProx:hover, .filterProx:focus{
	  color: #c1dded;
}
.filterProx.selected {
	  color: #c1dded;
}
/**style slider**/
.noUi-horizontal .noUi-handle {
    border: 2px solid #9fcbe0;
}
.noUi-origin {
    background: #9fcbe0;
}
.noUi-connect {
	background: #9fcbe0;
}
/**page favorite acoom **/
#favoriteAccom > h1 {
	color: #9fcbe0;
}
#favoriteAccom h2 {
	color: #9fcbe0;
}
#favoriteAccom h4 strong {
  	color: #9fcbe0;
}
#favoriteAccom h2 {
  	color: #9fcbe0;
}
/****** POUR LE PICTO TOP VENTE COMMUN ******/
.topVenteOther {
	background-color: #9fcbe0;
}
/****************** CSS POUR ON REQUEST ******************/
.pdfUrlContainer {
	border: 2px solid #9fcbe0;
	color: #9fcbe0;
}
.pdfUrlContainer  a {
	color: #9fcbe0;
}
.numBookingResa {
	color: #9fcbe0;
}
/* menu action du dossier */
#folderMenuAction {
	background-color: #9fcbe0;
}
#folderMenuAction #downMenu a:HOVER, #folderMenuAction #downMenu a:ACTIVE, #folderMenuAction #downMenu a:FOCUS {
	background-color: #c1dded;
}
.bookingRecapPaxBtn #folderMenuAction {
	background-color: #9fcbe0;
}
.bookingRecapInfo label {
    color: #9fcbe0;
}
/******************** CONTENU DU COLLAPSE */
.bookingMenuAction .dropdown-menu {
	background-color: #9fcbe0;
}
.bookingMenuAction a:HOVER, .bookingMenuAction a:ACTIVE, .bookingMenuAction a:FOCUS {
	color: #9fcbe0;
}
.bookingMenuAction.open>.dropdown-toggle.btn-default {
	border: 1px solid #9fcbe0;
	color: #9fcbe0;
}
.bookingRecapInfoBlock button .picto, #bookingTrash span {
	color: #9fcbe0;
}
#bookingTrash {
	border: 1px solid #9fcbe0;
	color: #9fcbe0;
}
#bookingTrash:HOVER {
	background-color: #9fcbe0;
}
/* CUSTOM DES BTN DU SLIDER HTL */
.tos-wrapper .tos-prev, .tos-wrapper .tos-next, .tos-wrapper .tos-close {
	background: #9fcbe0;
}
/* ONGLET CONFIGURATION */
.commVerifContent button, .blocAddComm button {
    background-color: #9fcbe0;
}
.commVerifContent button:hover, .blocAddComm button:hover {
    background-color: #c1dded;
}
/* BLOC INFO DES CREDITS DISPO */
.availCredAmount {
	color: #9fcbe0;
}

/* POUR LE LOGOUT */
.containerBtn a {
	color: #9fcbe0;
}
.containerBtn a:HOVER {
	color: #c1dded;
}
 .containerBtn .user-details *:first-child  {
	color: #07537f;
}
.containerBtn .user-details .agency {
	color: #07537f;
}