/******
Feuille de style compatible avec les modèles par défaut de la version 7 et 8
******/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/********* FIN normalize *************/

/*****
Style de base
   Couleurs: Turquoise #00AEB3, Orange #FFA726, Gris clair #F2F2F2, Gris intermédiaire #B2B2B2, Gris sombre #858585, Noir #212121
   *****/
body {
  font-family: 'Lato', sans-serif;
}
* {
  box-sizing: border-box;
}
form {
  display: inline;
}
a {
  text-decoration: none !important;
}
a.okButton {
  background: #28638a 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 50px;
  color: #fff;
  padding: 6px 18px;
  text-transform: uppercase;
}
a.okButton,
.submitFormButton a,
a.chooseButton,
#submitFormButton a {
  font-size: 1rem;
  display: inline-block;
  margin: 0.2em;
  color: #fff;
  background-color: #28638A;
  padding: 0.4em 0.6em;
  font-weight: bold;
}
a.okButton,
.submitFormButton a,
#submitFormButton a {
  display: table;
  margin: 0.4em auto;
}
.submitFormButton a:hover,
a.chooseButton:hover,
#submitFormButton a:hover {
  background-color: #3A89BF;
}

.warning {
  border: 1px solid #ffa726;
  color: #ffa726;
  padding: 0.6em;
  margin: 0.6em 0;
}
.error {
  border: 1px solid red;
  color: red;
  padding: 0.6em;
}
#generic_information_container,
.generic_information_container {
  color: #b2b2b2;
  border: 1px solid;
  padding: 0.6em;
  margin: 0.6em 0;
}

.conventionLabel {
  font-size: 0.8em;
  color: #b2b2b2;
}
/* @font-face {
  font-family: 'Salty Malthy';
  font-style: normal;
  font-weight: normal;
  src: local('Salty Malthy'),
    url('../habillage/fonts/Saltymalthy.otf') format('otf');
} */
@font-face {
  font-family: 'Salty Malthy';
  font-style: normal;
  font-weight: normal;
  src: local('Salty Malthy'),
  url('./fonts/saltymalthy/saltymalthy.woff') format('woff');
}

/*****
Entete
*****/
#headerContener {
  border-bottom: 4px solid #f2f2f2;
  padding: 0 0.4em;
  min-height: 2.2em;
}
#headerContener h1 {
  text-align: left;
  line-height: 2.2em;
  margin: 0.2em 0;
  font-size: 1em;
}
#headerContener h1 a {
  display: inline-block;
  color: #858585;
  line-height: 2.2em;
  padding-left: 3em;
  background-image: url(logo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 2.5em auto;
}
#headerContener h1 a:hover {
  color: #ffa726;
  background-image: url(logo_hover.png);
}

#contentNavigationContener ul {
  list-style-type: none;
  text-align: center;
  background: #faf6f3;
  padding: 20px 0;
  margin-top: 30px;
  box-shadow: 0px 0px 3px #00000029;
  position: relative;
  z-index: 1;
}
#contentNavigationContener ul:after {
  content: '';
  display: block;
  width: 525px;
  height: 2px;
  background: #dfd6c9;
  position: absolute;
  top: 33%;
  z-index: -99999;
  left: 33%;
}
#contentNavigationContener ul li {
  display: inline-block;
  padding: 0 28px;
  font-size: 0.8em;
  line-height: 1.6em;
}
#contentNavigationContener ul li span {
  width: 54px;
  height: 54px;
  border-radius: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  font-size: 18px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000029;
  opacity: 1;
  color: #bcaf9c;
}

#langLinkContener {
  display: block;
  position: absolute;
  right: 0.4em;
  top: 0.4em;
  width: auto;
  font-size: 0.7em;
}
#langLinkContener a {
  display: inline-block;
  background-color: transparent;
  padding: 0.2em;
  border: 1px solid;
  margin-bottom: 0.2em;
  text-align: center;
}

/*****
Pied de page
*****/
#footerContener {
  margin: 1.2em 0.6em;
  text-align: center;
  clear: both;
}
#footerContener .footerNavigation {
  display: inline-block;
  width: auto;
  margin: 0.6em 0;
  text-align: center;
  color: #b2b2b2;
  vertical-align: top;
}
#footerContener .footerNavigation.gauche {
  text-align: left;
  position: relative;
}
.reservation_content #footerContener .footerNavigation.gauche img {
  position: absolute;
  top: 11px !important;
  left: 39px !important;
}
#footerContener .footerNavigation.droite {
  text-align: right;
  position: relative;
}
.reservation_content #footerContener .footerNavigation.droite img
{
  position: absolute;
  top: 15px !important;
  right: 49% !important;
}
}
#footerContener .mentions {
  display: block;
  width: 100%;
  text-align: center;
  color: #b2b2b2;
  font-size: 0.8em;
}
#footerContener .footerNavigation a {
  display: inline-block;
  width: 205px;
  height: 49px;
  text-align: center;
  padding-top: 14px;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 50px;
  text-transform: uppercase;
  color: #fff;
}
#footerContener .footerNavigation.gauche a {
  background: #bcaf9c;
}
#footerContener .footerNavigation.droite a {
  color: #fff;
  background-color: #28638a;
  float: right;
  clear: right;
}

#footerContener .footerNavigation.droite a.otherActions {
  color: #00aeb3;
  background-color: #fff;
}

/*****
Home, formulaire de recherche, Authentification
*****/
#personnalDataContener,
#searchFormContener,
#searchProductFormContener,
#priorityContener {
  display: block;
  width: calc(100% - 0.8em);
  vertical-align: top;
  margin: 0.4em;
}
#personnalDataContener,
#searchFormContener {
  float: left;
}
.personnalDataBlock,
#etabContener,
#cartContentSummary {
  width: 100%;
  margin-bottom: 0.8em;
}
.personnalDataBlock,
#etabContener,
#cartContentSummary,
#searchFormContener,
#searchProductFormContener,
#priorityContener {
  display: inline-block;
  background-color: #faf6f3;
  padding: 0.6em;
  border: 1px solid #ece8e6;
}
/*.personnalDataBlock h1, #etabContener h1, #cartContentSummary h1, #searchFormContener h1, #searchProductFormContener h1, #priorityContener h1 */
#contentContener h1,
#popupContener h1 {
  display: table;
  margin-left: auto;
  margin-right: auto;
  color: #3074ab;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
h1#searchFormTitle .nb_btnclose {
  position: absolute;
  top: -18px;
  right: -55px;
}
#contentContener h1:after,
#popupContener h1:after {
  border-bottom: 3px solid #858585;
  content: '';
  display: none;
  width: 1.4em;
  margin-left: auto;
  margin-right: auto;
}
#contentContener .section h1 {
  display: block;
  margin: 0.4em 0;
  color: #212121;
  font-size: 1.2em;
  font-weight: bold;
}
#contentContener .section h1:after {
  border: none;
}

p label {
  display: block;
  font-size: 0.8em;
  color: #b2b2b2;
}
input[type='text'],
input[type='password'],
select {
  width: 100%;
  color: #212121;
  padding: 0.2em;
  background-color: #fff;
}
input[type='text']:focus,
input[type='password']:focus,
select:focus {
  border-color: #3074ab;
}
.dateField input[type='text'] {
  width: calc(100% - 25px);
  margin-right: 0.2em;
}
p.sectionElement {
  margin: 0.2em 0;
  position: relative;
}

p.nbEl2,
p.nbEl3 {
  display: inline-block;
  margin-right: 0.6em;
  width: auto;
}

#etabContener .etabDescription {
  border: 1px solid #b2b2b2;
  padding: 0.6em;
  font-size: 0.8em;
  text-align: justify;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  max-width: 66%;
}
#etabContener .etabDescription img {
  max-width: 33%;
  float: left;
  margin: 0 0.6em 0.6em 0;
}
#etabContener .etabDescription h2 {
  color: #00aeb3;
  margin: 0;
}

.priorityDataBlock {
  font-size: 0.8em;
}
.priorityDataBlock h2 {
  color: #00aeb3;
  margin: 0;
}
.priorityDataBlock img {
  max-width: 33%;
  float: left;
  margin: 0 0.6em 0.6em 0;
}
.priorityDataBlock p.link {
  text-align: center;
  clear: both;
}
.priorityDataBlock p.link a {
  display: inline-block;
  background-color: transparent;
  padding: 0.2em;
  border: 1px solid;
  margin-bottom: 0.2em;
  text-align: center;
}

/*****
Résultat de recherche
*****/
.content {
  display: block;
  width: calc(100% - 0.8em);
  margin: 0.4em;
  padding: 0 0.6em;
}
#searchResultPage #cartContentSummary,
#searchResultPage #searchFormContener {
  display: block;
  margin: 0.4em;
  width: calc(100% - 0.8em);
  vertical-align: top;
}

.searchResultTitle,
.sortContener {
  background-color: #fff;
  padding: 0.6em;
  text-align: center;
  position: relative;
  z-index: 1;
}
#search_form_sort_string,
#search_form_max_results {
  display: inline;
  width: 22%;
}
.sortContener p {
  margin: 0;
}

.aProposalBlock {
  background-color: #f2f2f2;
  padding: 0;
  margin: 0;
  clear: both;
}
.proposalIcone {
  width: 4rem;
  float: left;
  padding: 0 0.6em 0.6em 0;
}
.proposalIcone img {
  width: 100%;
  color: #b2b2b2;
}
.proposalDescription > * {
  margin-top: 0;
  margin-bottom: 0;
}
.proposalDescription .proposalEtabDesc {
  display: flex;
}
#searchResultPage .proposalDescription h1 {
  display: block;
  text-align: right;
  font-size: 1em;
}
#searchResultPage .proposalDescription h1:after {
  border: none;
}
.proposalDescription h2 {
  color: #fff;
}
.proposalDescription h3 {
  font-weight: normal;
  font-size: 0.9em;
  color: #858585;
}
.proposalDescription .aProposal {
  clear: both;
  margin-left: 0;
  width: 100%;
}
.proposalDescription .aProposal p,
.proposalDescription .aProposal div {
  margin: 0.2em 0;
}
.proposalDescription .aProposal p.roomType {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  color: #484341;
}
.proposalDescription .aProposal p.selectedRoomFeature {
  font-size: 0.8em;
  color: #b2b2b2;
}
.proposalDescription .aProposal .price {
  font-size: 0.8em;
  text-align: right;
  width: 14em;
  padding: 6px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.proposalDescription .aProposal .price strike {
  color: #b2b2b2;
}
.proposalDescription .aProposal .price strong {
  color: #2a6289;
  font-size: 1.4em;
}
.proposalDescription .aProposal .action {
  width: 9em;
  text-align: center;
}
.proposalDescription .aProposal .price strong.promo {
  color: #28638a;
}
.proposalDescription .aProposal .action div {
  display: inline-block;
  margin: 0 0.2em 0 0;
}
.proposalDescription .aProposal .action .add {
  font-size: 1rem;
  display: inline-block;
  margin: 0.2em;
  color: #fff;
  background-color: #00aeb3;
  padding: 0.4em 0.6em;
  font-weight: bold;
}
.proposalDescription .aProposal .action .add:hover {
  background-color: #ffa726;
}

/*****
Grille de disponibilité
*****/

/* Couleurs: Turquoise #00AEB3, Orange #FFA726, Gris clair #F2F2F2, Gris intermédiaire #B2B2B2, Gris sombre #858585, Noir #212121 */

#semainierContener #etablissement img {
  float: left;
  margin: 0 0.6em 0.6em 0;
}
#semainierContener #etablissement .etabName {
  color: #00aeb3;
  font-size: 1.4em;
  font-weight: bold;
}
#semainierContener ul.monthList {
  clear: both;
  list-style-type: none;
  padding: 0;
  margin: 1em 0 0 0;
  width: 100%;
}
#semainierContener ul.monthList li {
  display: inline-block;
  margin: 0 0.2em 0 0;
  padding: 0;
  font-weight: bold;
  border: 1px solid #b2b2b2;
  border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
  border-bottom: none;
  white-space: nowrap;
  background-color: #f2f2f2;
}
#semainierContener ul.monthList li.on {
  background-color: #ffa726;
}
#semainierContener ul.monthList li a {
  padding: 0.2em 0.6em;
  line-height: 150%;
}

table#semainier_per_pax {
  font-size: 0.9em;
}
table#semainier_per_pax td {
  text-align: center;
  padding: 0.2em;
}
table.aSemainier td.roomType {
  text-align: left;
}
table .semainier_table-line1 td {
  background-color: #f2f2f2;
  font-size: 0.8em;
  font-weight: bold;
}
table td.noDispo {
  background-color: #f2f2f2;
  color: #b2b2b2;
}
table.aSemainier td .rawPrice {
  text-decoration: line-through;
  font-size: 0.8em;
}
table.aSemainier td .discount {
  color: #ffa726;
}

#semainierContener p select {
  width: auto;
}
#semainierContener input#start_date,
#semainierContener input#end_date {
  width: 6em;
}

table.aSemainier {
  font-size: 0.9em;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #b2b2b2;
}
table.aSemainier .semainier_col_hbgt {
  background-color: #f2f2f2;
  font-size: 0.8em;
  font-weight: bold;
}
table.aSemainier td {
  text-align: center;
  padding: 0.2em;
  border: 1px solid #b2b2b2;
}
.monthNavigationPrevious {
  float: left;
}
.monthNavigationNext {
  float: right;
}

h2.semainierType {
  background-color: #f2f2f2;
  font-size: 0.9em;
  text-align: center;
}
h2.semainierType span {
  padding: 0.2em 0.6em;
}
h2.semainierType span.selected {
  color: #ffa726;
}
table.aJournalier {
  background-color: #fff;
  font-size: 0.9em;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #b2b2b2;
}
table.aJournalier td {
  text-align: center;
  padding: 0;
  border: 1px solid #b2b2b2;
  width: 1em;
}
table.aJournalier td.dayLabel {
  background-color: #f2f2f2;
}
table.aJournalier td.day6,
table.aJournalier td.day7 {
  font-weight: bold;
}
table.aJournalier .monthLabel {
  text-align: left;
  width: auto;
}
table.aJournalier td div {
  margin: 0;
  padding: 0.2em;
}
table.aJournalier .unavailableEntry {
  background-color: #f1e0e0;
  color: #8f8686;
}
table.aJournalier .notclickableEndDateEntry {
  background-color: #ccc;
}
table.aJournalier .selectedEntry {
  background-color: #9fdf53;
}

#semainierContener table.aJournalier .clickableEndDateEntry,
#semainierContener table.aJournalier .availableEntry,
#semainierContener table.aJournalier .availableLowEntry {
  background-color: #e1efd1;
}
#semainierContener p a.okButton {
  display: inline;
}
#semainierContener table.prices {
  width: 100%;
  font-size: 0.9em;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #b2b2b2;
}
#semainierContener table.prices td {
  text-align: center;
  padding: 0;
  border: 1px solid #b2b2b2;
}

/*****
Panier
*****/
#cartContentSummaryContener ul {
  padding: 0;
}
#cartContentSummaryContener ul li {
  font-size: 0.9em;
  list-style-type: none;
  clear: both;
  padding-bottom: 0.6em;
}
#cartContentSummaryContener ul li span {
  display: inline-block;
  width: calc(100% - 6em);
}
#cartContentSummaryContener ul li span.label {
  font-weight: bold;
}
#cartContentSummaryContener ul li span.price {
  float: right;
  width: 6em;
  padding: 0.2em;
  font-size: 0.9em;
  text-align: right;
}
#cartContentSummaryContener ul li span.date {
  color: #858585;
  font-style: italic;
}

#cartContentSummaryContener ul li span.action {
  display: block;
  width: 6em;
  float: right;
  clear: right;
  margin: 0;
  text-align: right;
}
#cartContentSummaryContener span.action a {
  background-position: right;
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  width: 27px;
  vertical-align: middle;
}
#cartContentSummaryContener span.action a span {
  display: none;
}
#cartContentSummaryContener span.action a.edit {
  background-image: url(action_edit.gif);
}
#cartContentSummaryContener span.action a.delete {
  background-image: url(action_delete.gif);
}
#cartContentSummaryContener span.action a.cart {
  background-image: url(action_cart.gif);
  width: 40px;
}
#cartContentSummaryContener h1 span.action {
  display: none;
}
#cartContentSummaryContener ul ul.roomtypeList li {
  padding-bottom: 0.2em;
}
#cartContentSummaryContener .cartContentIncrementBox {
  display: inline-block;
  white-space: nowrap;
}
#cartContentSummaryContener .cartContentIncrementBox a {
  border: 1px solid;
  padding: 0 0.4em;
  background-color: #fff;
}
#cartContentSummaryContener .cartContentIncrementBox span {
  width: auto;
  padding: 0 0.2em;
}

/*****
Canal de reservation
*****/
#reservation {
  margin: 0.4em;
  width: calc(100% - 0.8em);
  vertical-align: top;
}
.reservationTitle {
  display: none;
}
.proposal {
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.6em;
  margin-bottom: 0.4em;
  clear: both;
  position: relative;
}
.proposal img {
  display: block;
  width: 100%;
  margin-bottom: 0.6em;
  margin-top: 2em;
}
.proposal .total .label {
  display: inline-block;
  width: 48%;
  text-align: left;
}
.proposal .total .field {
  display: inline-block;
  width: 48%;
  text-align: right;
}
.proposal p {
  margin: 0;
}
.proposal .proposalEtab {
  color: #00aeb3;
  font-weight: bold;
  font-size: 1.2em;
}
.proposal .proposalDates {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.8em;
  color: #858585;
  padding: 0.6em;
}
.proposal .proposalLength {
  font-size: 0.9em;
  color: #858585;
}

.roomFeatureCategory {
  font-weight: bold;
}

.aRoom {
  background-color: #fff;
  padding: 0;
  margin: 0 0 0.4em 0;
  width: calc(100% - 0.8em);
}
.aRoom h2.stayHeader {
  margin: 0;
  vertical-align: top;
}
.aRoom h2.stayHeader .addAction {
  float: right;
  display: inline-block;
  width: 1.2em;
  height: 1em;
}
.aRoom h2.stayHeader .addAction a {
  font-size: 0.8em;
  font-weight: normal;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  overflow: hidden;
  width: 100%;
}
.aRoom h2.stayHeader .addAction a span {
  visibility: hidden;
}
.aRoom h2.stayHeader .addAction a.addOccupantAction {
  background-image: url(action_add_new_occupant.gif);
}
.aRoom h2.stayHeader .addAction a.addBabyAction {
  background-image: url(action_add_new_baby.gif);
}
.aRoom h2.stayHeader .addAction a.addStay {
  background-image: url(action_add_new_stay.gif);
}
.changeOccupantCount select {
  width: auto;
}

.giftCodeInput input {
  width: auto;
}
.occupantFields span {
  display: block;
}
.aRoom h3.occupantHeader {
  color: #858585;
}
.aRoom h3.occupantHeader .occupantHeaderLeft {
  width: calc(100% - 2em);
  display: inline;
}
.aRoom h3.occupantHeader .occupantHeaderLeft span {
  font-size: 0.8em;
  font-weight: normal;
}
.aRoom h3.occupantHeader .deleteAction {
  float: right;
  width: 1.2em;
}
.aRoom h3.occupantHeader .deleteAction a {
  font-size: 0.8em;
  font-weight: normal;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  background-image: url(action_delete.gif);
}
.aRoom h3.occupantHeader .deleteAction a span {
  visibility: hidden;
}
.aRoom h4 {
  color: #00aeb3;
  margin: 0.2em 0;
}

.aRoom table {
  margin-left: 1em;
  width: calc(100% - 1em);
  border-collapse: collapse;
}
.aRoom table tr {
  border-top: 1px solid #fff;
  height: 2em;
}
.aRoom table tr td {
  padding: 0.2em;
  font-size: 0.9em;
  vertical-align: baseline;
}
table .optionQuantity {
  width: 1.2em;
}
table .optionLabel {
  clear: right;
}
table .optionLabel select {
  width: auto;
}
table .optionLabel img.productIcon {
  display: block;
  padding: 0.2em;
  float: right;
  max-height: 4em;
}
table .optionLabel .productDescription {
  font-size: 0.9em;
  color: #858585;
}
.hiddenIfCheckbox {
  display: none;
}
table .price {
  width: 5em;
  text-align: right;
}
table .action {
  width: 2em;
}
table .action .deleteLink {
  background-image: url(action_delete.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  overflow: hidden;
  width: 2em;
}
table .action .deleteLink span {
  visibility: hidden;
}
table .productDiscounts .optionLabel,
table .productDiscounts .price {
  color: #ffa726;
}

.giftCodeInput {
  margin: 0.2em;
}
.giftCodeInput a.okButton {
  display: inline;
}
#financialContener,
#authenticationResa {
  background-color: #f2f2f2;
  padding: 0.6em;
  margin: 0 0 0.4em 0;
  width: 100%;
}
table.paymentList,
#paiement table.paymentList {
  width: calc(100% - 0.8em - 6px);
  font-size: 0.9em;
  margin: 0.4em;
  border: 1px solid #eeeae5;
}
table.paymentList td {
  padding: 8px 20px;
}
table.paymentList td.reservationName {
  font: Bold Italic 14px/17px Lato;
}
table.paymentList td.amount {
  text-align: right;
  width: 15%;
}

#reservationContener .contentBlock.proposals {
  width: 100%;
  float: right;
  padding: 0;
}
#reservationContener .contentBlock.proposals h2 {
  margin: 0.2em 0.6em;
}
#reservationContener .contentBlock.proposals h3 {
  display: none;
}
#reservationContener .contentBlock.proposals .proposal {
  width: 100%;
  border-bottom: 0.2em solid #fff;
}
#reservationContener .contentBlock.proposals .proposal .prestations {
  font-size: 0.8em;
  width: 100%;
}
#reservationContener
.contentBlock.proposals
.proposal
.prestations
.optionDiscount,
#reservationContener
.contentBlock.proposals
.proposal
.prestations
.optionPriceDiscount {
  color: #ffa726;
}
#reservationContener
.contentBlock.proposals
.proposal
.prestations
.optionPrice,
#reservationContener
.contentBlock.proposals
.proposal
.prestations
.optionPriceDiscount {
  text-align: right;
}
#reservationContener
.contentBlock.proposals
.proposal
.prestations
.optionPrice
em {
  font-size: 0.8em;
}
#reservationContener .contentBlock.proposals .proposal .prestations .occupant {
  font-weight: bold;
  border-bottom: 1px solid;
}
#reservationContener
.contentBlock.proposals
.proposal
.prestations
.totalPrice {
  font-weight: bold;
  font-size: 1.2em;
}

.cartItemActions {
  text-align: center;
}
.cartItemActions a {
  display: inline-block;
  margin: 0.2em;
  color: #00aeb3;
  background-color: #fff;
  padding: 0.2em 0.4em;
  font-weight: bold;
  border: 1px solid;
  font-size: 0.8em;
}
.cartItemActions a:hover {
  color: #ffa726;
}

table#payment_layer_cc {
  width: calc(100% - 0.8em);
}
table#payment_layer_cc td {
  padding: 0.2em;
}
table#payment_layer_cc td select {
  width: auto;
  display: inline;
}

#address table,
#occupant_address table {
  width: 100%;
}

/*****
Popup
*****/
.optionLabel a.popupLink {
  display: inline-block;
  margin: 0.2em;
  color: #00aeb3;
  background-color: #fff;
  padding: 0.2em 0.4em;
  font-weight: bold;
  border: 1px solid;
  font-size: 0.8em;
}
.optionLabel a.popupLink:hover {
  color: #ffa726;
}
#popupContener {
  background-color: #f2f2f2;
  padding: 0.6em;
}
#popupContener table {
  margin: 0;
  width: 100%;
}
#popupContener table td {
  padding: 0.2em;
  clear: both;
  border-bottom: 2px solid #fff;
}
#popupContener table td.description {
  font-size: 0.9em;
}
#popupContener table td img {
  float: left;
  margin: 0 0.4em 0.4em 0;
}
#submitFormButton {
  text-align: center;
}

/*****
Compte
*****/
.aField .label {
  color: #b2b2b2;
  display: block;
  font-size: 0.8em;
}
p.loginLink a { /* modif jeff 27/10/24 */
  display: inline-block;
  color: #fff;
  background-color: #28638a;
  padding: 0.8em 2.7em;
  font-weight: bold;
  border: 1px solid;
  font-size: 0.9em;
  text-transform: uppercase;
}
#address table td {
  padding: 0.2em;
}
#address table td.label {
  color: #b2b2b2;
  font-size: 0.8em;
}
input[disabled],
select[disabled] {
  background-color: #f2f2f2;
  border: 1px solid #fff;
  color: #858585;
}

/*****
Espace client
*****/
/* NB*/
.wrapperAuth .btnLoginOrRegister {
  margin: 40px 0;
}
.btnLoginOrRegister a.checked h4 {
  color: #28638a;
}
.btnLoginOrRegister p {
  color: #343434;
  font-size: 14px;
}
.btnLoginOrRegister h4 {
  color: #bcaf9c;
  font-size: 18px;
  margin-top: 30px;
  text-transform: uppercase;
}
.sw_borderbloc {
  border-color: #dcd5cc;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
}
div#createAccount h4 {
  color: #28638a;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
.wrapperAuth h5 {
  color: #28638a;
  text-transform: uppercase;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0px;
  background-image: url(../images/avatar-espace-client.svg);
  background-repeat: no-repeat;
  background-size: 21px;
  background-position-x: 30%;
  background-position-y: 16px;
}
.sw_buttonOK a {
  margin-top: 16px;
  padding: 4px 21px;
  font-size: 15px;
  font-weight: 600;
  margin-left: 20px;
}
/* END NB*/
.customerAreaMenu li a {
  border: 1px solid;
  padding: 0.2em 0.4em;
}
.customerAreaMenu li.current a,
.customerAreaMenu li a:hover {
  color: #fff;
  background-color: #ffa726;
  border-color: #ffa726;
}
#contentContener {
  padding: 0.6em;
}
#customerAreaContener,
#edit_occupant {
  padding: 0.6em;
  background-color: #f2f2f2;
}
#customerAreaContener h3,
#edit_occupant h4 {
  color: #00aeb3;
  margin: 0.2em 0;
}

.reservationList {
  background-color: #fff;
  width: 100%;
}
.reservationList td {
  border: 1px solid #f2f2f2;
  padding: 0.2em;
  text-align: center;
}
.reservationList td.description,
.reservationList td.allResaEtab,
.reservationList td.allResaRoomType {
  text-align: left;
}
.reservationList td.allResaAmount {
  text-align: right;
}
.reservationActions td {
  text-align: left;
}
.reservationList td.description table,
.reservationList .reservationActions ul,
.reservationList td.description p {
  margin-left: 5em;
  width: calc(100% - 5em);
}
.allResaId {
  width: 5em;
}
.reservationList th {
  text-align: center;
}

#customerAreaContener select[name='campaign_code'] {
  width: auto;
  display: inline;
}
#customerAreaContener p .okButton {
  display: inline;
}
#customerAreaContener textarea {
  width: 100%;
  height: 5em;
}
#customerAreaContener .sponsorshipFriends {
}
#customerAreaContener .sponsorshipFriends td {
  padding: 0.2em;
}
.reservationList .nonActive td {
  color: #b2b2b2;
  text-decoration: line-through;
}

a.espc_table-action_bleu,
#not_used_occupation_rights_list a,
#customerAreaContener #leases table a,
form[name='bank_accounts'] #customerAreaContener table a,
form[name='owner_invoices'] table a,
#avaibilityForm a {
  font-size: 0.8rem;
  display: inline-block;
  margin: 0.2em;
  color: #00aeb3;
  background-color: #fff;
  padding: 0.4em 0.6em;
  font-weight: bold;
  border: 1px solid;
}

form[name='owner_invoices'] table td.action_buttons a {
  border: none;
}

#leases table,
form[name='bank_accounts'] #customerAreaContener table,
table.bank-account-details {
  width: 100%;
}
#leases table {
  background-color: #fff;
}
#leases table td,
table.bank-account-add td,
table.bank-account-details td {
  padding: 0.2em;
}
#leases table td {
  text-align: center;
  border: 1px solid #f2f2f2;
}

/*******************
Mon mobilhome
*******************/
#customerAreaContener #gridContner {
  display: block;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  width: 100%;
  height: 400px;
  margin: 10px 20px 10px 0;
  overflow-y: scroll;
  padding: 10px 0;
}
#avaibilityForm {
  display: block;
  width: 100%;
}
#avaibilityForm input {
  width: 6em;
}
.rechercheItems ul {
  margin-left: 0.6em;
}
.rechercheItems ul .roomType {
  font-weight: bold;
  color: #00aeb3;
}

/********************
Planning partenaire, tableau de résultat
********************/
#planningForm {
  max-width: 100%;
  overflow: auto;
}
#planning_table {
  border-collapse: collapse;
}
#planning_table td {
  font-family: 'Lato', sans-serif;
  font-size: 10px;
  border: 1px solid #bfe8f7;
  text-align: center;
  border-collapse: collapse;
  margin: 0;
  padding: 0px 2px;
}
#planning_table td.label {
  text-align: left;
  width: 250px;
  white-space: nowrap;
}

#planning_table tr {
  background-color: #fff;
}
#planning_table tr.headerClass {
  background-color: #ebf7fd;
  color: #00aeb3;
  font-weight: bold;
  text-align: center;
  border: 1px solid #bfe8f7;
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 0.9em;
}
#planning_table tr.headerClass2 {
  font-size: 0.8em;
  font-weight: normal;
}
#planning_table tr.room {
  background-color: #a7cedf;
  line-height: 2.5em;
  font-size: 1.2em;
}
#planning_table tr.alo {
  background-color: #efddc2;
}
#planning_table tr.reserved {
  background-color: #ffdfdf;
}
#planning_table tr.retroceed {
  background-color: #efefef;
}
#planning_table tr.available {
  background-color: #cfc;
}
#planning_table tr.total {
  background-color: #8ecf8e;
}

/********************
Fidélité
********************/
#customerAreaContener table tr.giftCodeOutdated td {
  color: #b2b2b2;
  text-decoration: line-through;
}
#customerAreaContener table tr.giftCodeDead td {
  color: #b2b2b2;
}

/********************
Linéaires
********************/
.planningContener {
  width: 100%;
  overflow: auto;
  padding: 1em 0;
  position: relative;
}
/* Couleurs: Turquoise #00AEB3, Orange #FFA726, Gris clair #F2F2F2, Gris intermédiaire #B2B2B2, Gris sombre #858585, Noir #212121 */
table.linear {
  border-collapse: collapse;
  border: 1px solid #b2b2b2;
}
table.linear:after {
  content: '';
  display: block;
  height: 5em;
}
table.linear td {
  text-align: center;
  vertical-align: top;
  border: 1px solid #b2b2b2;
  padding: 0 0.2em;
}

table.linear tr.displayMois th.month {
  padding: 0px;
}
table.linear th {
  border: 1px solid #b2b2b2;
  vertical-align: top;
  font-weight: normal;
  font-size: 0.9em;
  padding: 5px;
}
table.linear th.weekend {
  font-weight: bold;
}
table.linear th.month {
  background-color: #fff;
  color: #858585;
  border: none;
}
table.linear th.col1,
table.linear td.col1 {
}
table.linear tr.etab td {
  text-align: left;
  font-size: 1em;
  color: #858585;
}
table.linear tr.etab td.label {
  background-color: #fff;
}
table.linear tr.roomType td {
  text-align: left;
  color: #fff;
  background-color: #00aeb3;
}
table.linear tr.date td.numCha {
  vertical-align: middle;
}
table.linear td.existLinear {
  background-color: #75a575;
  vertical-align: top;
}
table.linear td.existLinear.weekend {
  background-color: #527252;
}
table.linear td.existLinear div {
  font-size: 1em;
}
table.linear .existResa0 {
  white-space: nowrap;
  background-color: #933927;
  color: #fff;
  padding: 0px 1px 0px 1px;
  height: 2.55em;
  font-size: 0.8em;
} /* Dossier ferme */
table.linear .existResa1,
table.linear .existResa12 {
  background-color: #ed922a;
  color: #fff;
  padding: 0px 1px 0px 1px;
  height: 2.55em;
  font-size: 0.8em;
} /* Dossier en option ou attente de paiement (paybox) */
table.linear .existResa3,
table.linear .existResa4,
table.linear .existResa8,
table.linear .existResa13 {
  background-color: #ccc;
  color: #111;
  padding: 0px 1px 0px 1px;
  height: 2.55em;
  font-size: 0.8em;
} /* devis, annulé, expiré */

table.linear td.existLinear div {
  width: 100%;
}
table.linear td.existLinear.existResa0 div {
  background-color: #933927;
}
table.linear td.existLinear.existResa1 div,
table.linear td.existLinear.existResa12 div {
  background-color: #ed922a;
}
table.linear td.existLinear.existResa3 div,
table.linear td.existLinear.existResa4 div,
table.linear td.existLinear.existResa8 div,
table.linear td.existLinear.existResa13 div {
  background-color: #ccc;
}

table.legende {
  margin: 1em 0;
  font-size: 0.8em;
  border-collapse: collapse;
  border: 1px solid #b2b2b2;
  width: 100%;
}
table.legende td {
  color: #0867e84;
  text-align: center;
  width: 25%;
  border: 1px solid #b2b2b2;
  padding: 0.2em;
}
table.legende td.existLinear {
  color: #fff;
  background-color: #75a575;
}
table.legende td.existResa0 {
  color: #fff;
  background-color: #933927;
}
table.legende td.existResa1 {
  color: #fff;
  background-color: #ed922a;
}

.resaInfoPopup {
  position: absolute;
  font-size: 1em;
  color: #fff;
}
.resaInfoPopup .resaDescription {
  display: none;
}
.resaInfoPopup p {
  margin: 0;
  padding: 0 0.2em;
}
.resaInfoPopup .resa {
  font-weight: bold;
}

/*************START NB **************/
/** Search_Result **/
html,
body {
  overflow-x: hidden;
}
.submitFormButton a {
  border-radius: 50px;
  font-size: 18px;
}
.wrapperImg .logo_Etab {
  margin-right: 28px;
  margin-top: 10px;
}
div#contentNavigationContener .on a span {
  background: #28638a;
  color: #fff !important;
}
div#searchForm select {
  box-shadow: 0px 0px 3px #00000029;
  border: none;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: bold;
  color: #484341;
}
#searchResultPage input#search_form_start_date {
  box-shadow: 0px 0px 3px #00000029;
  border: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 24px;
  width: 100%;
  font-weight: bold;
  color: #484341;
}
span.rsl-date-input {
  position: relative;
}
span.rsl-date-input img {
  position: absolute;
  top: 0;
  height: 16px;
  left: 4px;
}
select#search_form_etab {
  background-image: url(../images/marqueur-station_.svg);
  background-repeat: no-repeat;
  background-position: 7px;
}
select#search_form_nb_days {
  background-image: url(../images/nuit.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 0;
  background-position-x: 10px;
}
select#search_form_nb_adults {
  background-image: url(../images/personnes.svg);
  background-repeat: no-repeat;
  background-size: 27px;
  background-position-y: 0px;
  background-position-x: 9px;
}
select#search_form_nb_children_1 {
  background-image: url(../images/enfnats.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-position-x: 10px;
}
select#search_form_nb_babies {
  background-image: url(../images/baby.svg);
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-position-x: 10px;
}
.submitFormButton.btn_search {
  position: relative;
}

.submitFormButton.btn_search img {
  position: absolute;
  left: 20%;
  height: 20px;
  width: 20px;
  top: 13px;
}
.submitFormButton.btn_search {
  margin-top: 50px;
  margin-bottom: 28px;
}
div#searchForm {
  padding: 0 10px;
}

img.logo {
  width: 80%;
  padding-top: 10px;
}

.img_residence img {
  width: 19%;
  height: 60%;
  border: 4px solid #fff;
  position: absolute;
  right: 35px;
  bottom: 0;
}

.proposalEtabDesc {
  background: #2a6289;
  color: #fff;
  padding: 4px 4px 4px 20px;
}
.proposalEtabDesc h2 {
  font-size: 18px;
  padding-top: 24px;
}
.submitFormButton.btn_search a {
  padding: 9px 44px;
}
.searchResultTitle span {
  color: #3074ab;
  background: white;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 18px;
}

.searchResultTitle:before {
  content: '';
  display: block;
  border-top: solid 1px #28638a;
  width: 100%;
  height: 0;
  position: absolute;
  top: 21px;
  z-index: 0;
  margin-left: -52%;
  left: 52%;
  z-index: -9999;
}
div#sortContener span {
  color: #3074ab;
  font-size: 16px;
}

div#searchFormContener {
  position: relative;
}
div#searchFormContener:before {
  border-bottom: 12px solid #bcaf9d;
  width: 95px;
  position: absolute;
  top: 5px;
  right: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

p.para_ouverture {
  opacity: 1;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.aProposalBlock.proposalBlocType3.nb_borderTp:before {
  content: '';
  display: block;
  width: 770px;
  height: 1px;
  background: #bcaf9c;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  margin-top: 45px;
}
.aProposalBlock.proposalBlocType3.nb_borderTp {
  border-top: 1px solid #fff0;
  background: #fff;
  position: relative;
}
.aProposalBlock.proposalBlocType3.nb_borderTp:after {
  content: '';
  display: block;
  width: 76px;
  height: 12px;
  background: #bcaf9c;
  position: absolute;
  top: 45px;
  right: calc(50% - 38px);
}
.aProposalBlock.proposalBlocType3.nb_borderTp:nth-of-type(2):before {
  content: none;
}
.aProposalBlock.proposalBlocType3.nb_borderTp:nth-of-type(2):after {
  content: none;
}
/**** HEADER ****/
.sw_user {
  width: 200px;
  height: 45px;
  background: #28638a 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 0px 0px 10px 10px;
  opacity: 1;
  margin-left: 20px;
}
.otherLinks a {
  padding: 11px 12px; /* margin-left: 20px; */ /* text-align: center; */
  text-transform: uppercase;
  color: #bcaf9c;
  font-size: 17px;
  border-left: 1px solid #dcd5cc;
}
.ae-otherLinks a {
  padding: 8px 12px;
}
.ae-otherLinks a span.ae-logout-c-s {
  /* margin-top: 4px; */
}
.sw_user a {
  color: #fff;
  font-size: 18px;
}
.sw_user .icon-user {
  padding-right: 7px;
}
.sw_user .icon-user img {
  width: 25px;
}
.otherLinks {
  margin-right: 30px;
}
/*** END HEADER ***/

.step_forbidden h4 {
  font-size: 18px;
  color: #bcaf9c;
  text-transform: uppercase;
  margin-top: 20px;
}
li#etape1 h4 {
  margin-top: 20px;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 18px;
}
li#etape1 a {
  text-decoration: none;
}

.logo_Etab img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
tr.swfooter_table {
  background: #eeeae5 0% 0% no-repeat padding-box;
  box-shadow: 7px -3px 10px #0000000d;
}
tr.swfooter_table .action a {
  display: block;
}
table.aProposal.bg_white {
  background: #fff;
}
#searchResultPage .content {
  float: right;
  width: calc(66% - 0.8em);
}
div#searchFormFilter {
  float: left;
}
.nb_search_flitre {
  width: calc(32% - 0.8em);
  float: left;
}
#searchResultPage .nb_formfilter {
  border: 1px solid #dcd5cc;
  margin: 0.4em;
  width: 100%;
  padding: 20px;
  margin-top: 40px;
}

#searchResultPage .nb_formfilter .title {
  color: #28638a;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}
#searchResultPage #searchForm p.sectionElement label {
  display: none !important;
}
#searchResultPage #searchForm p.sectionElement {
  margin-bottom: 18px;
}
#searchResultPage #searchFormContener {
  padding: 0px 20px;
}
/***** Reservation content *****/
div#resSummary {
  background: #faf8f5 0% 0% no-repeat padding-box;
  border: 1px solid #dcd5cc;
  padding: 0px 30px;
}
div#contentNavigationContener a {
  color: #bcaf9c;
  font-size: 18px !important;
}

.proposal h2 {
  text-align: center;
  display: block;
  margin: 0 -30px;
  background: #28638a 0% 0% no-repeat padding-box;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  padding: 6px;
}

.total {
  margin: 0 -30px;
  padding: 0 30px;
  background: #7e7568 0% 0% no-repeat padding-box;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.summaryContent {
  color: #343434;
}
.info_etab {
  margin: 26px 0 36px;
}
.info_etab p.etab {
  font-size: 14px;
}
p.dateLabel {
}
.info_etab p {
  margin: 11px 0;
}
p.proposalRoomDistribution {
  font-weight: bold;
  letter-spacing: 0px;
  color: #28638a;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.summaryContent h4 {
  color: #28638a;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 6px;
  border-bottom: 1px solid #61a3ce;
  border-top: 1px solid #28638a;
}
.icon_select img {
  position: absolute;
  left: 2px;
  height: 22px;
  top: 2px;
  width: 22px;
}
p.sectionElement .control_select {
  padding-left: 35px;
}
.sw_wrapper {
  background: #faf8f5 0% 0% no-repeat padding-box;
  border: 1px solid #dcd5cc;
  padding: 17px 0;
}
.wrapperTypeUh.desktop.sw_wrapper h3 {
  letter-spacing: 0px;
  color: #707070;
  font-size: 20px;
  font-weight: 500;
  padding-top: 24px;
}
.sw_entete h3 {
  background: #28638a 0% 0% no-repeat padding-box;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 20px;
  margin-left: 40px;
}
.resaMode span {
  font-size: 14px;
  text-align: center;
  display: block;
  color: #000;
  padding: 30px 0;
}
.resaModeBlock a {
  width: 360px;
  height: 182px;
  background: #ffffff 0% 0% no-repeat padding-box;
  margin-bottom: 70px;
  margin-left: 24px;
  box-shadow: 0px 0px 6px #0000001a;
}
.sw_rectangle span {
  text-align: left;
  padding: 0 30px;
  line-height: 17px;
}
.resaModeBlock h6 {
  letter-spacing: 0px;
  color: #bcaf9c;
  text-transform: uppercase;
  font-weight: 600;
  padding: 40px 0px 6px;
}
.resaModeBlock .focus h6 {
  color: #28638a;
}

.sw_entete {
  position: relative;
}

.sw_entete img {
  position: absolute;
  top: 5px;
  height: 30px;
  width: 30px;
}

/* RADIO CIVILITE */
.radio.radio-primary {
  margin-top: 30px;
}
.radio.radio-primary span {
  color: #bfbfbf;
  padding-right: 10px;
}

.radio.radio-primary label {
  color: #484341;
  margin-right: 23px;
}

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: ' ';
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type='radio'] {
  opacity: 0;
}
.radio input[type='radio']:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type='radio']:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type='radio']:disabled + label {
  opacity: 0.65;
}
.radio input[type='radio']:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type='radio'] + label::after {
  background-color: #428bca;
}
.radio-primary input[type='radio']:checked + label::before {
  border-color: #428bca;
}
.radio-primary input[type='radio']:checked + label::after {
  background-color: #428bca;
}

/* END RADIO */
/* CHECK BOX */
.checkpromo {
  position: relative;
  padding-left: 47px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkpromo input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 3px;
  left: -1px;
  height: 21px;
  width: 22px;
  background-color: #fff;
  border: 1px solid #bcbcbc;
  cursor: pointer;
}

/* On mouse-over, add a grey background color */
.checkpromo:hover input ~ .checkmark {
  background-color: #28638a;
}

/* When the checkbox is checked, add a blue background */
.checkpromo input:checked ~ .checkmark {
  background-color: #28638a;
}

.sw_prestationoccupant .checkpromo input:checked ~ .checkmark {
  background-color: #bcaf9c;
}
.sw_prestationoccupant .checkpromo .checkmark:after {
  left: 4px;
  top: -6px;
}
.sw_prestationoccupant .checkmark {
  top: -3px;
  left: 9px;
  height: 17px;
  width: 17px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkpromo input:checked ~ .checkmark:after {
  display: block;
  content: '\2713';
  text-align: center;
  line-height: 28px;
  color: #fff;
  font-size: 14px;
}

/* Style the checkmark/indicator */
.checkpromo .checkmark:after {
  left: 7px;
  top: -5px;
  width: 13px;
  height: 5px;
  /* border: solid white; */
  /* border-width: 0 3px 3px 0; */
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(15deg);
}

/* END CHECK BOX */
.reservation_content .products {
  padding-left: 42px;
}
.sw_borderbloc .products .price,
.ASSUR .price {
  margin-left: auto;
  margin-right: 30px;
  color: #3074ab;
  width: unset;
}
.sw_border_blok {
  margin-bottom: 50px;
  border-right: 1px solid #dcd5cc;
  border-bottom: 1px solid #dcd5cc;
  position: relative;
}
.sw_border_blok:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #dcd5cc;
}
ul.bloc-summaryContent {
  list-style: none;
  font-size: 14px;
  margin-left: -35px;
  margin-bottom: 0;
}
.proposalEtabDesc h3 {
  color: #fff;
  font-weight: lighter;
  padding-bottom: 20px;
}
.proposalDescription .proposalEtabDesc {
  border-bottom: 6px solid #bcaf9c;
  position: relative;
}
p.rectangle_formule {
  position: absolute;
  bottom: 0;
  display: block;
  margin: 0px auto;
  right: calc(50% - 118px);
  background: #bcaf9c 0% 0% no-repeat padding-box;
  border-radius: 5px 5px 0px 0px;
  padding: 6px 10px 0;
  font-size: 14px;
  color: #484341;
  font-weight: 600;
}
p.rectangle_formule span {
  color: #faf8f5;
  font-family: 'Salty Malthy';
  border-right: 1px solid;
  padding: 0 10px;
  margin-right: 14px;
  font-weight: normal;
  font-size: 20px;
}
.icon-remove,
.icon-add {
  font-size: 10px;
  padding: 6px;
  font-weight: bold;
  color: #28638a;
  box-shadow: 0px 0px 6px #00000029;
}
span.alreadyClient {
  float: right;
  font: Italic 16px/19px Lato;
  letter-spacing: 0px;
  color: #7e7568;
  margin-right: 30px;
}

span.alreadyClient a {
  font-style: normal;
}
input::placeholder {
  color: #c6c6c6;
  font-size: 15px;
  letter-spacing: 0px;
}
.row.occupantFields {
  margin-bottom: 13px;
}

.info_etab p {
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 0px 1px;
  padding-left: 30px;
}

.info_etab p.etab {
  background-image: url(../images/marqueur-station.svg);
}
.info_etab p.dateLabel {
  background-image: url(../images/Calendrier.svg);
}
.info_etab p.nbDays {
  background-image: url(../images/nuit.svg);
}
.wrapperSelectOccupant.icons_wrapper span {
  background-repeat: no-repeat;
  background-size: 20px;
  background-position-x: 4px;
  background-position-y: 8px;
}
span.nbAdultLoc.flex-mobile {
  background-image: url(../images/personnes.svg);
}
span.nbChildrenLoc.flex-mobile {
  background-image: url(../images/enfnats.svg);
  background-position-y: 11px;
  background-position-x: 0;
}
span.nbBabyLoc.flex-mobile {
  background-image: url(../images/baby.svg);
}
.sw_para_desc font {
  color: #fff;
  font-size: 14px;
  font-weight: lighter;
}
.sw_para_desc p {
  font-size: 14px;
}
.sw_para_desc {
  margin-bottom: 57px;
}
.etab_description {
  line-height: 17px;
  font-size: 14px;
  padding: 0 115px 34px 0;
}
a#fastMode h6 {
  background-image: url(../images/resa-rapide.svg);
  background-repeat: no-repeat;
  background-position: 53px 33px;
  background-size: 24px;
}
a#fullMode h6 {
  background-image: url(../images/options-occupants.svg);
  background-repeat: no-repeat;
  background-position: 46px 34px;
  background-size: 24px;
}
.alreadyLogged .loggedName {
  color: #28638a;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
}

.alreadyLogged .loggedMail {
  color: #bcaf9c;
  font-size: 14px;
}
.alreadyLogged .logout a {
  background: #28638a 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 50px;
  color: #fff;
  padding: 5px 16px;
  font-size: 15px;
  text-transform: uppercase;
}
.anOccupant .alreadyLogged {
  margin: 34px 0;
}
.row_occupant {
  margin-left: 35px;
}
.oneLine span.occupant_product_option {
  color: #535353;
  font-weight: bold;
}

.oneLine span.price {
  color: #28638a;
  font-size: 14px;
}
.sw_prestationoccupant {
  border: 1px solid #dcd5cc;
  padding: 14px 18px 0;
  margin-bottom: 60px;
  margin-top: 35px;
  position: relative;
  min-height: 50px;
}
.sw_prestationoccupant h2 {
  color: #3074ab;
  font-size: 18px;
  background: #fff;
  position: absolute;
  top: -9%;
  padding: 0 9px;
}
.custom_date span.rsl-date-input img {
  left: inherit;
  height: inherit;
  top: inherit;
}
.roomtypeCriteria .label {
  color: #7e7568;
  font-size: 14px;
}
.roomtypeCriteria .value {
  font-size: 18px;
  color: #7e7568;
  font-weight: bold;
}
.reservation_content .assBlock {
  margin-top: 40px;
}
.assBlock.sw_borderbloc ul li {
  padding: 16px 0;
}

.reservation_content ul.assproducts {
  list-style: none;
}
.reservation_content .assBlock .ASSUR {
  display: flex;
  position: relative;
}

.ae-reservation-content .topDesc .wrapperImg > img {
  width: 100%;
}
.ae-reservation-content .swfooter_table {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #eeeae5 0% 0% no-repeat padding-box;
  box-shadow: 7px -3px 10px #0000000d;
  margin-bottom: 50px;
}

.ae-reservation-content .price.ae-price {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ae-reservation-content .ae-price strong {margin-right: 40% !important;margin-left: 10%;color: #28638A;font-size: 20px;}

.ae-reservation-content .ae-price strike {
  font-size: 12px;
  color: #7E7568;
  font-weight: 600;
  margin-left: 10%;
}



.showOccupan > .row {
  width: 96%;
}
.ae-reservation-content span.number_occupant {
  padding-left: 20px;
}
.nbtopDesc .nbwrapperImg .icon-camera {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #484341A6;
  border-radius: 50%;
}

.wrapperImg.nbwrapperImg {
  position: relative;
}

.wrapperImg.nbwrapperImg .link-text {
  position: absolute;
  right: 25px;
  bottom: 20px;
  width: 40px;
  height: 40px;
}

.nbtopDesc .nbwrapperImg .icon-camera:before {
  content: "";
  background-image: url(../images/photo.svg);
  width: 60%;
  height: 60%;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 20%;
  top: 20%;
}
.ae-reservation-content .ae-img-residence img {
  width: 19%;
  height: 60%;
  border: 4px solid #fff;
  position: absolute;
  right: 35px;
  bottom: 0;
}
.ae-reservation-content .sw_hr {
  display: none;
}
.ae-reservation-content .DESCList {
  margin: 25px 0 34px;
}
.ae-productBase .icon-help {
  position: absolute;
  background-image: url(../images/icone_gris.svg);
  width: 18px;
  height: 18px;
  top: 3px;
  right: 0;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ae-productBase a {
  position: relative;
}
/***** END Reservation content *****/

/*** cart_payment ***/
.contentBlock.custom_input input[type='text'] {
  width: 89%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000029;
  border: 1px solid #cccccc;
  padding: 3px 0;
  margin: 20px 0 24px 37px;
}
.contentBlock.custom_input a {
  background: #3074ab 0% 0% no-repeat padding-box;
  border: 1px solid #cccccc;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  padding: 5px 6px;
  margin-left: -5px;
}
tr.table_header.text-center {
  border: 1px solid #eeeae5;
}
tr.table_header th {
  background: #bcaf9c 0% 0% no-repeat padding-box;
  padding: 8px 0;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  text-align: center;
}
.bg_topay p {
  background: #7b7265 0% 0% no-repeat padding-box;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  padding: 12px 30px;
}
.btn_modified a {
  padding: 5px 15px;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px;
}
.sw_paiement {
  padding: 10px 0 10px 35px;
}
.sw_paiement h4 {
  font-size: 16px;
  margin-left: 6px;
}
.sw_paiement p:first-child {
  font-size: 18px;
  padding-top: 20px;
  margin-left: 6px;
  margin-bottom: 0;
}
.sw_paiement p:nth-child(2) {
  font-size: 18px;
  color: #7e7568;
  margin-left: 6px;
  padding-top: 10px;
}
#paymentdue_type {
  display: inline-block;
  width: 94%;
  border: 1px solid #bcbcbc;
  padding: 7px 0;
  margin: 8px 6px 20px;
}
textarea#reservation_observations {
  margin-left: 40px;
  margin-top: 8px;
}
.sw_user a {
  border-left: none;
}
.aField.nb_filed_custom {
  background: #f6f6f6 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 2px #00000029;
  border: 1px solid #dddddd;
  margin-top: 30px;
  padding: 8px 17px;
  width: calc(75% - 0.8em);
}
.aField.nb_filed_custom label {
  font-size: 14px;
  margin-bottom: 0;
}
.aField.nb_filed_custom label a {
  color: #343434;
}
.reservation_occupants span.action a {
  position: relative;
}
.reservation_occupants span.action a:after {
  content: '';
  display: block;
  width: 26px;
  height: 29px;
  position: absolute;
  top: 3px;
  left: 37px;
  background-image: url(../images/poubelle.svg);
  background-repeat: no-repeat;
}
.reservation_occupants span.action a span {
  display: none;
}

.Edit_custom #option {
  display: none;
}

.Edit_custom div#footerContener {
  display: none;
}
.Edit_custom .radio.radio-primary {
  margin-top: 0;
}
.Edit_custom h3 span {
  display: none;
}
.Edit_custom .nb_newsletter .checkmark {
  top: 3px;
  left: 9px;
  height: 18px;
  width: 18px;
}
.Edit_custom .nb_newsletter {
  max-width: 800px;
  margin: 40px auto 0;
}
.Edit_custom .nb_newsletter a {
  display: table;
  margin: 0 auto;
}

.Edit_custom .nb_newsletter label {
  font-size: 16px;
}
#_contener .icon-info:before {
  top: unset;
}
/*** End cart_payment***/

/*** Popin alert ***/
.ui-dialog.ui-dialog-buttons {
  padding: 1em;
  text-align:center;
}
.ui-dialog.ui-dialog-buttons > div{
  height:auto !important;
  padding:1em;;
}
.ui-dialog.ui-dialog-buttons button{
  color: #FFF;
  background-color: #e60052;
  border-color: #e60052;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: .3s;
  padding: 0.4em 0.6em;
  border:1px solid #e60052;
}
.ui-dialog.ui-dialog-buttons .ui-dialog-buttonset button:hover{
  color: #e60052;
  background-color: #FFF;
  border-color: #e60052;
  cursor:pointer;
}
#box_dialog_error, #box_dialog_confirm
{
  height: auto !important;
  text-align: center;
  padding-bottom: 0.6em;
}
#box_dialog_confirm, #box_dialog_error {
  display:none;
  text-align:center;
  margin: 0 20px;
}
#box_dialog_confirm .confirm_button {
  width:120px;
  min-width:120px;
}
.ui-widget-content-dialog{
  position: fixed !important;
  top: calc(50% - 70px) !important;
  background-color: #FFF;
  border: 1px solid #bcaf9d;
  padding: 1em;
}
.ui-widget-content-dialog .button{
  color: #fff;
  background-color: #28638a;
  border-radius: 50px;
  padding: .5em 2em;
}
.ui-widget-content-dialog .button:hover{
  background-color: #3A89BF;
}
.ui-widget-content-dialog .ui-icon-closethick{
  float:right;
  margin-right:.5em;
}
.ui-widget-overlay{
  background: rgba(000, 000, 000, 0.4);
}

/*** Popin alert ***/

@media (max-width: 767px) {
  .ae-reservation-content .sw_hr{
    display: block;
  }

  .sw_borderbloc .products .price, .ASSUR .price {
    margin-right: 7px;
    font-size: 14px;
  }
  .ae-reservation-content  .products .label label {
    font-size: 13px;
  }
  .ae-reservation-content .products .description {
    font-size: 14px;
  }
  .reservation_content ul.assproducts label {
    font-size: 13px;
  }
  .reservation_content .description.description_info {
    font-size: 14px;
  }
  .reservation_content .resaModeBlock #fastMode.focus h6 {
    color: #BCAF9C;
  }
  .reservation_content .resaModeBlock #fastMode.focus {
    border: 1px solid #BCAF9C;
  }
  .ae-reservation-content .ae-img-residence img {
    width: 64px;
    height: 64px;
    border: 4px solid #fff;
    right: 35px;
    top: 25%;
  }
  .ae-cart-saved #contentContener h1 {
    padding: 22px 0;
  }
  .Edit_custom .nb_newsletter label {
    font-size: 14px;
    display: block;
  }
  .Edit_custom .nb_newsletter .btn {
    padding: 7px 75px;
    margin: 0 auto;
    display: table;
    font-size: 16px;
    margin-bottom: 36px;
  }
  /* Header */
  span.icon-user img {
    padding-top: 10px;
  }
  img.logo {
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
  }
  .sw_user .icon-user {
    padding-right: 0;
  }
  span.fa.fa-envelope-o.ae-fa-envelope-o {
    font-size: 20px;
    padding: 0px 10px;
  }
  .otherLinks a:first-child {padding-top: 8px;}
  .sw_user {
    width: unset;
    border-radius: unset;
    opacity: 1;
    margin-left: 0;
  }
  .otherLinks {
    margin-right: 0;
    display: inherit;
  }
  .otherLinks a {
    padding: 13px 9px 0;
    margin-left: 0;
    font-size: 11px;
  }
  span.icon-user img {
    padding-top: 7px;
  }
  p.txt_nav {
    font-size: 16px;
    text-transform: uppercase;
    color: #28638a;
  }
  span.fst_nbr {
    font-size: 45px !important;
  }
  span.last_nrb {
    font-size: 29px !important;
    color: #bcaf9c !important;
    font-weight: normal !important;
  }
  #contentNavigationContener ul {
    list-style-type: none;
    text-align: center;
    background: unset;
    padding: 14px 0 0;
    margin-top: 30px;
    box-shadow: unset;
  }
  #contentNavigationContener ul li span {
    width: 26px;
    padding-top: 10px;
    background: unset;
    box-shadow: unset;
    opacity: 1;
    color: #bcaf9c;
    display: inline-block;
  }
  .sw_user a {
    border-left: none;
  }
  /* End Header */

  .proposalDescription h2 {
    font-size: 16px;
  }

  /* ESPACE CLIENT */

  #contentContener {
    padding: 0;
  }
  #authentication .wrapperAuth {
    width: unset;
    margin: 0 auto;
  }
  #authentication .btnLoginOrRegister > a {
    width: 330px !important;
    height: 125px;
    margin: 0 auto;
  }

  input[type='text'],
  input[type='password'],
  select {
    width: 100%!important;
    color: #212121;
    padding: 0;
    background-color: #fff;
    height: 39px;
  }

  /* END ESPACE CLIENT*/

  /* Reservation content */
  #contentNavigationContener ul li span {
    display: inherit;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    font-size: 44px;
    background: none;
    box-shadow: none;
  }
  #contentNavigationContener ul:after {
    display: none;
  }
  #contentNavigationContener ul {
    background: unset;
    padding: 0;
    margin-top: unset;
    box-shadow: unset;
  }
  .proposalDescription .topDesc {
    display: none;
  }
  .reservation_content .resaModeBlock {
    flex-direction: column;
    width: 92%;
    margin: 20px auto;
  }
  .sw_rectangle span {
    padding: 0 15px;
  }
  .resaModeBlock a {
    width: auto;
    height: 125px;
    background: #ffffff 0% 0% no-repeat padding-box;
    margin-bottom: 0;
    margin-left: 0;
  }
  .resaModeBlock h6 {
    padding: 21px 0px 3px;
  }
  .sw_entete h3 {
    margin-right: -10px;
  }
  .sw_wrapper {
    background: unset;
    border: none;
    padding: 0;
  }
  .wrapperTypeUh.desktop.sw_wrapper {
    display: block;
  }
  .wrapperTypeUh.desktop.sw_wrapper h3 {
    display: none;
  }
  .resaModeBlock h6 {
    font-size: 18px;
  }
  .sw_hr {
    position: relative;
  }
  .sw_hr::before {
    content: '';
    display: block;
    border-top: 0.5px solid #707070;
    width: 41%;
    height: 2px;
    left: 1%;
    position: absolute;
    margin: 0 auto;
    top: 50%;
  }
  .sw_hr h4 {
    color: #707070;
    text-transform: uppercase;
    font-size: 18px;
    margin: 12px 0;
  }
  .sw_hr:after {
    content: '';
    display: block;
    border-top: 0.5px solid #707070;
    width: 41%;
    height: 2px;
    right: 1%;
    position: absolute;
    top: 50%;
    margin: 0 auto;
  }
  .aRoom .proposalEtabDesc {
    background: #faf8f5;
    color: unset;
    padding: 4px 4px 4px 20px;
  }
  .img_residence img {
    width: 80px;
    height: 80px;
    border: 4px solid #fff;
    position: absolute;
    right: 17%;
    top: 46%;
  }
  .etab_description {
    visibility: hidden;
    padding: 0;
    margin: -10px;
  }
  p.rectangle_formule {
    font-size: 11px;
  }
  .proposalDescription .proposalEtabDesc {
    margin: 0 -15px;
  }
  .searchResultTitle:before {
    width: 97%;
    left: 53%;
  }
  .searchResultTitle span {
    padding: 0 8px;
  }

  .mobile.sw_welcome {
    color: #28638a;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
  }
  textarea#reservation_observations {
    margin: 40px auto;
    width: 92%;
    display: block;
  }
  .contentBlock.custom_input input[type='text'] {
    width: 70%;
    margin: 6px 0 12px 41px;
  }
  .contentBlock.custom_input a {
    padding: 12px 12px;
  }
  .contentBlock.custom_input.sw_borderbloc {
    margin-bottom: 35px;
  }
  div#option.contentBlock.sw_borderbloc {
    margin-bottom: 25px;
  }

  tr.swfooter_table {
    background: unset;
    box-shadow: unset;
  }
  tr.swfooter_table .price {
    display: block;
    margin: 0 auto;
  }
  tr.swfooter_table .plan {
    display: none;
  }
  tr.swfooter_table .action {
    display: block;
    width: 100% !important;
  }
  p.roomType.nb_titleMobile {
    text-align: center;
    text-transform: uppercase;
    font: Bold 16px/19px Lato;
    letter-spacing: 0px;
    color: #484341;
    border-top: 1px solid #bcaf9c;
    padding-top: 0px;
    margin-top: 18px;
  }

  p.roomType.nb_titleMobile:before {
    content: '';
    display: block;
    width: 76px;
    height: 6px;
    background: #bcaf9c;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  /* Reservation*/
  .nb_reservation div#resSummary {
    display: block !important;
  }
  .nb_reservation .total.mobile {
    display: none;
  }
  .nb_reservation .sw_paiement {
    padding: 0;
  }
  .bg_topay p {
    padding: 6px 16px;
  }
  .aField.nb_filed_custom {
    width: 100%;
  }
  .reservation_occupants .total.mobile {
    margin: 0;
    justify-content: space-between;
  }
  span.nb_title_stay {
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
  }
  .reservation_occupants #contentNavigationContener ul li {
    margin-top: 40px;
  }
  .reservation_occupants .total.mobile .price {
    font-size: 2;
    font-weight: normal;
  }

  span.cart.icon-shoppingcart {
    position: relative;
  }

  span.cart.icon-shoppingcart:before {
    content: '';
    display: block;
    width: 1px;
    height: 57px;
    background: #ffffff;
    position: absolute;
    top: -11px;
    z-index: -99999;
    left: -66%;
  }
  .sw_prestationoccupant {
    margin-bottom: 29px;
    margin-top: 30px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .oneLine span.occupant_product_option {
    font-size: 14px;
  }
  .oneLine span.price {
    padding-right: 30px;
  }
  .reservation_occupants #footerContener .footerNavigation a {
    width: 150px;
    height: 49px;
  }
  a#titleExistingCustomerLayer h4 {
    background-position: 40px;
  }
  a#titleCreateAccount h4 {
    background-position: 38px;
  }
  .footerNavigation.droite img {
    top: 14px;
    right: 10%;
  }
  .reservation_content div#footerContener .footerNavigation.droite {
    padding: 40px 0 70px;
    display: none !important;
  }
  .reservation_content div#footerContener.footerhidden .footerNavigation.droite {
    display: block !important;
  }
  #searchResultPage #searchFormContener {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999999;
    margin: 0px;
    padding: 16px 22px;
    width: 100%;
    bottom: 36px;
    border: none;
  }
  .reservation_content .mentions {
    display: none !important;
  }
  .reservation_content .anOccupant {
    display: none;
  }
  .reservation_content .aPrestas {
    display: none;
  }
  .reservation_content .assBlock {
    display: none;
  }
  .nb_mdExplain {
    display: none !important;
  }
  .reservation_content .topDesc {
    display: none !important;
  }

  .reservation_content .plan.ae-plan {
    display: none;
  }

  .reservation_content .swfooter_table {
    justify-content: center !important;
    background: none;
    box-shadow: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom:0;
  }

  .ae-reservation-content .ae-price strong {
    margin-right: 0 !important;
    margin-left: 20px !important;
  }
  /* End Reservation*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .topDesc.nbtopDesc.nbtopDesc {
    flex-direction: inherit;
  }

  .total {
    margin: 0 -10px !important;
  }
  .total.ae-total {
    margin: 0 -30px !important;
  }
  .otherLinks {
    margin-right: 0;
    display: flex;
  }
  .row.pb-4.pic-mobile p {
    width: 100% !important;
  }
  #CustomerAreaLink .label {
    display: unset !important;
    font-size: 14px;
  }
  .footer_mobile .icon_footer {
    border: 1px solid #cfc6b8;
    border-radius: 7px;
    min-height: 112px;
  }

  .footer_mobile {
    width: 90%;
    margin: 0 auto;
  }
  .footer_mobile .icon_footer img {
    padding-top: 26px;
  }

  .footer_mobile .icon_footer span {
    color: #a9a599;
    padding-top: 7px;
  }
  .ae-search-result .ae-searchFormFilter {
    position: fixed !important;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 !important;
    height: calc(100vh - 45px);
    overflow-x: scroll;
    z-index: 99;
  }
  #searchResultPage #searchFormContener {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999999;
    margin: 0px;
    padding: 16px 22px;
    width: 100%;
    bottom: 36px;
    border: none;
  }
  #searchResultPage .content {
    float: right;
    width: calc(100% - 0.8em);
  }

  .ae-search-result .ae-etab-description {
    /*visibility: hidden;*/
  }
  .logo_Etab img{
    position: absolute;
    right: 1%;
    top: 0;
    width: 22%;
  }
  .total.mobile {
    justify-content: space-between !important;
  }
  .ae-total-mobile.ae-total-mobile-open > span.wrapperIcon > img.ae-shop-cart {
    display: none;
  }
  .ae-total-mobile > span.wrapperIcon > img.ae-shop-cart-close {
    display: none;
  }
  .ae-total-mobile.ae-total-mobile-open > span.wrapperIcon > img.ae-shop-cart-close {
    display: flex;
    margin: 0 auto;
  }
  .authentication_in_cart .total.mobile {
    display: none !important;
  }
  .ae-cart .total.mobile {
    z-index: 9999;
  }
  .sw_user {
    width: 180px;
    margin-left: 0;
  }
  .otherLinks a:nth-child(2) {
    font-size: 15px !important;
  }
  p.rectangle_formule {
    bottom: -1px;
  }
  .ae-reservation-content .aRoom {
    width: 100%;
  }
  .ae-reservation-content #reservation .aRoom {
    width: 100% !important;
  }
  .ae-search-result .desktop {
    /* display: block; */
  }

  .ae-reservation-content .proposal.ae-resSummary {
    width: 100% !important;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 999999;
    bottom: 0 !important;
    margin: 0;
  }
  #customer-area #pageContener #contentContener {
    margin-top: -110px;
    width: 100%;
  }
  #pageContener .ae-header-logged-client {
    width: 100%;
  }
  #pageContener #contentNavigationContener a {
    font-size: 13px !important;
  }
  #pageContener #contentNavigationContener li {
    padding: 0 10px;
  }
  .ae-edit-custom #contentContener {
    width: 100% !important;
  }
  .ae-edit-custom .sw_entete {
    display: none;
  }
  .all_reservations#customer-area .popin.reservationActions {
    left: calc((100% - 100%) / 2) !important;
    max-width: 100% !important;
  }
  .all_reservations#customer-area .ae-description-popin.description.popin {
    max-width: 100% !important;
    left: 0 !important;
  }
  .ae-all-reservations .ae-table td.ae-labels-table {
    width: 50%;
    padding-left: 25%;
  }
  #pageContener #footerContener .ae-footerContener-child .ae-footerContener-child-child {
    width: unset !important;
  }
  .ae-cart .ae-sales-condition-wrapper {

    width: unset !important;
  }
  .authentication_in_cart .aRoom {
    width: 100%;
  }
  .authentication_in_cart .btnLoginOrRegister a.mobile {
    margin-left: auto;
    margin-right: auto;
  }
  .authentication_in_cart .footerNavigation.gauche.ae-footer-navigation {
    display: none !important;
  }
  .ae-cart-saved .contentBlock{
    width: 100%;
  }

  .ae-cart-saved #footerContener .ae-footerContener-child .ae-footerContener-child-child {
    width: unset !important;
  }

  .nb_reservation #resSummary {
    width: 100% !important;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 999999;
    bottom: 0 !important;
    margin: 0;
  }
  .nb_reservation .contentBlock {
    width: 100%;
  }
  .ae-cart .mobile.sw_welcome img {
    display: none !important;
  }
  .ae-cart #authentication {
    display: block !important;
  }
}

@media (min-width: 1199.98px) and (max-width: 1399.98px) {
  #contentNavigationContener ul:after {
    left: 30%;
  }
  textarea#reservation_observations {
    width: 90%;
  }
  .img_residence img {
    width: 20%;
  }
}
/*************END NB **************/

/****************
   Responsive
   ****************/
@viewport {
  /* ne fonctionne pas sur la pluspart des navigateurs */
  width: device-width; /* largeur du viewport */
  zoom: 1; /* zoom initial à 1.0 */
}

/* Mobile paysage et tablette portait (> 576px = 36rem, >672px = 42rem) */
@media screen and (min-width: 42rem) {
  #personnalDataContener,
  #searchFormContener,
  #searchProductFormContener,
  #priorityContener {
    display: inline-block;
    width: calc(49% - 0.8em);
    vertical-align: top;
  }
  #headerContener h1 {
    font-size: 1.5em;
  }

  #contentNavigationContener ul li {
    font-size: 18px;
    color: #bcaf9c;
    text-transform: uppercase;
  }
  #langLinkContener {
    font-size: 1em;
  }
  #langLinkContener a {
    padding: 0.2em 0.6em;
  }
  #footerContener .footerNavigation a {
    font-size: 1rem;
  }

  #etabContener .etabDescription {
    max-width: 45%;
  }

  .content {
    float: left;
    width: calc(66% - 0.8em);
  }
  #searchResultPage #cartContentSummary {
    display: inline-block;
    width: calc(26% - 0.8em);
  }
  #searchResultPage #searchFormContener {
    display: inline-block;
    width: 100%;
  }
  .proposalIcone {
    width: 9rem;
  }

  .proposal {
    float: right;
    width: 20%;
  }

  .aRoom {
    width: calc(80% - 0.8em);
  }
  .occupantFields span {
    display: inline;
  }
  .contentBlock,
  #financialContener,
  #authenticationResa {
    width: calc(80% - 0.8em);
  }
  .aField {
    display: inline-block;
    width: auto;
    padding-right: 0.6em;
    margin: 0;
    vertical-align: top;
    margin-bottom: 1rem;

  }
  #reservationContener .contentBlock.proposals {
    width: 20%;
    float: right;
  }
  table.paymentList {
    width: calc(80% - 0.8em - 6px);
  }
  #customerAreaContener #gridContner {
    display: inline-block;
    width: 520px;
    height: 400px;
  }
  #avaibilityForm {
    display: inline-block;
    width: calc(100% - 520px - 1.6em);
    vertical-align: top;
  }
}

/* Tablette ( > 880px) */
@media screen and (min-width: 55rem) {
  #headerContener h1 {
    font-size: 2em;
  }
}
/* Petit pc, grande tablette ( > 1024px) */
@media screen and (min-width: 64rem) {
  #personnalDataContener,
  #searchFormContener,
  #searchProductFormContener,
  #priorityContener {
    width: calc(33% - 0.8em);
  }
  #contentNavigationContener ul li {
    font-size: 1.2em;
    line-height: 1.8em;
  }
  #footerContener .footerNavigation {
    display: inline-block;
    width: 33%;
  }

  #etabContener .etabDescription {
    max-width: 33%;
  }

  .proposalIcone {
    width: 14rem;
  }

  .proposal {
    float: right;
    width: 25%;
  }
  .proposal .proposalDates {
    font-size: 1em;
  }
  /*  .proposal .total .field {font-size:1.4em;}*/
  .aRoom {
    width: calc(75% - 0.8em);
  }
  .contentBlock,
  #financialContener,
  #authenticationResa {
    width: calc(75% - 0.8em);
  }
  #reservationContener .contentBlock.proposals {
    width: 25%;
  }
  table.paymentList {
    width: calc(75% - 0.8em - 6px);
  }
  textarea#reservation_observations {
    max-width: 78%;
  }
}
/* PC (>1200px) */
@media screen and (min-width: 75rem) {
  #contentContener,
  #footerContener {
    max-width: 85rem;
    margin-left: auto;
    margin-right: auto;
  }

}

/*  */
html,
body {
  width: 100% !important;
  margin: 0 !important;
}

.ae-fa-envelope-o,
.ae-fa-phone {
  line-height: 29px !important;
}

.ae-phone-icon-header {
  width: 18px !important;
  transform: rotate(15deg) !important;
}

.ae-mail-icon-header {
  width: 18px !important;
  margin-top: 7px;
}

@media (max-width: 767px) {
  .ae-mail-icon-header {
    margin-top: 4px;
  }
}

header .otherLinks a.ae-mobile-link {
  border-right: 1px solid #dcd5cc;
}

#footerContener .footerNavigation.pageListe {
  display: none !important;
}
#footerContener .mentions {
  display: none !important;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='checkbox']:focus,
input[type='radio']:focus,
select:focus {
  outline: none !important;
}

#ae-fullscreen-msg-mobile {
  display: none;
}


.ae-check_newsletter .ae-checkbox-custom {
  display: none;
}

.ae-check_newsletter .ae-checkbox-custom-label {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}

.ae-check_newsletter .ae-checkbox-custom + .ae-checkbox-custom-label:before {
  content: '';
  background: #fff;
  border-radius: 0;
  border: 2px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.ae-check_newsletter .ae-checkbox-custom:checked + .ae-checkbox-custom-label:after {
  content: '';
  padding: 2px;
  text-align: center;
  position: absolute;
  width: 1px;
  height: 18px;
  border: solid #28638a;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  top: 0;
  left: 8px;
}

.bandeau .price {
  font-size: 80px;
  color: #3074ab;
  font-weight: 600;
}
.bandeau {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0;
}
.bandeau form#sib-form {
  display: flex;
  align-items: center;
}

.bandeau .sib-text-form-block {
  display: none;
}

.bandeau label.entry__error.entry__error--primary {
  margin: 0;
}

.bandeau .txt_bandeau {
  padding-left: 20px;
  padding-top: 22px;
}

.bandeau .txt_bandeau h3 {
  font-size: 18px;
  text-transform: uppercase;
  color: #3074ab;
  font-weight: 600;
  margin-top: 0;
}
.bandeau .txt_bandeau h4 {
  font-size: 14px;
  margin: 0;
  color: gray;
}
.bandeau .txt_bandeau p {
  font-size: 10px;
  color: #bcaf9c;
  margin: 0;
}

.bandeau .sendingblue-form input.es_txt_email_new {
  box-shadow: -1px 1px 8px -1px #adb5bd;
  border: 0;
  padding:21px 50px;
  margin-left:20px;
  margin-right:10px;
  border-radius: 4px;
  font-size: 14px;
  width: 270px;
}

.bandeau button.sendingblue-submit-btn.es_subscription_form {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  background: #28638a;
  text-align: center;
  text-transform: uppercase;
  padding: 12px 23px;
  border-radius: 4px;
  text-decoration: none;
  border: none;
}
.bandeau input.es_txt_email_new::placeholder {
  text-align: center;
  font-weight: 500;
  color:#28638a;
}
.ae-station-home .logo_card {
  margin-top: 0 !important;
  min-height: 150px !important;
}
.bandeau .sib-form-block {
  padding: 0;
}

.col.form-d-none .sib-form {
  display: none;
}
.bandeau .sib-form-block.btn {
  padding-left: 25px;
}

.sendingblue-msg.message-succes {
  color: green;
  background: #e1ecdc;
  max-width: 453px;
  margin-left: 17px;
  padding: 6px 9px;
  font-size: 14px;
}

@media (max-width: 768.98px) {
  .ae-grid-offres .ae-banner-offers-desktop {
    display: none !important;
  }

  .sendingblue-msg.message-succes {
    max-width: 100%;
    margin-left: 0px;
  }

  .ae-grid-offres .ae-banner-offers-mobile {
    display: block !important;
  }

  .ae-grid-offres .ae-btn-wrapper:before {
    top: 50% !important;
  }

  .ae-grid-offres a.btn.btn-primary.ae-btn-primary {
    margin-top: 10px !important;
  }

  .ae-grid-offres ul.lSPager {
    margin-left: auto !important;
  }

  #ae-bandeau .ae-price-text-footer {
    justify-content: space-between;
  }

  #ae-bandeau .ae-price-text-footer > p {
    font-size: 70px;
    font-weight: 700;
  }

  #ae-bandeau .ae-price-text-footer > h3 {
    font-size: 22px;
  }

  #ae-bandeau .ae-souscrivant-text {
    text-align: center;
    margin: 0 auto 22px auto;
    letter-spacing: 3px;
  }

  #ae-bandeau .ae-sendingblue-form .ae-sendingblue-form-label {
    width: 69%;
    margin-right: 1%;
    display: block;
  }

  #ae-bandeau .ae-sendingblue-form .ae-sendingblue-form-input {
    margin: 0 !important;
    width: 100%;
    padding: 20px 50px;
  }
  #ae-bandeau .ae-sendingblue-form {
    display: flex;
  }

  #ae-bandeau .ae-sendingblue-form .ae-sendingblue-form-button {
    display: inline-block;
    width: 29%;
    font-size: 14px;
    white-space: nowrap;
    padding: 12px 2px;
    height: 42px;
  }

  #ae-bandeau .ae-astrix-text-footer {
    padding: 0;
    margin-top: 12px;
    margin-bottom: 90px;
  }

  .footer_2 ul.footer_links {
    padding-left: 0 !important;
  }
}

@media (max-width: 768.98px) {
  .bandeau {
    display: unset;
  }

  .bandeau .sib-form-block.btn {
    padding-left: 4px;
  }

  .bandeau #sib-container {
    padding: 0;
  }

  .bandeau .txt_bandeau {
    display: none;
  }

  .bandeau .price.d-md-none {
    display: flex;
    font-size: 40px;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-top: 30px;
  }

  .price.d-md-none h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
  }

  .bandeau h4.d-md-none {
    font-size: 17px;
    text-align: left;
    margin: 0;
    color: #828282;
  }

  .bandeau p.d-md-none {
    font-size: 11px;
    text-align: left;
    padding-left: 11px;
    color: gainsboro;
    margin-bottom: 7px;
  }


  .bandeau .sib-form {
    padding-top: 0;
    padding-bottom: 0;
  }

  .bandeau button.sib-form-block__button {
    padding: 0 9px;
  }
}

@media screen and (max-device-width: 1600px) and (orientation: landscape) {
  #ae-fullscreen-msg-mobile {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    color: #000000;
    z-index: 99999999999999999;
  }

  #ae-fullscreen-msg-mobile a {
    float: right;
    padding: 10px 15px;
  }

  #ae-fullscreen-msg-mobile a img {
    width: 30px;
    height: 30px;
  }

  #ae-fullscreen-msg-mobile span {
    display: block;
    text-align: center;
    height: 100%;
    padding-top: 8%;
    font-size: 22px;
  }
}

.ae-popin-2 .proposalDescription .ae-row {
  padding-bottom: 20px !important;
}
.ae-popin-2 .proposalDescription .ae-row .order-md-1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ae-search-result .wrapperImg .logo_Etab {
  margin-right: auto !important;
}
.ae-search-result .proposalDescription .logo_Etab img {
  position: relative !important;
  width: 100% !important;
}