/* _______COULEURS_CUSTOM_________*/
/*                                */
/*--------------------------------*/
/* couleur principale: #E03400    */
/* couleur survols : #FE3700 	  */
/* nuance claire : #FDD6C4 	 	  */
/* nuance tres claire : #FCF8F8   */
/*--------------------------------*/
/*--------------------------------*/
/* couleur vert HPT : #8AC24A 	  */
/*--------------------------------*/
@font-face {
  font-family: Quicksand;
  src: url("https://content.digitrips.com/ressources/fonts/Quicksand-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url("https://content.digitrips.com/ressources/fonts/Quicksand-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Quicksand;
  src: url("https://content.digitrips.com/ressources/fonts/Quicksand-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/*Surcharges font*/
button[data-tip]:hover:after,
button[data-tip]:focus:after,
.dataTip[data-tip]:hover:after,
.dataTip[data-tip]:focus:after {
  font-family: Quicksand, sans-serif;
}

@media (max-width: 1023px) {
  .hotelSearchPage .contentContainer {
    z-index: 1005;
  }
}
/******************************************** BG FTP ********************************************/
#jq_ez_bg {
	display: none;
}

.homePage #background-video {
  position: absolute;
  height: 100%;
  top: 110px;
  height: calc(100% - 110px);
  width: 100%;
  z-index: 0;
  object-fit: cover;
}

.homePage .contentFormHome {
  position: relative;
}

.homePage .catch-phrase {
  position: absolute;
  top: -128px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  background-color: #E03400;
  padding: 16px 32px;
}
.homePage .catch-phrase h1 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  color: #FFF;
}

@media (min-width: 1024px) {
  .contentForm {
    margin: 190px auto 0 auto;
  }
/*   body.homePage .contentContainer { */
/*     flex: 0 0 auto; */
/*     margin-bottom: 0px; */
/* 	   background-position-y: 45px; */
/* 	   position: relative; */
/*   } */
  .contentForm {
    margin: 240px auto 30px auto;
  }
}

.contentServPlus {
  margin-top: 0px;
}
/******************************************** BG FTP ********************************************/

/* ########################################## CSS GENERAL ################################################# */
body {
  background: #e0e5eb;
  font-family: "Quicksand", sans-serif;
  color: #0D2239;
}

.popin_erreur {
  font-family: Quicksand, sans-serif;
}

#modifForm input:focus,
#modifSearchForm .dateGo input:focus,
#modifSearchForm .dateBack input:focus {
  border-color: #E03400;
}
/********************** CSS BOUTONS **********************/
.btnStyle1 {
  color: #fff;
  background: #E03400;
}

.btnStyle1:hover,
.btnStyle1:focus,
.btnStyle1:active {
  background: #fe3700;
}

.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active {
  color: #fe3700;
}

/********************** CSS CALENDAR **********************/
.ui-datepicker th {
  color: #E03400;
}

.ui-datepicker .ui-state-default.ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-default.ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-default.ui-state-active {
  background: #E03400;
  border: 1px solid #E03400;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: #E03400;
}
/** datepicker les jours se situant entre les bornes **/
.ui-datepicker table td.highlight a.ui-state-default {
  border: 1px solid #E03400;
  color: #E03400;
}

.ui-datepicker table td.highlight a.ui-state-hover {
  background: #E03400;
}

/********************** CSS HEADER **********************/
header {
	padding: 0;
	background: none;
}

.header-baner,
.header-sub {
	display: flex;
	align-items: center;
	height: 50px;
}

.header-baner {
	position: relative;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	z-index: 10;
}

.header-baner img {
	max-width: 100px;
	max-height: 32px;
}

.header-baner h2 {
	font-size: 14px;
}

.header-baner .kbtn.kbtn-action {
	font-weight: 600;
	text-decoration: none;
	min-height: 24px;
}

.header-baner .kbtn.kbtn-action:hover {
	color: #E03400;
}

.header-baner .microcopy {
	font-size: 10px;
}

.header-sub {
	position: relative;
	background: #F0F0F0;
	z-index: 5;
}

@media (max-width: 1023px) {
	.header-sub .menu {
		position: absolute;
		top: 0px;
		left: 0;
		width: calc(100% - 48px);
		max-width: 380px;
		background: #fff;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0,0.16);
		transform: translateX(-100%);
		transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
	}
	
	.header-sub .menu.__active {
		transform: translateX(0);
	}
}

.header-sub .kbtn.kbtn-primary.__square {
	position: absolute;
	top: 9px;
	right: -8px;
    transform: translateX(100%);
}

.header-sub .btnCheckLanguage {
	position: absolute;
	top: 50%;
  	right: 8px;
	transform: translateY(-50%);
	z-index: 5;
}

@media (max-width: 767px) {
	.header-sub:has(.menu.__active) .btnCheckLanguage {
		display: none;
	}	
}

.header-sub .menu a {
	height: 48px;
	color: initial;
	font-weight: 600;
	transition: color 300ms ease, background 300ms ease;
}
.header-sub .menu a:hover {
    color: #E03400; 
	background-color: #F0F0F0;
}

header .overlay {
	z-index: 1;
}

@media (min-width: 768px) {
	.header-baner {
		height: 60px;
	}

	.header-baner img {
		max-width: none;
		max-height: 40px;
	}
	
	.header-baner .microcopy {
		font-size: 14px;
	}
}

/********************** CSS BREADCRUMB **********************/
@media (min-width: 640px) {
  .breadcrumbBloc a.active,
  .breadcrumbBloc a.active:hover,
  .breadcrumbBloc a.active:focus {
    color: #E03400;
  }
}
/********************** CSS FOOTER **********************/
footer {
  background-color: #E03400;
}
.contentFooter {
	position: relative;
}

/* ################################################# HOME ################################################# */
/********************** CSS CONTENTFORM **********************/
.labelIcon {
  color: #E03400;
}
/**** autocomplete ****/
.ui-autocomplete.ui-widget-content .ui-menu-item-categ {
  color: #E03400;
}

.ui-autocomplete.ui-widget-content li {
  border-top: 1px solid #f2f4f7;
}

.ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #f2f4f7;
}

.ui-menu-item-categ.ui-menu-item:hover,
.ui-menu-item-categ.ui-menu-item:focus,
.ui-menu-item-categ.ui-state-focus {
  color: #E03400;
}

/**** CSS SLIDERPRICE ****/
.slidePrice .labelIcon {
  color: #E03400;
}

.contentFilter span {
  color: #E03400;
}

.noUi-horizontal .noUi-handle {
  background: #E03400;
}

.noUi-connect {
  background: rgba(254, 96, 24, 0.25);
}
/********************** CSS CONTENTBESTBUY **********************/
.contentBestBuy h2 {
  color: #0D2239;
}

.bgHeartPic {
  background-color: #E03400;
}

.bestDate {
  color: #E03400;
}

.CityName,
.CountryName {
  color: #E03400;
}

.bestBuyPrice {
  color: #E03400;
}

/********************** CSS CONTENTSERVICEPLUS **********************/
.contentServPlus {
  color: #E03400;
}
/********************** CSS POPUP HOME **********************/
/******* CSS POPUP CONNEXION *******/
.contentPopup .picto {
  color: #E03400;
}

.modal-header .picto:hover,
.modal-header .picto:focus {
  color: #E03400;
}

.btnConnex button:hover,
.btnConnex button:focus {
  background-color: #E03400;
}

button.forgetPasswordButton {
  color: #E03400;
}
/******* CSS POPUP MDP OUBLIE *******/
.contentPopupMdp .picto {
  color: #E03400;
}

.forgetMdp p {
  color: #E03400;
}

.backLink, a {
  color: #E03400;
}

.backLink p {
  color: #E03400;
}
/******* CSS POPUP PROPODESTI *******/
.contentPopupPropoDesti h3 {
  color: #0D2239;
}

.contentPopupPropoDesti a:hover {
  color: #E03400;
}

#autocompleteListContainer_CITY li span:hover,
#autocompleteListContainer_POI li span:hover,
#autocompleteListContainer_ADDRESS li span:hover,
#autocompleteListContainer_ACCOM li span:hover {
  color: #E03400;
}
/* ################################################# HOTELS SEARCH ################################################# */
.hotelSearchPage span.arrow {
  background: none repeat scroll 0 0 #E03400;
}

/******* FORMULAIRE MODIF *******/
#modifSearchForm .dateGo label,
#modifSearchForm .dateBack label {
  background: #f2f4f7;
}

#paxPopinScrollDiv::-webkit-scrollbar-thumb {
  background-color: #E03400;
}

.modifPopinCloseBtn:hover,
.modifPopinCloseBtn:focus,
.modal .modifPopinCloseBtn:hover,
.modal .modifPopinCloseBtn:focus {
  color: #E03400;
}

.modifPopinTitle {
  color: #0D2239;
  border-bottom: 1px solid #0D2239;
}

.roomAgeTablesBorderTop {
  border-top: 1px solid #fcf8f8;
  padding-top: 10px;
}

/******* FORMULAIRE RECAP *******/

.BtnAlignRecap button .icon-pencil {
  background-color: #E03400;
}
/******* FORMULAIRE MODIF *******/
.roomAgeTablesBorderTop {
  border-top: 1px solid #f2f4f7;
}

#modifSearchForm .dateGo input:focus + label,
#modifSearchForm .dateBack input:focus + label,
#modifForm .dateGo input:focus + label,
#modifForm .dateBack input:focus + label,
.modifFormCityField input:focus + div label,
.modifFormPaxField input:focus + label,
.modifFormPaxField input.focus + label {
  background: #E03400;
}

.modifFormCityField input:focus + div label,
.modifFormPaxField input:focus + label,
.modifFormPaxField input.focus + label {
  border-color: #E03400;
}
/******* FORMULAIRE FILTRE *******/
@media (min-width: 1024px) {
  #filterForm .nbrHotelDispo {
    border-bottom: 1px solid #e0e5eb;
  }
}

#filterForm .icon-star {
  color: #E03400;
}

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

.selectCompactListTri ul {
  border-top: 1px solid #E03400;
}

.selectCompactListTri li button:hover,
.selectCompactListTri li button:focus {
  background: #f2f4f7;
  color: #E03400;
}
/** Equipements **/
.toggleMore a,
.toggleLess a {
  color: #E03400;
}
/** nbr des etoiles **/
#filterForm .br-widget a {
  background: #fcf8f8;
}

#filterForm .br-widget a.br-active,
#filterForm .br-widget a.br-selected {
  color: #E03400;
}

.totalHotelNumber {
  color: #E03400;
}
/*** BTN BLOCAGE DE MAP ***/
#moreResultsDiv {
  color: #E03400;
}

#moreResultsDiv button:hover {
  color: #fe3700;
}

#showMoreHotels:focus {
  color: #fe3700;
}
/******* PARTIE BLOC RESULTAT *******/
.searchRequestedHotel {
  border: 2px solid #E03400;
}

.HeaderResultBloc h2 {
  color: #0D2239;
}

.scrollTop {
  background-color: #E03400;
}

.bestBuyLeft.starGroup {
  color: #E03400;
}

.starGroup {
  color: #E03400;
}

.resultBlocDesc .resultBlocPrice {
  color: #E03400;
}

/******* PARTIE BLOC RESULTAT TABLEAU *******/
.resultBlocTabAllPrice .resultBlocTabPrice {
  color: #E03400;
}

@media (min-width: 640px) {
  .colDispo {
    border-right: 1px solid #fdd6c4;
  }
}

@media (min-width: 1280px) {
  .resultListContainer .shortDescBloc span.picto {
    color: #E03400;
  }
}

@media (max-width: 640px) {
  .resultBlocImg {
    background-color: #fcf8f8;
  }
}
/******* BLOC RESULT MAP *******/
#mapResultDiv .resultBloc {
  border: 2px solid #E03400;
}
/******* Boutons liste/carte affiner et modifier *******/
#modifSearchBtn {
  color: #E03400;
}

#modifSearchBtn:focus {
  color: #fe3700;
}
/* ################################################# HOTEL DETAILS ################################################# */
.modifBtnStyle {
  background-color: #E03400;
}
/******* PARTIE INFO *******/
.infoHotelContent {
  color: #E03400;
}

.infoHotel h2 {
  color: #0D2239;
}

.infoHotel span.picto {
  color: #E03400;
}

.infoHotelPrice {
  color: #E03400;
}
/******* PARTIE PLUGIN TAB *******/
#detailsTabMenu.nav-tabs a:focus {
  color: #fe3700 !important;
}

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

#detailsTabMenu.nav-tabs > li > a {
  border: 2px solid #E03400;
  border-bottom: 0px none;
}

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

/******* PARTIE DESCRIPTION *******/
.DescRoomStyle label {
  color: #E03400;
}
/******* PARTIE HOTELS DEJA CONSULTES / MEILLEURES VENTES / VOUS AIMEREZ PEUT ETRE *******/
.htlsCityHtl {
  color: #E03400;
}

.htlsStar {
  color: #E03400;
}

.htlsPrice {
  color: #E03400;
}
/** PARTIE MEILLEURS HOTELS DU JOUR **/
.htlsBestDayContent > h2 {
  background-color: #fcf8f8;
  color: #0D2239;
}
/** PARTIE VOUS AIMEREZ PEUT ETRE **/
.htlsLikeMaybeContent > h2 {
  color: #0D2239;
}
/* ################################################# PAX ################################################# */
.infoHotelRecapDateType span {
  color: #E03400;
}

span.currency {
  color: #E03400;
}

.infoHotelRecap .locPrice {
  color: #E03400;
}

.infoHotelRecap .infoRecapPrice {
  color: #E03400;
}

.infoRecapPrice sup {
  color: #E03400;
}
/******* PARTIE INFO CE MDP OUBLIE *******/
/******* PARTIE PAX DU RECAPITULATIF DE LA COMMANDE *******/
.paxPartContent h2,
.connexionPartcontent h2 {
  color: #0D2239;
}

h3.labelEnregistrer {
  color: #0D2239;
}

.saveInfo span,
.pictoPaiment {
  background-color: #E03400;
}

.blocInfoStyle {
  border: 1px solid #E03400;
}

.paxPartContent .backLink, a {
  color: #E03400;
}

/* ################################################# PAIMENT ################################################# */
.PaiementContent h3 {
  color: #0D2239;
}

.comPriceHtl > span {
  color: #E03400;
}

.comPriceReduc {
  color: #E03400;
}

.dateValidCrypt span {
  background-color: #E03400;
}

.priceDetail-4x .col-b-b {
  color: #E03400;
}

/* ################################################# VIEW ################################################# */
.viewBloc h2 {
  color: #0D2239;
  border-bottom: 3px solid #E03400;
}

.yourReservation1 span,
.yourReservation2 span {
  color: #E03400;
}

.recapView span {
  color: #E03400;
}

.paiementDateContent a {
  color: #E03400;
}

.paiementDateContent a:hover {
  color: #fe3700;
}

.recapView .tablePrix span.col-b-b {
  color: #E03400;
}
/* ################################################# TEMPLATE PAGES STATIQUES ################################################# */
.bigStaticContent {
  padding: 0 20px;
  border-radius: 3px;
}

.staticContent {
  border-top: 2px solid #E03400;
}

.bigStaticContent h2 {
  color: #0D2239;
}

.staticContent h2 {
  color: #0D2239;
}
/*** message d'erreur***/
.msgValid .picto {
  background-color: #8ac24a;
}

.msgValid {
  color: #8ac24a;
}
/*** common style **/
.resetFormBtn:hover,
.resetFormBtn:focus {
  color: #E03400;
}

.resetFormBtn span.picto {
  color: #E03400;
}

.miniForm .btnClose:hover span,
.miniForm .btnClose:focus span {
  color: #E03400;
}

.titleMiniForm {
  color: #E03400;
  border-bottom: 2px solid #E03400;
}

.miniFormBtn span.picto {
  color: #E03400;
}

.miniFormBtn:hover,
.miniFormBtn:focus,
.miniFormContainer.active .miniFormBtn {
  background: #E03400;
}

.caretDiv {
  border: 1px solid #e0e5eb;
}

.btnNewStyle:hover,
.btnNewStyle:focus,
.btnNewStyle.btnActive {
  background: #E03400;
}

.btnNewStyle span.picto {
  color: #E03400;
}
/***page result**/
footer {
  width: 100%;
}
/*** page pax**/
.labelRoom {
  color: #E03400;
}

.infoSearch span.picto {
  color: #E03400;
}

.accord-title {
  color: #E03400;
}

.accord-title.active {
  color: #E03400;
}

.accord-title.active span.numAccord {
  background: #E03400;
}

.accord-title.valid {
  color: #22BE63;
}

.accord-title.valid span.numAccord {
  background: #22BE63;
}

.has-succed > label {
  color: #22BE63;
}

.has-succed > input.form-control {
  border: 1px solid #22BE63;
  color: #22BE63;
}

.has-succed .form-control-feedback {
  color: #22BE63;
}

/*LOGIN NEW STYLE*/
#myAccount .modal-body {
  display: flex;
  align-items: center;
}

.login-background {
  position: relative;
}

.login-background img {
  display: none;
  width: 100%;
  max-width: 550px;
}

#myAccount h3 {
  font-size: 18px;
  font-weight: 600;
}

#myAccount .text-overlay {
  bottom: 25px;
}

#myAccount input[type="text"],
#myAccount input[type="password"] {
  width: 100%;
}

#myAccount .col-sm-10 {
  width: 100%;
}

@media (max-width: 767px) {
  #myAccount a:hover {
    color: inherit;
  }
  #myAccount .modal-dialog {
    margin: 0;
    top: 0;
    width: 100%;
  }

  #myAccount .modal-content {
    height: 100vh;
  }

  #myAccount .modal-body {
    height: 100%;
    justify-content: center;
  }
}

@media (max-width: 991px) {
  #myAccount .modal-body {
    flex-direction: column;
  }

  #myAccount .text-overlay {
    position: static;
    transform: none;
  }

  .login-background {
    margin-bottom: 24px;
  }
}

@media (min-width: 992px) {
  #myAccount .modal-dialog {
    width: 100%;
    max-width: 1052px;
  }

  #myAccount .modal-content {
    padding: 32px;
  }

  .login-background {
    margin-right: 32px;
  }

  .login-background img {
    display: block;
  }

  .form-container {
    max-width: 374px;
  }
}

@media (min-width: 1024px) {
  #myAccount .modal-content {
    padding: 64px;
  }

  .login-background {
    margin-right: 64px;
  }

  .form-container {
    max-width: 310px;
  }
}

/*** WHO ARE WE NEW ***/
.staticContentContainer {
  margin-bottom: 0;
}

.bg-wrapper {
  position: relative;
  z-index: 0;
  padding: 0 16px;
  background-color: white;
}

.bg-wrapper::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  max-height: 400px;
  background-image: url("https://content.digitrips.com/hresa-responsive/hotel/medias/bgstatic.jpg");
  background-position: center;
  background-size: cover;
}

.bg-wrapper.__alt {
  background-color: white;
}

.bg-wrapper.__alt::before {
  background-image: url("https://content.digitrips.com/hresa-responsive/hotel/medias/bgstatic_alt.jpg");
}

.bg-container {
  width: 100%;
  height: 100%;
  max-width: 1172px;
  margin: 0 auto;
  padding-top: 100px;
}

.bg-wrapper.__alt .bg-container {
  padding-top: 164px;
  max-width: 1140px;
}

.bg-container h3,
.bg-container h5,
.bg-white h3,
.bg-white h5,
.bg-gray h3,
.bg-gray h5 {
  font-weight: 600;
}

.bg-content {
  padding: 32px;
  max-width: calc(50% - 48px);
  background: #fff;
}

.bg-white-container,
.bg-gray-container {
  padding: 0 16px;
  max-width: unset;
  margin: 0;
}

.bg-white-container {
  background-color: #fff;
}

.bg-white-container .ofgroup {
	height: 30px;
}

.bg-white,
.bg-gray,
.bg-white__alt {
  padding: 64px 0;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

.bg-white {
  padding: 32px;
}

.bg-gray {
  padding-bottom: 54px;
}

.bg-white h3 {
  font-size: 18px;
}

.img-cont {
  position: relative;
  text-align: center;
  height: fit-content;
  width: calc(50% - 32px);
}

@media (max-width: 1023px) {
  .img-cont {
    margin-bottom: 64px;
  }
}

.flex-img {
  max-width: 100%;
  border: 4px solid white;
  border-radius: 4px;
  box-shadow: 3px 5px 29px rgba(1, 64, 173, 0.2);
}

.text-overlay {
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

@media (max-width: 991px) {
  .bg-container {
    flex-direction: column;
    padding-top: 64px;
  }

  .bg-content {
    max-width: unset;
  }

  .img-cont {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .img-cont img {
    display: none;
  }

  .bg-white {
    padding-top: 12px;
  }

  .text-overlay {
    position: static;
    transform: none;
  }
}

@media (min-width: 1024px) {
  .bg-white .text-overlay {
    left: calc(50% + 8px);
  }
}

.text-overlay p {
  width: fit-content;
  padding: 8px 16px;
  margin: 0 auto;
  white-space: nowrap;
}

@media (max-width: 479px) {
  .text-overlay p {
    white-space: normal;
  }
}

.text-overlay p:first-child {
  background: #E03400;
  font-size: 24px;
}

.text-overlay p:last-child {
  background: #0D2239;
  font-size: 18px;
}

@media (max-width: 767px) {
  .text-overlay p {
    text-align: center;
  }

  .text-overlay p:first-child {
    font-size: 18px;
  }

  .text-overlay p:last-child {
    font-size: 14px;
  }
}

.bg-gray-container {
  background: #f1f7f9;
}

.bg-gray h5 {
  background: #0D2239;
  color: #fff;
  font-size: 16px;
  padding: 8px 16px;
  width: fit-content;
}

.advantages-container > div {
  padding: 0 16px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.advantages-container.__alt {
  background: white;
  align-items: center;
  padding: 15px 0;
  position: relative;
}

.advantages-container.__alt .fa-center > div {
  background: #595959;
  border-radius: 50%;
  padding: 16px;
}

.advantages-container svg {
  color: #E03400;
}

.advantages-container.__alt svg {
  color: white;
}

.advantages-container p {
  font-weight: bold;
  width: 92px;
  margin-bottom: 0;
  margin-left: 8px;
}

.bg-white__alt img {
  height: 30px;
}

.bg-white__alt span {
  font-size: 12px;
}

.bg-white__alt p {
  max-width: 540px;
}

/*** BECOME PARTNER NEW ***/
.partner-form-container {
  background: #fff;
  padding: 0 16px 32px;
  max-width: unset !important;
  margin: 0 !important;
}

.partner-form-container .partner-form {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

.partner-form h2 {
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
}

.partner-form .__dark {
  text-decoration: underline;
  color: #0D2239;
}

.partner-form .__dark:hover {
  color: #E03400;
  text-decoration: none;
}

.partner-form .static-overflow {
  color: #595959;
}

.partner-form .content-bloc-slick li img {
  height: 64px;
}

.partner-form .slick-custom-arrow {
  color: #c1c1c1;
  border: none;
  outline: none;
  padding: 0;
  background: transparent;
  margin: 0;
}

.partner-form .slick-slide {
  margin: 0 16px;
}

.partner-form .slick-prev {
  margin-right: 32px;
}

.partner-form .slick-next {
  margin-left: 32px;
}

.partner-form .slick-slide li {
  text-align: center;
}

/*** scroll recap***/

/***page detail**/
.btnToggleDetail:hover,
.btnToggleDetail:focus {
  border: 1px solid #E03400;
  background: #E03400;
}
/** btn Retour**/
.hotelDetailsPage .linkBack button {
  border: 1px solid #E03400;
  background-color: #E03400;
}

.hotelDetailsPage .linkBack button:hover,
.hotelDetailsPage .linkBack button:focus {
  border: 1px solid #fe3700;
  background-color: #fe3700;
}
/* detail chambre */
.waitDispos {
  border: 2px solid #E03400;
}
.policiesCancelFrom strong {
  color: #E03400;
}

.labelNotRefundable,
.DescNoRoomContent p {
  color: #ff0000;
}

.roomChoice .roomTypeGrpContent:before {
  color: #E03400;
}
/** booking aside **/
.bookingDates,
.bookingRoom {
  border-top: 1px solid #f2f4f7;
}

.typeRoom {
  color: #E03400;
}

.dispoMealPlanBook .board_HB,
.dispoMealPlanBook .board_BB,
.dispoMealPlanBook .board_FB,
.dispoMealPlanBook .board_AI {
  background-color: #22BE63;
}

.priceTotal span {
  color: #E03400;
}

.toggleDetailPrice span.picto {
  color: #c5cad1;
}

.toggleDetailPrice svg.icon {
  color: #c5cad1;
}

.toggleDetailPrice,
.toggleDetailPrice svg.icon {
  color: #E03400;
}

.tablePrix > div {
  border-bottom: 1px solid #e0e5eb;
}

.titleDetailBooking {
  color: #E03400;
}

.styleBlocPax,
.styleBlocPaxCoord {
  border: 1px solid #e0e5eb;
}

.btn-default,
.linkBack button.breadcrumb-home {
  background-color: #E03400;
}

.btn-default:hover,
.btn-default:focus,
.linkBack button.breadcrumb-home:hover,
.linkBack button.breadcrumb-home:focus {
  background-color: #E03400;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btnStyle2 {
  color: #E03400;
  border: 2px solid #E03400;
  transition: all 0.3s ease-out;
}

.btnStyle2:hover,
.btnStyle2:focus {
  background-color: #E03400;
  color: #fff;
}

.blocPayeur {
  background: #f2f4f7;
}

.listeOptions li span.picto {
  color: #E03400;
}

.cgvPaiement svg.icon {
  color: #E03400;
}

.priceHotel {
  color: #E03400;
}

.newPrice {
  color: #22BE63;
}

#btnModifInfoPax.btnStyle2,
#btnModifPaxTravelers.btnStyle2,
#btnModifInfoPaiment.btnStyle2 {
  color: #22BE63;
  border: 2px solid #22BE63;
}

#btnModifPaxTravelers.btnStyle2:hover,
#btnModifPaxTravelers.btnStyle2:focus,
#btnModifInfoPax.btnStyle2:focus,
#btnModifInfoPax.btnStyle2:hover,
#btnModifInfoPaiment.btnStyle2:focus,
#btnModifInfoPaiment.btnStyle2:hover {
  border: 2px solid #22BE63;
  background: #22BE63;
}
/**form paiment**/
/*** option flexy**/
.optionFlexyBloc {
  border: 2px solid #E03400;
}

.bugTitleBloc {
  background: #E03400;
}

.contentOption:before {
  background: url("../images/custom/nouveau.png") no-repeat top left;
}

.optionRque span {
  color: #E03400;
}

.detailOptions span.picto {
  color: #c5cad1;
}

.priceOptionRoom {
  color: #E03400;
}

.priceOptionRoom .devise {
  color: #E03400;
}

/*Page pAx liste pays*/
.btnformSelect {
  border: 1px solid #e0e5eb;
}

.btnformSelect:focus,
.btnformSelect:hover {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(234, 234, 234, 0.6);
}

ul.listPays li:hover span,
ul.listPays li:focus span {
  color: #E03400;
}
/*******************************************************************************
WAIT AVEC ANIMATION
*******************************************************************************/
.WaitBase .logoDiv {
  background: #ffffff;
  padding: 15px;
}

.WaitBase .logoDiv a {
  width: 260px;
  display: block;
  padding: 5px 0 10px 0;
}

.msgwait > div span {
  color: #E03400;
}
/** c-board **/
.c-boarding-m {
  background: #E03400;
}

.c-boarding-i > div label {
  color: #E03400;
}

/** x-clouds **/
.x-cloud-c p {
  color: #E03400;
}

/** c-pbar **/
.c-pbar {
  background: #E03400;
}

/** prix barré**/
/** message no dispo */
.msgNoDispo {
  color: #E03400;
}

#formPayement .spotPaymentMsg {
  border: 1px solid #E03400;
}

.info-circle {
  background-color: #E03400;
}
/** CSS calendrier **/
.c-field input:focus,
.c-field select:focus,
.c-field-select:focus,
.c-field .c-captcha:focus,
.c-field-text:focus,
.c-field.c-on input,
.c-field.c-on .c-field-select {
  border-color: #E03400;
}

.c-field input:focus + label,
.c-field.c-on label, [type="checkbox"]:checked + label:before {
  border-color: #E03400;
  background-color: #E03400;
}

.c-field.c-field-ok input,
.c-field.c-field-ok .c-field-select {
  color: #22BE63;
  border: 1px solid #22BE63;
}

.c-pop .c-title,
.c-pop .c-resp-title {
  color: #E03400;
  border-bottom: 1px solid #E03400;
}

.c-pop .c-close:hover {
  color: #E03400;
}

.c-ds-l:hover,
.c-ds-r:hover {
  color: #E03400;
}

.c-ds-y .c-ds-pick::-webkit-scrollbar-thumb {
  background: #E03400;
}

.c-ds-pick > div:hover,
.c-ds-pick .c-on {
  border-color: #E03400;
  background-color: #E03400;
}

.reset-filters:hover,
.reset-filters:focus {
  background-color: #fff;
  color: #E03400;
}

.c-pop-flash-show {
  top: 270px;
  opacity: 1;
}
/** CSS calendrier **/
.c-pop-flash {
  background-color: #E03400;
  border: 2px solid #E03400;
}
/** loading**/
.c-loading {
  border: 2px solid #E03400;
  color: #E03400;
}
/***** c-loading-spin ***/
.c-loading-spin > div {
  background-color: #E03400;
}

/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  color: #fff;
}
.homePage [type="checkbox"]:not(:checked) + label:after,
.homePage [type="checkbox"]:checked + label:after {
	color: #E03400;
}
/* POUR LA PAGE FORM CONTACT */
@media (min-width: 1024px) {
  #form-contact .btnConnect {
    right: 55px;
  }
}
/**style select**/
ul.resaTypeList li:hover {
  color: #E03400;
}

ul.resaTypeList li:hover > .picto {
  color: #E03400;
}

.selectResa.btnformSelect:focus {
  border: 1px solid #E03400;
}

.selectResa.btnformSelect:hover:after {
  color: #E03400;
}

@media (min-width: 640px) {
  #container.BookingSearchForm {
    margin-top: 100px;
  }
}
/* CSS FONCTION RECHERCHE PAR CARTE */
.modifFormCityField .btnSearchMap span {
  color: #E03400;
}

.localisationDiv .infos .infoMapLabel {
  color: #E03400;
}
/************************* LAST SEARCH HISTORY ********************************/
button.last-search {
  color: #E03400;
}

div.last-search li:hover {
  border-bottom: 2px solid #E03400;
}
/************************* PAIEMENT SUR PLACE ********************************/
.priceDetail p {
  color: #E03400;
}

.blocSpot > div {
  background-color: #fcf8f8;
}

#spotBlocContainer-default label[for="spotPayment"] {
  color: #E03400;
}

#spotBlocContainer-default label[for="spotPayment"]::before {
  border-color: #E03400;
  background-color: #ffffff;
}

/*** b2bill**/
.titleB2bill {
  color: #E03400;
}

.infoRedirection {
  color: #E03400;
}

.paxBlocRecap > .contentH2 h2.c-title {
  color: #0D2239;
}
/** styles bookmarks **/
button.bookmarkButton.active svg {
  color: #E03400;
}

.bookmarksPage h1 {
  color: #0D2239;
}

.contextMenuBtn:hover .picto,
.contextMenuBtn:focus .picto {
  color: #E03400;
}

.folderContainerDiv .bookmarksList {
  box-shadow: 0 2px 0 0 #fdd6c4;
}

.bookmarksDetail {
  background: #fcf8f8;
}

.detailDossier {
  background: #fcf8f8;
}

.detailDossier:after {
  border-bottom: 50px solid #fcf8f8;
}

@media (max-width: 639px) {
  .detailDossier:after {
    border-bottom: 60px solid #fcf8f8;
  }
}

.dropdown-menu.selectCompactListTri {
  border-top: 1px solid #E03400;
}
.favoris-title {
	color: #E03400;
}
/*header bookmark*/
.bookmarksHeader .logoDiv {
  background: #ffffff;
  padding: 6px 0 6px 0;
}

.bookmarksHeader .logoDiv a {
  margin: auto;
  width: 260px;
  height: 55px;
  background: #ffffff url(/images/custom/logo.svg) no-repeat top left;
  display: block;
}

.bookmarksHeader .logoDiv img {
  width: 253px;
  height: 55px;
  visibility: hidden;
}
/** fin styles bookmarks **/

/**Popovers / Modals**/
.popover {
  border-top: 1px solid #E03400;
}
/**fin popovers / modals**/
/*** new wait **/
.percentage {
  background: #E03400;
}

.c-pub span,
.c-pub svg {
  color: #E03400;
}

.c-chip-blank strong {
  color: #E03400;
}

.errorMessage {
  color: #BE0410;
}
/*** refonte**/
.btn-infos-xs {
  background-color: #E03400;
}

.links-Container li.active a {
  color: #E03400;
}

.links-Container li.active::after {
  background: #E03400;
}

.detailsHotelBloc h3:not(.h3) {
  color: #0D2239;
}
.ui-autocomplete.ui-widget-content li > svg {
  color: #E03400;
}

.clusterGmaps > div,
.infoGmaps {
  background-color: #E03400;
  border: 1px solid #E03400;
  color: #ffffff;
}
.clusterGmaps > div:before,
 .infoGmaps:before {
	border-top-color: #E03400;
}
.clusterGmaps > div:after,
.infoGmaps:after {
  border-color: #E03400 #0000 #0000 #0000;
}
.clusterGmaps > div, 
.clusterGmaps > div::after{
    box-shadow: 0 0 0 0.5px rgba(255, 118, 13, 1),
				0 0 0 4px rgba(255, 118, 13, 0.5),
				0 0 0 7.5px rgba(255, 118, 13, 0.25);
}
.clusterGmaps > div::before {
	background: #E03400;
	border-color: #E03400;
}
.clusterGmaps:hover > div > span,
.infoGmaps:hover {
	color: #E03400;
}

/*** locatif**/
.modifPopin.listPicto li button:hover,
.modifPopin.listPicto li button:focus,
.modifPopin.listPicto li button.active {
  color: #E03400;
}

.modifPopin.listPicto li button:hover .picto-tick,
.modifPopin.listPicto li button:focus .picto-tick,
.modifPopin.listPicto li button.active .picto-tick {
  color: #E03400;
}
/** form next **/
#formNext .searchFormSelect button.paysSelect:focus,
#formModifNext .searchFormSelect button.paysSelect:focus {
  border-color: #E03400;
}

#formNext .searchFormSelect button.paysSelect:focus + label,
#formModifNext .searchFormSelect button.paysSelect:focus + label {
  background: #E03400;
  border-color: #E03400;
}

.smallselect {
  background: #E03400;
  border: 1px solid #E03400;
}

@media (min-width: 1023px) {
  .hotelDetailsPage #formModifNext .searchFormSelect label {
    color: #E03400;
  }
  .hotelDetailsPage
    #formModifNext
    .searchFormSelect
    button.paysSelect:focus
    + label {
    color: #E03400;
  }
}

.textBottomInfo .picto {
  color: #E03400;
}

@media (min-width: 640px) {
  #containerBookMarksDetails {
    margin-top: 100px;
  }
}
/* popin ma resa */
.pop-in__title,
.formResa .btnLinkStyle {
  color: #E03400;
}

.formResa .form-control:focus {
  border-color: #E03400;
}
/*** drawer style **/
.drawer-bloc h2 {
  color: #0D2239;
}
/*button*/
ul.__under > li:hover {
  color: #E03400;
  background: #F0F0F0;
}

ul.__under button,
ul.__under > li:hover,
ul.__under > li:focus {
  color: #E03400; /*custom*/
}

.loading-dots > span {
  background: #E03400;
}
/* chatbot style custom*/
.chat-container .title-tag a,
.chat-container .title-tag a:hover,
.chat-container .h-divide span.text,
.chat-container .h-divide .line,
.chat-container .chat-footer a,
.chat-container .chat-footer a:hover,
.chat-container .nio-selected label,
.chat-container .footer-section-container .nio-cancel-btn,
.chat-container .footer-section-container .carousel-cancel-btn {
  color: #E03400 !important;
}

.mobile-chat-container,
.chat-container .option-to-send,
.chat-container .sendBtn img,
.chat-container .joe-agent-pic img,
.chat-container .joe-chat-yes-btn,
.chat-container .joe-chat-no-btn,
.chat-container .joe-prev,
.chat-container .joe-next,
.chat-container .joe-msg-hovertext,
.mobile-chat-container .joe-msg-hovertext,
.chat-container .typing-container .circle,
.chat-container .joe-quickReplyList,
.chat-container .checkbox-container input:checked ~ .checkmark,
.chat-container .active,
#joe-menu-dropdown.Slsh-list-items ul li:hover,
.chat-container .chat-footer ul li:hover,
.chat-container .chat-header ul li .joe-dropdown li:hover,
.chat-container .chat-history .other-message,
.chat-container .chat-head,
.chat-container .joe-faq-header-container,
.chat-container .datepicker-btn,
.chat-container .footer-section-container .carousel-submit-btn,
.chat-container .footer-section-container .nio-submit-btn,
.selectize-control.multi .selectize-input .active {
  background-color: #E03400 !important;
}

.chat-container .chat-header,
.chat-container .joe-faq-header {
  background: #E03400 !important;
}

.chat-container .text-box-wrp:focus-within,
.chat-container .image-preview-container,
.chat-container .selectize-control:focus-within,
.chat-container .joe-radio-list-btn .nio-selected {
  border: 2px solid #E03400 !important;
}
/***/

/*** new **/
.k-card .k-card-title.k-card-title__h1 {
  color: #E03400;
}

.k-card .k-card-title.k-card-title__h2,
.color-secondary {
  color: #0577A1;
}

.k-card .k-card-footer .k-card-footer-link,
.k-card-footer-link {
  color: #fe6018;
}

.k-card-body-section > .k-picto svg,
.recapModifBookingDetail #modifSearchForm.modif-resa > .k-picto svg {
  color: #0577A1;
}

.color-primary, .text-link {
  color: #E03400;
}

.kbtn.kbtn-primary.__fill {
  color: #fff;
  background: #E03400;
}

.kbtn.kbtn-primary.__border {
  color: #E03400;
  border: 1px solid #E03400;
}

.kbtn.kbtn-primary.__border.__secondary {
	color: #0577A1;
	border-color: #0577A1;
}

.kbtn.kbtn-action {
  color: #E03400;
}

label.checkbox:focus-within,
label.radio:focus-within,
label.checkbox.__active,
label.radio.__active {
  color: #E03400;
}

label.checkbox:focus-within::before,
label.radio:focus-within::before,
label.checkbox.__field:focus-within .holder::before,
label.radio.__field:focus-within .holder::before {
  border-color: #E03400;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

label.checkbox.__active::before,
label.radio.__active::before,
label.checkbox.__field.__active .holder::before,
label.radio.__field.__active .holder::before {
  background: #E03400;
  border-color: #E03400;
}

.container-payment.__active,
#external-payment-form .adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label--no-radio {
	border-color: #E03400;
	box-shadow: 0 0 0 1px #E03400;
}
#external-payment-form .adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label--no-radio .adyen-checkout__radio_group-extended__label::before {
	background: #E03400 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'><path d='M0 0h24v24H0V0z' fill='none'/><path d='M8.36 19.58c-.4 0-.79-.16-1.07-.44l-.1-.1a2.36 2.36 0 0 1-.15-.14l-4.6-4.6c-.59-.59-.59-1.55 0-2.14a1.522 1.522 0 0 1 2.14 0l3.77 3.77L19.41 4.87c.59-.59 1.55-.6 2.14-.01.59.59.6 1.55.01 2.14l-.01.01L9.43 19.13c-.28.29-.67.45-1.07.45Z'/></svg>") no-repeat center center / 12px;
	border-color: #E03400;
}
.kbtn:focus.kbtn-primary {
  color: #fe6018;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16) , 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.kbtn:focus.kbtn-primary.__fill {
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16) , 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.kbtn:focus.kbtn-primary.__border {
  background: rgba(254, 96, 24, 0.1);
}
.kbtn:focus.kbtn-primary.__border.__secondary {
  background: rgba(0, 179, 160, 0.1);
}
@media (min-width: 768px) {
	.kbtn:hover.kbtn-primary {
		color: #fe6018;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16) , 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}
	.kbtn:hover.kbtn-primary.__fill {
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16) , 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .kbtn:hover.kbtn-primary.__border {
    background: rgba(254, 96, 24, 0.1);
  }
  .kbtn:hover.kbtn-primary.__border.__secondary {
		background: rgba(0, 179, 160, 0.1);
	}
  label.checkbox:hover,
  label.radio:hover,
  .container-payment:hover label.checkbox,
  .container-payment:hover label.radio {
		color: #fe6018;
	}
	label.checkbox:hover::before,
	label.radio:hover::before,
	label.checkbox.__field:hover .holder::before,
	label.radio.__field:hover .holder::before,
	.container-payment:hover label.checkbox::before,
	.container-payment:hover label.radio::before,
	.container-payment:hover label.checkbox.__field .holder::before,
	.container-payment:hover label.radio.__field .holder::before {
		border-color: #fe6018;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
	}
	.container-payment:hover {
		border-color: #fe6018;
	}
	label.phone > span:first-of-type:hover > span {
		color: #fe6018;
  }
  #external-payment-form .adyen-checkout__radio_group__label--no-radio:hover {
		color: #fe6018;
		border-color: #fe6018;
		box-shadow: 0 0 0 1px #fe6018;	
	}
	#external-payment-form .adyen-checkout__radio_group__label--no-radio:hover .adyen-checkout__radio_group-extended__label::before {
		border-color: #fe6018;
	}
}

.loading-bar {
  background: rgba(254, 96, 24, 0.25);
}

.loading-bar::before,
.tab-switcher-overlay {
  background: #E03400;
}

hr {
  border-top-style: dashed;
}

.vr {
  border-right-style: dashed;
}

/**** SURCHARGE TEXT COLOR - NOUVEAUX COMPOSANTS (INTE-2773) ****/
.k-card .k-card-title.k-card-title__h2,
.k-card ul.ul-flex li,
.k-card-body-section > .k-picto svg,
.k-card-title.k-card-title__h2,
.ancv a,
.ancv a:hover,
.black-link,
.black-link:hover,
.kbtn.kbtn-action.__alt,
.kbtn.kbtn-primary.__bookmark,
#crossSellDiv,
#crossSellDiv a,
#crossSellDiv p,
#formNextId .titleForm,
.modifFormNext .titleForm {
    color: #0D2239;
}