/********************************************************************************************************
*				AF COLORS -> use them inside the themes defined below but NEVER outside					*
*********************************************************************************************************/
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/************************************************************************************************************************************************
*				AF COLORS (not defined inside the given palette)  -> use them inside the themes defined below but NEVER outside					*
*************************************************************************************************************************************************/
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* DO NOT USE OUTSIDE THIS FILE */
/* INPUTS, BUTTONS, SELECTS
   ========================================================================== */
/* HEADER/FOOTER and NAV
   ========================================================================== */
/* ERRORS
   ========================================================================== */
/* MISC
   ========================================================================== */
/* AUTOCOMPLETE
   ========================================================================== */
/* COMPONENTS
   ========================================================================== */
/* Focus and hover have to be uniformized @grey__form */
/* SLIDER
   ========================================================================== */
/* TOOLTIP
   ========================================================================== */
/* TYPOGRAPHY
   ========================================================================== */
/* SUBHEADER
   ========================================================================== */
/* CALENDAR
   ========================================================================== */
/* background color of a focused date (cell) while the calendar is not focused (interaction with arrows) */
/* SWITCHES
   ========================================================================== */
/* LINKS
   ========================================================================== */
/* WARNING
   ========================================================================== */
/* FRAMES
   ========================================================================== */
/* TABS
   ========================================================================== */
/* SOCIAL MEDIAS
   ========================================================================== */
/* POPINS
   ========================================================================== */
/* POPIN MEAL
   ========================================================================== */
/* CAROUSEL
   ========================================================================== */
/* MINIBE
   ========================================================================== */
/* CABINS
   ========================================================================== */
/* SEARCH
   ========================================================================== */
/*MMB*/
/*MMB - Contacts*/
/*MMB - Refund */
/*MMB - APIS */
/*JOR - Search */
/* PUSH UM*/
/* DASHBOARD
   ========================================================================== */
/* Global */
/* Header */
/* Pushs */
/* Profile*/
/* Personal Data */
/* Preferences */
/* Travel Documents*/
/* Cards ans subscriptions */
/* Payment*/
/* Contact*/
/* Trip list*/
/* Payment pref */
/* Mileage summary */
/* EDITO AND HOMEPAGE
   ========================================================================== */
/* TBAF */
/* ORC
	========================================================================== */
/* BOOKING
	========================================================================== */
/* COMMON */
/* IDPA */
/* Corporate Mode */
/* SUBSCRIBER MODE */
/* PROMO TAG */
/* FLIGHT */
/* Minibe */
/* Common */
/* External Booking pop-in */
/* STD */
/* ABT
   ========================================================================== */
/* PROMOS
   ========================================================================== */
/* Flight Status
   ========================================================================== */
/* Flight Schedule
   ========================================================================== */
/* Flight Offer Landing Page
========================================================================== */
/* Joon branded context
   ========================================================================== */
/* Products and Services Page & Popin
========================================================================== */
/* Used to detect if the CSS is enabled or not */
#cssMarker {
  color: red;
}
.t1.standard .tab.respMobile,
.t1.standard .tab.respDesktop {
  margin: 0 0 -2px 0;
}
.t1.standard video {
  object-fit: cover;
}
.t1.standard .tab ul li {
  background-color: inherit;
  padding: 0 0.1rem;
  border-bottom: 1px solid white;
}
.t1.standard .tab ul li.active,
.t1.standard .tab ul li:hover {
  background-color: transparent;
}
.t1.standard .ui-autocomplete-highlight {
  font-weight: bold;
}
.t1.standard .ui-autocomplete {
  list-style-type: none;
  background-color: white;
  position: absolute;
  z-index: 1;
  padding: 2rem ! important;
  border: 2px solid;
}
.t1.standard .ui-autocomplete .ui-menu-item {
  margin: 2rem 0 0 0;
  overflow: hidden;
}
.t1.standard .ui-autocomplete > li:first-child {
  margin-top: 0;
}
.searchpage button.withPicto {
  background-color: #051039;
  padding: 0 1rem;
}
.searchpage button.withPicto:hover,
.searchpage button.withPicto:focus {
  background-color: #14438b;
}
.searchpage div.searchpageInput {
  background-color: #e8e5e5;
  margin-bottom: 2rem;
  padding: 2rem;
}
.searchpage div.searchpageInput .t1__input_wrapper {
  width: 80%;
}
.searchpage .searchpageItem {
  margin-bottom: 30px;
}
.searchpage .searchpageItem a {
  display: block;
}
.searchpage .searchpageItem a:focus,
.searchpage .searchpageItem a:hover {
  color: #051039;
  text-decoration: none;
}
.searchpage .searchpageItem a:focus h3,
.searchpage .searchpageItem a:hover h3 {
  color: #0062e6;
  text-decoration: underline;
}
.searchpage .searchpageItem a:focus img,
.searchpage .searchpageItem a:hover img {
  outline: 0.2rem solid #051039;
}
.searchpage .searchpageItem h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.7rem;
  color: #051039;
}
.searchpage .searchpageItem div:first-child {
  margin-right: 2%;
}
.searchpage .searchpageItem .searchpageItemimg {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}
.searchpage .searchpageItem .searchpageItemimg img {
  max-width: 100%;
  vertical-align: middle;
}
.searchpage .searchpageItem .searchpageItemtext {
  width: 74%;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 768px) {
  .searchpage .searchpageItem .searchpageItemimg {
    width: 49%;
    text-align: center;
  }
  .searchpage .searchpageItem .searchpageItemimg img {
    max-height: 120px;
  }
  .searchpage .searchpageItem .searchpageItemtext {
    width: 49%;
  }
}
@media (max-width: 450px) {
  .searchpage .searchpageItem {
    text-align: center;
    margin-bottom: 40px;
  }
  .searchpage .searchpageItem .searchpageItemimg {
    width: auto;
    display: block;
  }
  .searchpage .searchpageItem .searchpageItemtext {
    width: auto;
    display: block;
  }
}
.searchpageItem__noresult {
  display: none;
  color: #ed0000;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: left;
}
/* Surcharges pour la recherche de salons */
.loungeSearchSection .searchpage button.withPicto {
  border: none;
  text-align: center;
  width: 4.5rem;
  margin-left: 0.2rem;
  flex: 0 4.5rem;
}
.loungeSearchSection .searchpageBtn.withPicto img {
  vertical-align: middle;
}
.loungeSearchSection .searchpage .searchpageInput {
  background-color: transparent;
  padding: 0;
  margin-bottom: 3rem;
}
.loungeSearchSection .searchpageInput {
  display: flex;
}
.loungeSearchSection .searchpageInput .t1__input_wrapper {
  flex: 1;
}
.loungeSearchSection .searchpageInput ul {
  text-align: left;
  /* pour la liste de ui-autocomplete */
  /* pour la liste de ui-autocomplete */
}
.loungeSearchSection .searchpageInput ul li:first-child {
  padding-top: 1rem;
}
.loungeSearchSection .searchpageInput ul li:last-child {
  padding-bottom: 1rem;
}
.loungeSearchSection .searchpageInput ul a {
  display: block;
  padding: 1rem 2rem;
}
.loungeSearchSection .searchpageItems {
  text-align: left;
}
.loungeSearchSection .searchpageItem {
  margin-top: 30px;
}
.loungeSearchSection .searchpageItem img {
  max-height: 300px;
}
.loungeSearchSection .t1.standard .ui-autocomplete {
  padding: 0 !important;
}
.loungeSearchSection .t1.standard .ui-autocomplete li {
  margin: 0;
}
/* Encore des surcharges particulierement elegantes pour mettre en forme correctement la liste de suggestions */
.t1.standard .loungeSearchSection .ui-autocomplete {
  padding: 0 !important;
}
.t1.standard .loungeSearchSection .ui-autocomplete li {
  margin: 0;
}
.loungeSearchSection {
  margin: 4rem auto;
  padding: 0 1.6rem;
  text-align: center;
}
.loungeSearchSection.showTopBorder {
  border-top: 1px #cdcdcd solid;
}
.loungeSearchSection h3 {
  text-transform: none;
  font-weight: normal;
}
.loungeSearchSection h4 {
  text-transform: uppercase;
  font-weight: bold;
}
.zonesList {
  transition: padding-bottom 1s;
  padding-bottom: 1px;
  display: flex;
}
.zonesList button {
  border: none;
  background: transparent;
  min-height: 0;
}
.zonesList h2 {
  color: #1c4889;
  text-transform: none;
}
.zonesList h3 {
  color: #0b1838;
  text-transform: uppercase;
}
.zonesList ul,
.zonesList li {
  list-style-type: none;
}
.zonesList_topLevel {
  position: relative;
}
.zonesList_topLevel > li {
  transition: padding-bottom 1s;
  padding: 0;
  margin: 0;
  flex: 1 1;
}
.zonesList_topLevel > li .zoneTitle {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.zonesList_topLevel > li .zoneTitle:hover,
.zonesList_topLevel > li .zoneTitle:focus {
  text-decoration: underline;
  border: none;
}
.zonesList_topLevel > li .zoneTitle svg {
  height: 100px;
  width: 100px;
  display: block;
  margin: 0 auto 1rem auto;
}
.zonesList_topLevel > li .zoneTitle svg .whiteout {
  opacity: 0;
}
.zonesList_topLevel > li.selected .zoneTitle {
  color: white;
  background-color: #0f4488;
}
.zonesList_topLevel > li.selected .zoneTitle svg .whiteout {
  opacity: 1;
}
.zonesList_subLevel {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.zonesList_subLevel > li {
  transition: padding-bottom 1s;
  padding: 0;
  margin: 0;
}
.zonesList_subLevel > li .zoneTitle {
  text-align: left;
  padding: 2rem 5rem;
  margin-bottom: 0.1rem;
  color: white;
  background: #0f4488 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white'/%3E%3Cpath d='M 5 9 l 5 5 l 5 -5' fill='none' stroke='%230f4488' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 97% 50%;
  background-size: 2.5rem;
}
.zonesList_subLevel > li.selected .zoneTitle {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white'/%3E%3Cpath d='M 5 11.5 l 5 -5 l 5 5' fill='none' stroke='%230f4488' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.zonesList_items,
.t1 .zonesList_items {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 1rem 0;
  border-right: 0.1rem #eee solid;
  border-left: 0.1rem #eee solid;
  z-index: 1;
}
.zonesList_items > li {
  text-align: left /* mais pourquoi */;
  text-transform: uppercase;
  color: #0f4488;
  padding: 0.75rem 0.5rem 0.75rem 4.5rem;
}
.zonesList_items > li {
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Cline x1='10' y1='-200' x2='10' y2='230' stroke='%23bbb' stroke-width='1'/%3E%3Ccircle cx='10' cy='15' r='10' fill='%230f4488'/%3E%3C/svg%3E") no-repeat 2rem 50%;
  background-size: 15px 100%;
}
.zonesList_items > li:first-of-type {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Cline x1='10' y1='15' x2='10' y2='230' stroke='%23bbb' stroke-width='1'/%3E%3Ccircle cx='10' cy='15' r='10' fill='%230f4488'/%3E%3C/svg%3E");
}
.zonesList_items > li:last-of-type {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Cline x1='10' y1='-200' x2='10' y2='15' stroke='%23bbb' stroke-width='1'/%3E%3Ccircle cx='10' cy='15' r='10' fill='%230f4488'/%3E%3C/svg%3E");
}
.zonesList_items > li:first-of-type:last-of-type {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 30'%3E%3Ccircle cx='10' cy='15' r='10' fill='%230f4488'/%3E%3C/svg%3E");
}
.zonesList_topLevel_separateur {
  display: block;
}
.zonesList_topLevel > li::after {
  height: 15px;
  width: 100%;
  content: "";
  display: block;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath d='m 15 0 L 27 20 L 3 20 z' fill='%230f4488'/%3E%3C/svg%3E") no-repeat center center;
  opacity: 0;
  transition: opacity 1s;
}
.zonesList_topLevel > li.selected::after {
  opacity: 1;
}
.zonesList_topLevel > li > .zoneTitle ~ *::before {
  height: 15px;
  width: 100%;
  content: "";
  display: block;
}
/* pour reserver l'espace pour la fleche bleue */
.zonesList_topLevel > li > .zoneTitle ~ * + *::before {
  display: none;
}
/* pour reserver l'espace pour la fleche bleue */
/* Les bordures hautes et basses */
.zonesList_topLevel > li > .zoneTitle ~ .zonesList_items::before {
  border-top: 1px #eee solid;
}
.zonesList_topLevel > li > .zoneTitle + .zonesList_items {
  padding: 0 0 1rem 0;
  margin-top: 1.5rem;
  border-bottom: 1px #eee solid;
}
.zonesList_subLevel li:last-child ul {
  border-bottom: 1px #eee solid;
}
/* Version mobile */
.isMobile .zonesList {
  display: block;
}
.isMobile .zonesList_topLevel > li .zoneTitle {
  display: block;
  text-align: center;
}
.isMobile .zonesList_topLevel_separateur {
  display: inline;
}
.isMobile .zonesList_subLevel > li .zoneTitle {
  padding: 2rem 3.5rem 2rem 2rem;
}
