/* documents\templates\tud\css\style.css */

@charset "UTF-8";
:root {

  --font-family-body: "Ubuntu", sans-serif;
  --font-family-headings: "heart-warming", sans-serif;

  --card-bg: rgba(255, 255, 255, 0.7);
  --bluegray: #b2bfcd;
  --lightbluegray: #f6f9fc;
  --toolbar-bg: white;
  --success-border: var(--success);
  --info-border: var(--info);
  --warning-border: var(--warning);
  --danger-border: var(--danger);
  --border: #ced4da;
  --white: white;
  --white-offset: #fefefe;
  --focus: #39f;
  --focus-shadow: 0 0 0 0.2rem #eaeaea;
  --toggle-color: white;
  --template-sidebar-bg: var(--template-bg-dark-80);
  --template-sidebar-font-color: white;
  --template-sidebar-link-color: white;
  --template-bg-light: #f0f4fb;
  --template-text-light: white;
  --template-special-color: #132f53;
  --template-link-color: #2a69b8;
  --template-link-hover-color: #173a65;
  --template-contrast: #2a69b8;
  --template-bg-dark: hsl(var(--hue), 40%, 20%);
  --template-bg-dark-3: hsl(var(--hue), 40%, 97%);
  --template-bg-dark-5: hsl(var(--hue), 40%, 95%);
  --template-bg-dark-7: hsl(var(--hue), 40%, 93%);
  --template-bg-dark-10: hsl(var(--hue), 40%, 90%);
  --template-bg-dark-15: hsl(var(--hue), 40%, 85%);
  --template-bg-dark-20: hsl(var(--hue), 40%, 80%);
  --template-bg-dark-30: hsl(var(--hue), 40%, 70%);
  --template-bg-dark-40: hsl(var(--hue), 40%, 60%);
  --template-bg-dark-50: hsl(var(--hue), 40%, 50%);
  --template-bg-dark-60: hsl(var(--hue), 40%, 40%);
  --template-bg-dark-65: hsl(var(--hue), 40%, 35%);
  --template-bg-dark-70: hsl(var(--hue), 40%, 30%);
  --template-bg-dark-75: hsl(var(--hue), 40%, 25%);
  --template-bg-dark-80: hsl(var(--hue), 40%, 20%);
  --template-bg-dark-90: hsl(var(--hue), 40%, 10%);
  --gray-100: #e0e0e0;
  --gray-200: #6d6e71;
  --gray-300: #f3f4f6;
  --gray-400: #ced4da;
  --gray-500: #dcdcdc;
  --gray-600: #6d757e;
  --gray-700: #484f56;
  --gray-800: #353b41;
  --gray-900: #22262a;
  --primary: #010156;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --primary-rgb: 1, 1, 86;
  --secondary-rgb: 109, 117, 126;
  --success-rgb: 68, 131, 68;
  --info-rgb: 48, 99, 141;
  --warning-rgb: 173, 98, 0;
  --danger-rgb: 165, 31, 24;
  --light-rgb: 249, 250, 251;
  --dark-rgb: 53, 59, 65;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --body-color-rgb: 34, 38, 42;
  --body-bg-rgb: 255, 255, 255;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --body-font-family: var(--font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #22262a;
  --body-bg: white;
}

@font-face {
  font-family: 'nunito';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Nunito'), url('../../../media/vendor/nunito-fontface/Nunito-Regular.woff') format('woff');
}
@font-face {
  font-family: 'nunito-talic';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local('Nunito Italic'), url('../../../media/vendor/nunito-fontface/Nunito-Italic.woff') format('woff');
}
@font-face {
  font-family: 'nunito-extraLight';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local('Nunito ExtraLight'), url('../../../media/vendor/nunito-fontface/Nunito-ExtraLight.woff') format('woff');
}
@font-face {
  font-family: 'nunito-extraLight-italic';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: local('Nunito ExtraLight Italic'), url('../../../media/vendor/nunito-fontface/Nunito-ExtraLightItalic.woff') format('woff');
}
@font-face {
  font-family: 'nunito-light';
  font-weight: 200;
  font-style: normal;
  font-display: swap;
  src: local('Nunito Light'), url('../../../media/vendor/nunito-fontface/Nunito-Light.woff') format('woff');
}
@font-face {
  font-family: 'nunito-light-italic';
  font-weight: 200;
  font-style: italic;
  font-display: swap;
  src: local('Nunito Light Italic'), url('../../../media/vendor/nunito-fontface/Nunito-LightItalic.woff') format('woff');
}
@font-face {
  font-family: 'nunito-semibold';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local('Nunito SemiBold'), url('../../../media/vendor/nunito-fontface/Nunito-SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'nunito-semibold-italic';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: local('Nunito SemiBold Italic'), url('../../../media/vendor/nunito-fontface/Nunito-SemiBoldItalic.woff') format('woff');
}
@font-face {
  font-family: 'nunito-bold';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Nunito Bold'), url('../../../media/vendor/nunito-fontface/Nunito-Bold.woff') format('woff');
}
@font-face {
  font-family: 'nunito-bold-italic';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: local('Nunito Bold Italic'), url('../../../media/vendor/nunito-fontface/Nunito-BoldItalic.woff') format('woff');
}
@font-face {
  font-family: 'nunito-extrabold';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Nunito ExtraBold'), url('../../../media/vendor/nunito-fontface/Nunito-ExtraBold.woff') format('woff');
  }
@font-face {
  font-family: 'nunito-extrabold-italic';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: local('Nunito ExtraBold Italic'), url('../../../media/vendor/nunito-fontface/Nunito-ExtraBoldItalic.woff') format('woff');
}
@font-face {
  font-family: 'nunito-black';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local('Nunito Black'), url('../../../media/vendor/nunito-fontface/Nunito-Black.woff') format('woff');
  }
@font-face {
  font-family: 'nunito-black-italic';
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: local('Nunito Black Italic'), url('../../../media/vendor/nunito-fontface/Nunito-BlackItalic.woff') format('woff');
}
@font-face {
  font-family: 'heart-warming';
  src: url('../../../media/vendor/heart-warming-fontface/heart_warming-webfont.woff2') format('woff2'),
       url('../../../media/vendor/heart-warming-fontface/heart_warming-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.font-family-ornamental { font-family: 'heart-warming'; }
.font-family-bold { font-family: Ubuntu,sans-serif;  font-weight: 800; }
.font-family-extrabold { font-family: Ubuntu,sans-serif;  font-weight: 800; }

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*
.container.is-fluid, .container { max-width: 960px !important;border: 1px #0f0 solid; }
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--body-font-family); 
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);
  text-align: var(--body-text-align);
  background-color: var(--body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  /* overflow-x: hidden; */
  /* overflow: initial; */
}


hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

ul {
  list-style: disc;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  /* margin-bottom: 1rem; */
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  /*
  padding: 0.2em;
  background-color: #fbeea8;
  */
  background-color: rgba(0,0,0,0);
  font-weight: 700;
  padding: 0 !important;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--cassiopeia-color-link);
  text-decoration: underline;
}
a:hover {
  color: var(--cassiopeia-color-hover);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
samp {
  font-family: var(--font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #e93f8e;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6d757e;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input[type=reset],
select { 
  border-radius: 0;
  border: 1px var(--gray-100) solid;
  padding: 0.3em 0.5em;
  background-color: rgba(0,0,0,0); 
}

textarea:focus, input:focus{
  outline: none;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}


button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  /*-webkit-appearance: textfield;*/
}
/*
::-webkit-search-decoration {
  -webkit-appearance: none;
}
*/
::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  /*-webkit-appearance: button;*/
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

:root {
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
}

html {
  background-color: white;
}

body {
  position: relative;
  min-height: 100vh;
}

img {
  max-width: 100%;
  /* height: auto; */
}




/*--------------------------------------------------------------
# General elements
--------------------------------------------------------------*/
header {
  margin-bottom: 20px;
}
#logout_user{
  cursor: pointer;
  text-decoration: underline;
}
#login_cgos a, #login_partenaire a, #login_cnas a{
  text-decoration: underline;
}
.principle.homepage
.header-user{
  justify-content: flex-end;
  display: flex;
  padding: 15px 0;
  
}
#user_name{
  font-size: 1em;
  font-weight: bold;
  color: #0099a5!important;
  clear: both;
  text-align: right;

}

.back-to-top-link {
  position: fixed;
  border: 1px #fff solid;
  background-color: rgba(0,0,0,.2);
  border-radius: 100%;
  width: 50px;
  height: 50px;
  z-index: 1;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.back-to-top-link:hover { transition: all .3s;background-color: rgba(0,0,0,.5); }
#back-top .icon-arrow-up { color: #ffffff !important; }
.back-gradient{
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0));
}


/*--------------------------------------------------------------
## Reusable classes General
--------------------------------------------------------------*/

.hidden,
.display-none {
    display: none !important;
}
.display-block {
    display: block;
}
.display-inline {
    display: inline !important;
}
.display-inline-block {
    display: inline-block !important;
}

.list-style-none { list-style: none; }

.float-left {
    float: left;
}
.float-right {
    float: right;
}

.ul-display-inline {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ul-display-inline li {
    display: inline;
}

.columns.has-border-between-columns .column {
  border-right: 1px var(--gray-100) solid;
}
.columns.has-border-between-columns .column:last-child { border: 0; }

.text-transform-uppercase { text-transform: uppercase; }
.cursor-pointer {
    cursor: pointer;
}
.is-fixed-top {
    position: fixed!important;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: #f1f1f1;
    padding: 15px 0 0 0 !important;
    transition: 0.15s;
}
.is-fixed-top #sqs_recherche_formulaire .sqs-columns {
  /* padding: 9px 20px; */
  margin-bottom: 14px;
}
#search-map-results.is-fixed-top-map {
  position: sticky!important;
  top: 0;
  z-index: 9998;
  right: 0;
  height: 100vh;
  transition: 0.15s;
}
.is-fixed-top-header{
  position: fixed;
  background-color: #fff;
  top: 113px;
  z-index: 9998;
  transition: 0.15s;
  left: 0;
}

.is-fixed-top .sqs-dates-flexibles-wrapper{
  display: none;
}
.is-vertical-center {
  display: flex;
  align-items: center;
}
.is-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-vertical-bottom {
  margin-top: auto;
}
.is-float-right {
  float: right;
}
.is-float-left {
  float: left;
}
.only-mobile {
  display: none;
}
.opacity-0 {
  opacity: 0;
}
.opacity-0-pointer-events-none,
.opacity-0-pointer-events-none .leaflet-marker-icon {
  opacity: 0;
  pointer-events: none !important;
  z-index: 0 !important;
}
.text-align-center { text-align: center; }
.text-align-left { text-align: left; }
.text-align-right { text-align: right; }
.text-transform-uppercase {
  text-transform: uppercase;
}
.text-decoration-line-through {
  text-decoration: line-through;
}
.text-decoration-underline {
  text-decoration: underline;
}
.text-decoration-none {
  text-decoration: none !important;
}
.font-size-6px { font-size: 6px; }
.font-size-10px { font-size: 10px; }
.font-size-12px { font-size: 12px; }
.font-size-13px { font-size: 13px; }
.font-size-14px { font-size: 14px; }
.font-size-15px { font-size: 15px; }
.font-size-16px { font-size: 16px; }
.font-size-18px { font-size: 18px; }
.font-size-20px { font-size: 20px; }
.font-size-21px { font-size: 21px; }
.font-size-28px { font-size: 28px; }
.font-size-29px { font-size: 29px; }
.font-size-34px { font-size: 34px; }
.font-size-35px { font-size: 35px; }
.font-size-38px { font-size: 38px; }
.font-size-60px { font-size: 60px; }

.font-style-italic { font-style: italic; }


.font-weight-bold { font-weight: bold; }
.font-weight-normal { font-weight: normal; }

.margin-0 { margin: 0 !important; }

.margin-1em-0 { margin: 1em 0; }
.margin-2em-0 { margin: 2em 0; }

.margin-05em { margin: 0.5em; }

.margin-bottom-02em { margin-bottom: 0.2em; }
.margin-bottom-0 { margin-bottom: 0 !important; }

.margin-right-05em { margin-right: 0.5em; }
.margin-right-1em { margin-right: 1em; }

.margin-top-1em { margin-top: 1em; }
.margin-top-4em { margin-top: 4em; }

.border-0 { border: 0; }

.border-radius-10px { border-radius: 10px; }
.border-radius-60px { border-radius: 60px; }

.padding-0 { padding: 0 !important; }
.padding-15px { padding: 15px !important; }

.padding-1em { padding: 1em !important; }

.padding-13em-1em { padding: 1.3em 1em !important; }
.padding-1em-2em { padding: 1em 2em !important; }
.padding-05em-0 { padding: 0.5em 0; }
.padding-05em-1em { padding: 0.5em 1em; }

.padding-top-20px { padding-top: 20px; }
.padding-top-30px { padding-top: 30px; }
.padding-top-40px { padding-top: 40px; }
.padding-top-50px { padding-top: 50px; }
.padding-top-60px { padding-top: 60px; }
.padding-top-80px { padding-top: 80px; }
.padding-top-100px { padding-top: 100px; }

.padding-bottom-05em { padding-bottom: 0.5em; }
.padding-bottom-1em { padding-bottom: 1em; }
.padding-bottom-10px { padding-bottom: 10px; }
.padding-bottom-20px { padding-bottom: 20px; }
.padding-bottom-30px { padding-bottom: 30px; }
.padding-bottom-40px { padding-bottom: 40px !important; }
.padding-bottom-50px { padding-bottom: 50px; }
.padding-bottom-70px { padding-bottom: 70px; }
.padding-bottom-80px { padding-bottom: 80px; }
.padding-bottom-110px { padding-bottom: 110px; }

.padding-left-30px { padding-left: 30px; }
.padding-left-14px { padding-left: 15px; }

.padding-right-5px { padding-right: 5px; }

.line-height-1-2em { line-height: 1.2em; }

.text-shadow-1 { text-shadow: 2px 5px 3px rgba(0,0,0,.34); }

.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}

.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}

.action-button {
  position: relative;
  display: inline-block;
  padding: 10px 40px 10px 40px;
  text-decoration: none;
  min-height: 45px;
  font-family: Ubuntu,sans-serif;
  font-weight: 800;
  transition: .3s all;
  color: white;
  background-color: var(--color-2);
}
.action-button-background-color-1 {
  position: relative;
  display: inline-block;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  min-height: 45px;
  font-family: Ubuntu,sans-serif;
  font-weight: 800;
  transition: .3s all;
  background-color: var(--color-2);
  color: white;
  cursor: pointer;
}
.action-button-background-color-2 {
  position: relative;
  display: inline-block;
  padding: 10px 40px 10px 40px;
  text-decoration: none;
  min-height: 45px;
  font-family: Ubuntu,sans-serif;
  font-weight: 800;
  transition: .3s all;
  color: white;
  background-color: var(--color-2);
}

.dispo_contraoferta .action-button-background-color-2 {
  transition: .3s all;
  background-color: initial;
  border: 1px solid var(--color-2);
  color: var(--color-2);
}

.action-button:hover, .action-button-background-color-2:hover { background-color: var(--color-3);cursor:pointer;transition: all .3s;color:white; }
.action-button-background-color-1:hover {color: white; background-color: var(--color-3);}
.action-button.background-color-gray-300.color-gray-200.active,
.action-button.background-color-gray-300.color-gray-200:hover {
  color: #ffffff;
  background-color: var(--color-3);
  transition: all .3s;
}

.action-buttons-wrapper {
  position: absolute;
  bottom: 5em;  
  width: calc(100% - 2em);
  left: 1em;
}
.action-buttons-wrapper .align-to-left,
.action-buttons-wrapper .align-to-right,
.action-buttons-wrapper .align-to-center {
  padding: 0;
  position: absolute;
  text-align: center;
  left: 0;
  width: calc(50% - 0.5em);
  padding-top: 1em;
  padding-bottom: 1em;
}
.action-buttons-wrapper .align-to-right { right: 0;left: auto; }
.action-buttons-wrapper .align-to-center { right: 0;margin: 0 auto; }

.action-buttons-wrapper .align-to-right {
  border: 1px var(--gray-100) solid;
  color: var(--gray-200);
  background-color: #ffffff;
}

.action-buttons-wrapper .align-to-right:hover { background-color: var(--color-1);border: 1px var(--color-1) solid;color: var(--color-2); }

.color-white { color: white; }
img.color-white { filter: invert(1); }
.color-1 { color: var(--color-1); }
img.color-1 { filter: invert(89%) sepia(18%) saturate(3416%) hue-rotate(333deg) brightness(102%) contrast(102%); }
.color-2 { color: var(--color-2) !important; }
/*.color-2 img,*/
img.color-2 { filter: invert(13%) sepia(100%) saturate(2857%) hue-rotate(202deg) brightness(97%) contrast(90%); }
.color-3 { color: var(--color-3); }
img.color-3 { filter: invert(58%) sepia(85%) saturate(2545%) hue-rotate(151deg) brightness(100%) contrast(87%); }
.color-4 { color: var(--color-4); }
.background-color-1 { background-color: var(--color-1); }
.background-color-2 { background-color: var(--color-2); }
.background-color-3 { background-color: var(--color-3); }
.background-color-4 { background-color: var(--color-4); }

.background-color-7 { background-color: var(--color-7); }

.background-color-transparent { background-color: rgba(0,0,0,0); }

.background-color-white { background-color: #ffffff; }

.background-color-gray-300 { background-color: var(--gray-300); }
.background-color-gray-100 { background-color: var(--gray-100); }
.background-color-gray-200 { background-color: var(--gray-200); }

.color-gray-100 { color: var(--gray-100); }
.color-gray-200 { color: var(--gray-200); }
.color-gray-300 { color: var(--gray-300); }
.color-gray-400 { color: var(--gray-400); }
.color-gray-500 { color: var(--gray-500); }
img.color-gray-200 { filter: invert(43%) sepia(5%) saturate(226%) hue-rotate(188deg) brightness(95%) contrast(82%); }
img.color-gray-400 {filter: invert(92%) sepia(8%) saturate(182%) hue-rotate(169deg) brightness(93%) contrast(88%);/*#ced4da*/}
img.color-gray-500 { filter: invert(83%) sepia(6%) saturate(359%) hue-rotate(169deg) brightness(87%) contrast(87%);/*#adb5bd*/ }

.color-gray-400 { color: var(--gray-400); }
.color-red{color:red}
.has-span-color-3 span { color: var(--color-3); }
.color-white .has-span-color-3 { color: #ffffff; }
.color-white .has-span-color-3 span { display: block; }
.has-span-color-white span { color: #ffffff; }

.modules-mod_tudaccomodations-tmpl-themes_php .color-gray-200 .has-span-color-3 span { color: #ffffff; }

.has-ul-type-1 ul li { list-style: none;font-family: Ubuntu,sans-serif;font-weight: 800;;font-size: 16px; }
.has-ul-type-1 ul {margin: 0;padding: 0; }
.has-ul-type-1 ul li:before { 
  color: var(--color-3);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  padding-right: 0.5em;
}


.action-button i {
  font-size: 22px;
  font-weight: 400;
  color: var(--color-1);
  background-color: var(--color-2);
  position: absolute;
  left: 5px;
  border-radius: 100%;
  width: 46px;
  height: 46px;
  top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s all;
}
/* .le-info .action-button {
  margin: 10px 0;
}
.le-info .action-button i {
  font-weight: 600;
}
.le-info img {
  margin-bottom: 10px;
} */
.action-button:hover i {
  color: white;
  background-color: var(--color-3);
}

/* .intro .column {
  padding: 30px 15px;
} */
/* .adress-camping {
  padding-left: 22px;
} */
/* .adress-camping i {
  color: var(--color-3);
  margin-right: 10px;
  margin-left: -22px;
}
.les-informations img {
  margin-bottom: 10px;
} */

.tooltip  {
 position: relative;
 cursor: pointer;
}

.tooltip div {
  
  background-color: #ffffff;
  font-family: Ubuntu,sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
  bottom: 25px;
  display: block;
  position: absolute;
  /* width: 317px; */
  /* width: 130px; */

  z-index: 9;
  padding: 10px;
  height: 297px;
  width: 50vh;
  left: -100px;
  max-width: 100vh;
  text-align: right;
}

.tooltip div iframe { 
 
  width: 100%;
  height: 100%;
}
/* .openCloseDispos{
  color: var(--color-1);
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--color-2);
  cursor:pointer;

} */
.openCloseDispos.div-active{
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--color-4);
  cursor:pointer;
}
.openCloseDispos:hover{
  /* color: var(--color-2); */
  background-color: var(--color-4);
}

/* .openCloseDispos.div-active:hover{
  color: var(--color-1);
  background-color: var(--color-2);
} */

.openCloseDispos:before{
  content : 'Voir tous les Hébergements';
}
.openCloseDispos.div-active:before{
  content : 'Masquer tous les Hébergements';
}

.openCloseDispos{
  position: relative;
}
/* .search-result-item { border-top-right-radius: 20px;border-top-left-radius: 20px; } */
.openCloseDispos:after {
  background-color: var(--color-1);
}
.openCloseDispos.div-active:after {
  background-color: var(--color-4);
  transform: scaleY(-1);
  position: absolute;
  bottom: 0;
  padding: 11px!important;
}
.openCloseDispos.div-active:after,
.openCloseDispos:after {

  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f103";
  padding: 13px;
  width: 39px;
  height: 31px;
  z-index: 0;

}
/* .openCloseDispos.div-active:hover:after {
  background-color: var(--color-2);
} */

.openCloseDispos:hover:after {
  background-color: var(--color-4);
}
.sqs-columns { margin: 0 20px; }
.sqs_personnes_div { z-index: 1001 !important; }
/*
@media (max-width: 340px) {
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile { margin-top: -15px; }
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile:after { top: 0 !important; }
}
@media (max-width: 418px) {
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile { margin-top: -15px; }
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile:after { top: 0 !important; }
}
*/


wrapper-content nav-left ul, wrapper-content nav-right ul { margin: 0 !important;padding: 0;border: 0;  }
#sqs-search-mobile-form-display { box-shadow: 0 5px 10px rgba(0,0,0,.1); }
#sqsFormRechercher #sqs-search-mobile-form-display-default { display:none!important; }


@media (max-width: 1024px) {

  /* #show-filter-options { border: 0 !important;color: rgba(0,0,0,0); } */
  #sqs-search-mobile-form-display { margin: 0 20px !important; }
  .sqs-dates-flexibles-wrapper label #sqs_dates_flexibles,
  .sqs-dates-flexibles-wrapper label .sqs-checkmark { height: 20px; }
  .sqs-dates-flexibles-wrapper label { padding: 17px 73px 36px 25px !important; }
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile::after {
    right: -68px !important;top: -13px !important;
  }
  .sqs-dates-flexibles-wrapper label #sqs_dates_flexibles, .sqs-dates-flexibles-wrapper label .sqs-checkmark { height: 65px !important; }


  #sqs_recherche_formulaire .sqs-mobile-data { font-size: 14px; }
  #sqs-search-mobile-form-display { padding: 10px 15px !important; }
  .results_serach-php { position: inherit; min-height: 100vh; }
  .is-fixed-top-header{position: initial;}
  #show-filter-options .picto-badge { 
    position: absolute;
    top: 186px;
    right: 27px;
    width: 50px;
    height: 50px;
    z-index: 1;
  }
  .is-fixed-top-header #show-filter-options .picto-badge { 
    position: fixed;
    top: 23px;

  }
  .content-map-mobile{
    position: fixed;
    top: 0;
  }
  .is-fixed-top-header{
    width: 100%;
  }
  .is-fixed-top{
    z-index: 1;
  }
}
@media (max-width: 992px) {
  .wrapper { width: 100%; }
  #sqs-search-mobile-form-display { margin: 0 20px !important; }

}
@media (max-width: 370px) {
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile { margin-top: -10px; }
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile:after { top: -3px !important; }
}
.sub-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  bottom: 1em;
  position: absolute;
  width: calc(100% - 2em);
}
.sub-content-left,
.sub-content-right { width: 50%; }
.sub-content-left p{
  margin: 0!important;
}
.sub-content-right { text-align: right; }
#search-map-results { position: relative; height: 100vh; width: 100%;}

.modal-header-map-results { position: fixed;top: 0;width: 100vw;z-index: 5; }
@media (max-width: 1024px) {

  #search-map-results {
    
    position: fixed !important;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 5;
    
  }
  #search-map-results.is-fixed-top-map{
    position: fixed !important;
    top: 45px;
    width: 100vw;
    height: 100vh;
    z-index: 5;
  }


  .search-result-item, .search-result-item .full-height { height: auto; }
  .search-result-item-img-wrapper.content_img { height: 230px; }
  .sub-content-left,
  .sub-content-right { width: 100%; }
  .sub-content-right { text-align: left; }
  .sub-content {
    bottom: inherit;
    position: relative;
    width: 100%;
  }
  .sqs-dates-flexibles-wrapper { margin: 20px !important; }

}
@media (max-width: 1560px) and (min-width: 1420px) {
  .dates-disponibilites{
    font-size: 14px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {


}
@media (max-width: 1024px) and (min-width: 420px) {
  .tab-info .lib_categ {
    font-size: 18px;
    line-height: 22px;
  }
  .dates-disponibilites {
    font-size: 14px;
  }

}
@media (max-width: 768px) and (min-width: 600px) {
  .price-content {
      max-width: 50%;
  }
  .button-reserver-content{
      max-width: 50%;
  }

}



@media (max-width: 768px) {
  .item-disponibilities .text-align-right { text-align: left; }
  .item-disponibilities .item-disponibilities-price { padding-bottom: 20px; }

  #show-filter-options .picto-badge { 
    top: 111px;
  }

}

.only-mobile-hidden {
  display: none;
}
@media (max-width: 1024px) {
  .only-mobile-do-not-show { opacity: 0;pointer-events: none; }
  #sqs_recherche_formulaire #sqs-search-mobile-form-display {
    display: block !important;
  }
  .sqs-columns {
    flex-wrap: wrap;
    border-radius: 0 !important;
    padding: 15px 10px;
  }
  .sqs-only-mobile { display: block !important; }
  .sqs-only-desktop { display: none !important; }
  .sqs-mobile-hidden {
    display: none;
  }
  .sqs-dates-flexibles-wrapper label {
    background-color: #fff !important;
    border: 1px solid var(--brand-color-1) !important;
    background-image: none !important;
    height: 17px !important;
  }
  /*
  .sqs-dates-flexibles-wrapper .sqs-checkmark { opacity: 0 !important; }
  */
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile { position: relative; }
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile::after {
    content: '';
    position: absolute;
    right: -69px !important;
    top: -13px !important;
    background-color: var(--brand-color-1);
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-position: center center;
    background-size: 22px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="164.91211" height="158.50391" viewBox="0 0 43.632995 41.937493"><g transform="translate(-75.160106,-170.01932)"><path style="color:%23ffffff; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: medium; line-height: normal; font-family: sans-serif; font-variant-ligatures: normal; font-variant-position: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-alternates: normal; font-variant-east-asian: normal; font-feature-settings: normal; font-variation-settings: normal; text-indent: 0; text-align: start; text-decoration: none; text-decoration-line: none; text-decoration-style: solid; text-decoration-color: %23ffffff; letter-spacing: normal; word-spacing: normal; text-transform: none; writing-mode: lr-tb; direction: ltr; text-orientation: mixed; dominant-baseline: auto; baseline-shift: baseline; text-anchor: start; white-space: normal; shape-padding: 0; shape-margin: 0; inline-size: 0; clip-rule: nonzero; display: inline; overflow: visible; visibility: visible; opacity: 1; isolation: auto; mix-blend-mode: normal; color-interpolation: sRGB; color-interpolation-filters: linearRGB; solid-color: %23ffffff; solid-opacity: 1; vector-effect: none; fill: %23ffffff; fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 3.77953; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0; stroke-opacity: 1; color-rendering: auto; image-rendering: auto; shape-rendering: auto; text-rendering: auto; enable-background: accumulate; stop-color: %23ffffff; stop-opacity: 1" d="m -50.289062,-101.6543 a 4.1574802,4.1574802 0 0 0 -4.16211,4.156253 v 14.115235 h -17.126953 c -13.993466,0 -25.378906,11.38547 -25.378906,25.378906 v 89.474609 c 0,13.993474 11.385447,25.378906 25.378906,25.378906 H 42.576172 c 13.993474,0 25.378906,-11.385432 25.378906,-25.378906 v -89.474609 c 0,-13.993436 -11.385432,-25.378906 -25.378906,-25.378906 H 25.449219 v -14.115235 a 4.1574991,4.1574991 0 0 0 -4.16211,-4.156253 4.1574991,4.1574991 0 0 0 -4.15625,4.156253 v 14.115235 h -63.263671 v -14.115235 a 4.1574802,4.1574802 0 0 0 -4.15625,-4.156253 z m -21.289063,25.830081 h 17.126953 V -58.625 a 4.1574802,4.1574802 0 0 0 4.16211,4.164062 4.1574802,4.1574802 0 0 0 4.15625,-4.164062 V -75.824219 H 17.130859 V -58.625 a 4.1574991,4.1574991 0 0 0 4.15625,4.164062 4.1574991,4.1574991 0 0 0 4.16211,-4.164062 v -17.199219 h 17.126953 c 9.936491,0 17.820312,7.883821 17.820312,17.820313 v 16.912109 H -89.398438 v -16.912109 c 0,-9.936492 7.883814,-17.820313 17.820313,-17.820313 z m -17.820313,43.050781 H 60.396484 v 64.244141 c 0,9.936529 -7.883821,17.820313 -17.820312,17.820313 H -71.578125 c -9.936506,0 -17.820313,-7.883784 -17.820313,-17.820313 z m 22.38086,22.38086 v 8.3164061 h 14.058594 v -8.3164061 z m 45.488281,0 v 8.3164061 h 14.0566408 v -8.3164061 z m 45.486328,0 v 8.3164061 H 38.015625 V -10.392578 Z M -67.017578,19.34375 v 8.316406 h 14.058594 V 19.34375 Z m 45.488281,0 v 8.316406 H -7.4726562 V 19.34375 Z m 45.486328,0 v 8.316406 H 38.015625 V 19.34375 Z" transform="matrix(0.26458333,0,0,0.26458333,100.81332,196.91535)" /></g></svg>');
  }

  #results_number_display { font-size: 16px;color: var(--gray-200); }

  .results-data-info-header { 
    padding: 1em;
  }
  #results_rechercher_parent { 
    padding: 0 1em !important;
  }
}
@media (max-width: 420px) {
  .results-data-info-header { text-align: center; }
  .voir-sur-la-carte, .filter-by-order { float: none;display: inline-block; }
}

@media (max-width: 375px) {
  .sqs-dates-flexibles-wrapper label { padding: 5px 79px 46px 40px !important; }
  .sqs-dates-flexibles-wrapper span.sqs-only-mobile::after { top: -2px !important;right: -75px !important; }
}
@media (max-width: 370px) {
  .sqs-dates-flexibles-wrapper label { padding: 15px 79px 36px 40px !important; }
}

.voir-sur-la-carte {
  border: 1px var(--gray-500) solid;
    padding: 5px;
    cursor: pointer;
    color: var(--color-1);
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Ubuntu,sans-serif;
    font-weight: 800;
    display: inline-flex;
    text-align: center;
    padding: 13px;
    color: #bababa;
    background-color: initial;
}
/* .voir-sur-la-carte:after {
  content: '';
  width: 35px;height: 35px;background-color: var(--color-1);
  border-radius: 100%;
  position: absolute;right: 6px;top: 6px;
  background-position: center center;
  background-size: 26px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118.93214" height="119.75237" viewBox="0 0 31.46746 31.684481"><g transform="translate(-81.815408,-115.34453)"><path style="fill:%23FEEA10;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m 100.37036,115.34453 -1.51912,0.43404 -0.217016,1.84464 -4.123322,1.73614 v 0.97657 l -3.146748,0.65105 -1.302102,-2.06166 -0.976577,1.08509 -0.108508,2.71271 -1.953152,0.43404 -0.651052,-0.97658 -3.906306,-0.10851 -0.651049,1.41061 3.906305,2.06166 0.108509,0.86807 1.627626,0.75956 c 0,0 0.217017,4.66586 1.627627,4.66586 0.868068,3.90631 -1.085083,9.54876 -1.844644,11.17638 1.519118,2.27868 4.014815,2.49569 4.014815,2.49569 l 0.434033,-0.97657 3.038239,0.32552 1.519119,1.84465 3.472272,0.32552 c 0,0 -1.41061,-2.49569 1.627631,-3.47227 4.03411,-1.29668 6.07647,1.3021 6.07647,1.3021 l 3.58078,-2.71271 c 0,0 -1.84464,-1.95315 -1.84464,-2.82122 0,-0.86807 0.75956,-5.42542 0.75956,-5.42542 0,0 -1.73614,0.43403 -2.17017,-0.43404 -0.65105,-2.60421 2.49569,-4.55736 3.36376,-5.20841 v -3.47227 c 0.75956,-0.21701 2.17017,-1.41061 2.17017,-1.41061 -2.6042,-0.75956 -11.93593,-5.85946 -12.91251,-8.02963 z" id="path861" /></g></svg>');
} */
.filter-by-order {
  position: relative;
  width: 25%;
  padding: 10px;
}
textarea:focus, input:focus, input:focus-visible, select:focus, select:focus-visible{
  outline: none;
}

#sort_prix {
  /* color: var(--gray-200); */
  border: 1px var(--gray-500) solid;
  border-radius: 0;
  padding: 0;
  padding: 13px 10px;
  width: 100%;
  text-transform: uppercase;
  font-size: 11px;
  font-family: Ubuntu,sans-serif;
  font-weight: 800;

 
}
/*
.filter-by-order span { border: 1px solid var(--gray-200);padding: 15px 20px;border-radius: 40px;font-weight: bold;position: absolute;right: 0; }
.filter-by-order select { padding-top: 40px;background-color: rgba(0,0,0,0); }
.filter-by-order select:hover { background-color: rgba(0,0,0,0); }
*/



@media (max-width: 1600px) {
  .item-disponibilities .columns .column.is-3-desktop .display-percentage,
  .item-disponibilities .columns .column.is-3-desktop .display-public-price,
  .item-disponibilities .columns .column.is-3-desktop .display-price { display: block;margin: 0 auto; }

  .item-disponibilities .columns .column.is-3-desktop { width: 16.66666674%; }
  .item-disponibilities .columns .column.is-2-desktop { width: 25%; }

  .item-disponibilities .columns .column.is-3-desktop .display-public-price {
    padding: 0 !important;
    text-align: center;
    margin-top: 10px;
  }
  .item-disponibilities .columns .column.is-3-desktop .display-price {
    padding: 0 !important;
    text-align: center;
  }
}
@media (max-width: 769px) {
  .item-disponibilities .columns .column.is-3-desktop .display-percentage,
  .item-disponibilities .columns .column.is-3-desktop .display-public-price,
  .item-disponibilities .columns .column.is-3-desktop .display-price { 
    display: inline;
    margin: 0 10px !important;
  }
  .item-disponibilities .columns .column.is-2-desktop { width: 30%; }
  .item-disponibilities .columns .column.is-3-desktop { width: 70%; }
}
@media (max-width: 600px) {
  
  .item-disponibilities .columns .column.is-2-desktop,
  .item-disponibilities .columns .column.is-3-desktop { width: 100%;padding-top: 20px; }
  /* .item-disponibilities .font-size-18px.float-left { display: none; } */

  .item-disponibilities .columns .column.is-7-desktop,
  .item-disponibilities .columns .column.is-3-desktop {
    height: 85px;
    padding-top: 20px !important;
  }

  .item-disponibilities .columns .column.is-7-desktop { width: 60%;margin-top: 0; }
  .item-disponibilities .columns .column.is-7-desktop .lib_categ  { font-size: 18px; }
  .item-disponibilities .columns .column.is-3-desktop { width: 40%; }
  .item-disponibilities .columns { position: relative;padding: 0 20px; }
  .item-disponibilities .tooltip { position: absolute;right: 20px;bottom: 20px; }
  .item-disponibilities .tooltip i.fas { color: var(--color-1);font-size: 45px; }
  .item-disponibilities .columns .column.is-3-desktop { position: relative; }
  .item-disponibilities .columns .column.is-3-desktop .display-percentage {
    margin: 0 !important;
    background-color: var(--color-3) !important;
    font-size: 14px !important;
    padding: 3px 5px !important;
    border-radius: 25px !important;
    position: absolute;
    left: 0;bottom: 10px;
  }
  .item-disponibilities .columns .column.is-3-desktop .display-public-price,
  .item-disponibilities .columns .column.is-3-desktop .display-price {
    display: block;
    text-align: right;
  }
  .item-disponibilities .columns .column.is-3-desktop .display-public-price { font-size: 16px; }
  .item-disponibilities .columns .column.is-3-desktop .display-price { font-size: 21px; }

  /* .item-disponibilities .columns .column.is-2-desktop .action-button-background-color-1,
  .sub-content .action-button { 
    border-radius: 40px;
    text-transform: uppercase;
    margin-top: 10px;
    width: 100%;
    text-align: center;
  } */
  .item-disponibilities .columns .column.is-2-desktop .action-button-background-color-1 {
    width: calc(100% - 50px);
    margin-bottom: 20px;
    border: 1px rgba(0,0,0,0) solid;
  }

  .item-disponibilities .tooltip div { 
    z-index: 1;
    left: -125px !important;
    bottom: 50px; 
    height: 297px;
    left: calc(-100vw + 128px) !important;
    width: 90vw;
  }
}

/** AJUSTES CSS 20221219 **/

.lib_categ { font-size: 18px; }
.container-discount-dates {     display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
 }
.dates-disponibilites { font-size: 13px; }
.discount_results { top: 10px; }
/* #show-filter-options { width: 150px; } */


@media (max-width: 1800px) {
  /* .item-disponibilities .columns .column.tab-info { width: 100%; }
  .item-disponibilities .columns .column.price-content { width: 50%; } */
  
  .item-disponibilities .columns .column.button-reserver-content { width: 50%;text-align: right; }
}
@media (max-width: 1024px) {

  .info-result-filter-button-wrapper { 
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row;
    flex: 0.8;
    gap: 9px;
  }
  #show-filter-options {
    display: block;
    flex: 1;
  }
  .results-data-info-header .voir-sur-la-carte { 
    flex: 1;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 600px) {

  .filter-by-order{width: 50%; padding-right: 0;}

  .item-disponibilities .columns .column.button-reserver-content { width: 100%;text-align: inherit; }
  #bg-curtain { z-index: 0 !important; }
}
.results-data-info-header.is-fixed-top-header { width: 50%; }
@media (max-width: 1408px) {
  .results-data-info-header.is-fixed-top-header { width: 58.33333337%; }
}
#results_number_display { font-size: 16px;line-height: 22px; }
#results_number_display strong { font-size: 18px; }
.roomPopin { background-color: #ffffff; }
.tooltip div iframe { height: calc(100% - 40px); }
footer.bg-blue { z-index: 9999; }

.sqs_personnes_div .sqs-span-block .sqs_float-right button { padding: 0; }

.leaflet-popup-content-wrapper .leaflet-popup-content .myInfoWindow .info-content-wrapper .discount_results,
.search-result-item .columns .column .item-info-wrapper .discount_results { display: none; }

#bg-curtain {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0);
  width: 100vw;
  height: 100vh;
  z-index: 400;
}
.tooltip div { z-index: 401; }

/* NEW */

.only-desktop-1024px {
  display: block;
}
.only-mobile-1024px {
  display: none;
}
@media (max-width: 1024px) {
  .only-desktop-1024px {
      display: none !important;
  }
  .only-mobile-1024px {
      display: block !important;
  }
}

@media screen and (max-width: 1320px) {
  .results_serach-php.container {
      max-width: 1152px;
  }
  #filters { width: 100%; }
}

@media screen and (max-width: 1408px) {
  .results_serach-php.container {
      max-width: 1344px;
  }
}

@media screen and (max-width: 1024px) {
.results-data-info.data-results { width: 100% !important; }
#search-filters-block { width: 100vw; }
}

.filters-scroll-top.action-button {
  margin: 20px auto;
}
.filters-scroll-top.action-button:hover {
  background-color: var(--color-3);
  cursor: pointer;
  transition: all .3s;
  color: white;
}
.filters-scroll-top { opacity: 0; }
.filters-scroll-top-fixed {
  opacity: 1;
  position: fixed;
  width: 275px;
  top: 150px;
}
@media screen and (max-width: 1200px) {
  .filters-scroll-top-fixed { width: 200px; }

}

.tooltip-iframe-container {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  height: 100vh !important;
  width: 100vw !important;
  border: 0 !important;
  z-index: 9999 !important;
  min-width: 100vw;
}
@media (max-width: 600px) {
  .item-disponibilities .tooltip div {
      position: fixed !important;
      left: 0 !important;
      top: 0 !important;
      height: 100vh !important;
      width: calc(100vw - 15px) !important;
      border: 0 !important;
      z-index: 9999 !important;
      min-width: calc(100vw - 15px);
  }
}

.tooltip div { width: calc(100vw - 15px) !important;min-width: calc(100vw - 15px);left: 0 !important; }
@media (min-width: 1200px) {
.tooltip div { width: 1200px !important;min-width: 1200px;left: calc(50vw - 600px) !important; }
}

@media (max-width: 1024px) {
  .results-data-info-header.is-fixed-top-header .is-flex-center {
    z-index: 99999;
    position: fixed;
    top: 14px;
    right: 15px;
  }
  .results-data-info-header.is-fixed-top-header .is-flex-center .info-result-wrapper,
  .results-data-info-header.is-fixed-top-header .is-flex-center .voir-sur-la-carte { display: none; }
  .results-data-info-header.is-fixed-top-header #show-filter-options .picto-badge { top: 21px; }
  
}