@import 'variable-icon.css';



.inter-uniquifier {

  font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-style: normal;

  font-variation-settings:"slnt" 0;

}



.roboto-thin {

  font-family: "Roboto", sans-serif;

  font-weight: 100;

  font-style: normal;

}



.roboto-light {

  font-family: "Roboto", sans-serif;

  font-weight: 300;

  font-style: normal;

}



.roboto-regular {

  font-family: "Roboto", sans-serif;

  font-weight: 400;

  font-style: normal;

}



.roboto-medium {

  font-family: "Roboto", sans-serif;

  font-weight: 500;

  font-style: normal;

}



.roboto-bold {

  font-family: "Roboto", sans-serif;

  font-weight: 700;

  font-style: normal;

}



.roboto-black {

  font-family: "Roboto", sans-serif;

  font-weight: 900;

  font-style: normal;

}



.roboto-thin-italic {

  font-family: "Roboto", sans-serif;

  font-weight: 100;

  font-style: italic;

}



.roboto-light-italic {

  font-family: "Roboto", sans-serif;

  font-weight: 300;

  font-style: italic;

}



.roboto-regular-italic {

  font-family: "Roboto", sans-serif;

  font-weight: 400;

  font-style: italic;

}



.roboto-medium-italic {

  font-family: "Roboto", sans-serif;

  font-weight: 500;

  font-style: italic;

}



.roboto-bold-italic {

  font-family: "Roboto", sans-serif;

  font-weight: 700;

  font-style: italic;

}



.roboto-black-italic {

  font-family: "Roboto", sans-serif;

  font-weight: 900;

  font-style: italic;

}







*,

::before,

::after {

  box-sizing: border-box; /* 1 */

  border-width: 0; /* 2 */

  border-style: solid; /* 2 */

  border-color: #B7B6B6; /* 2 */

}



::before,

::after {

  --tw-content: '';

}



/*

1. Use a consistent sensible line-height in all browsers.

2. Prevent adjustments of font size after orientation changes in iOS.

3. Use a more readable tab size.

4. Use the user's configured `sans` font-family by default.

5. Use the user's configured `sans` font-feature-settings by default.

6. Use the user's configured `sans` font-variation-settings by default.

*/



html {

  line-height: 1.5; /* 1 */

  /* -webkit-text-size-adjust: 100%; 2 */

  -moz-tab-size: 4;

  -o-tab-size: 4;

     tab-size: 4;

  font-family: Open Sans, ui-sans-serif, system-ui; /* 4 */

  font-feature-settings: normal; /* 5 */

  font-variation-settings: normal; /* 6 */

}



/*

1. Remove the margin in all browsers.

2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.

*/

body {

  margin: 0; /* 1 */

  line-height: 125%; /* 2 */

}





hr {

  height: 0; /* 1 */

  color: inherit; /* 2 */

  border-top-width: 1px; /* 3 */

}



/*

Add the correct text decoration in Chrome, Edge, and Safari.

*/



abbr:where([title]) {

  -webkit-text-decoration: underline dotted;

          text-decoration: underline dotted;

}



/*

Remove the default font size and weight for headings.

*/



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: inherit;

  font-weight: inherit;

}



/*

Reset links to optimize for opt-in styling instead of opt-out.

*/



a {

  color: inherit;

  text-decoration: inherit;

}



/*

Add the correct font weight in Edge and Safari.

*/



b,

strong {

  font-weight: bolder;

}



/*

1. Use the user's configured `mono` font family by default.

2. Correct the odd `em` font sizing in all browsers.

*/



code,

kbd,

samp,

pre {

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */

  font-size: 1em; /* 2 */

}



/*

Add the correct font size in all browsers.

*/



small {

  font-size: 80%;

}



/*

Prevent `sub` and `sup` elements from affecting the line height in all browsers.

*/



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



/*

1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)

2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)

3. Remove gaps between table borders by default.

*/



table {

  text-indent: 0; /* 1 */

  border-color: inherit; /* 2 */

  border-collapse: collapse; /* 3 */

}



/*

1. Change the font styles in all browsers.

2. Remove the margin in Firefox and Safari.

3. Remove default padding in all browsers.

*/



button,

optgroup,

select,

textarea {

  font-family: inherit; /* 1 */

  font-size: 100%; /* 1 */

  font-weight: inherit; /* 1 */

  line-height: inherit; /* 1 */

  color: inherit; /* 1 */

  margin: 0; /* 2 */

  padding: 0; /* 3 */

}



/*

Remove the inheritance of text transform in Edge and Firefox.

*/



button,

select {

  text-transform: none;

}



/*

1. Correct the inability to style clickable types in iOS and Safari.

2. Remove default button styles.

*/



button,

[type='button'],

[type='reset'],

[type='submit'] {

  -webkit-appearance: button; /* 1 */

  background-color: transparent; /* 2 */

  background-image: none; /* 2 */

}



/*

Use the modern Firefox focus style for all focusable elements.

*/



:-moz-focusring {

  outline: auto;

}



/*

Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)

*/



:-moz-ui-invalid {

  box-shadow: none;

}



/*

Add the correct vertical alignment in Chrome and Firefox.

*/



progress {

  vertical-align: baseline;

}



/*

Correct the cursor style of increment and decrement buttons in Safari.

*/



::-webkit-inner-spin-button,

::-webkit-outer-spin-button {

  height: auto;

}



/*

1. Correct the odd appearance in Chrome and Safari.

2. Correct the outline style in Safari.

*/



[type='search'] {

  -webkit-appearance: textfield; /* 1 */

  outline-offset: -2px; /* 2 */

}



/*

Remove the inner padding in Chrome and Safari on macOS.

*/



::-webkit-search-decoration {

  -webkit-appearance: none;

}



/*

1. Correct the inability to style clickable types in iOS and Safari.

2. Change font properties to `inherit` in Safari.

*/



::-webkit-file-upload-button {

  -webkit-appearance: button; /* 1 */

  font: inherit; /* 2 */

}



/*

Add the correct display in Chrome and Safari.

*/



summary {

  display: list-item;

}



/*

Removes the default spacing and border for appropriate elements.

*/



blockquote,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

figure,

p,

pre {

  margin: 0;

}



fieldset {

  margin: 0;

  padding: 0;

}



legend {

  padding: 0;

}



ol,

ul,

menu {

  list-style: none;

  margin: 0;

  padding: 0;

}



/*

Prevent resizing textareas horizontally by default.

*/



textarea {

  resize: vertical;

}



/*

1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)

2. Set the default placeholder color to the user's configured gray 400 color.

*/



input::-moz-placeholder, textarea::-moz-placeholder {

  opacity: 1; /* 1 */

  color: #A9A9A9; /* 2 */

}



input::placeholder,

textarea::placeholder {

  opacity: 1; /* 1 */

  color: #A9A9A9; /* 2 */

}



/*

Set the default cursor for buttons.

*/



button,

[role="button"] {

  cursor: pointer;

}



/*

Make sure disabled buttons don't get the pointer cursor.

*/

:disabled {

  cursor: default;

}



/*

1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)

2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)

   This can trigger a poorly considered lint error in some tools but is included by design.

*/



img,

svg,

video,

canvas,

audio,

iframe,

embed,

object {

  display: block; /* 1 */

  vertical-align: middle; /* 2 */

}



/*

Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)

*/



img,

video {

  max-width: 100%;

  height: auto;

}



/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {

  display: none;

}



/* [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  background-color: #fff;

  border-color: #666666;

  border-width: 1px;

  border-radius: 0px;

  padding-top: 0.5rem;

  padding-right: 0.75rem;

  padding-bottom: 0.5rem;

  padding-left: 0.75rem;

  font-size: 1rem;

  line-height: 1.5rem;

  --tw-shadow: 0 0 #0000;

} */



[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: #2563eb;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  border-color: #2563eb;

}



input::-moz-placeholder, textarea::-moz-placeholder {

  color: #666666;

  opacity: 1;

}



input::placeholder,textarea::placeholder {

  color: #666666;

  opacity: 1;

}



::-webkit-datetime-edit-fields-wrapper {

  padding: 0;

}



::-webkit-date-and-time-value {

  min-height: 1.5em;

}



::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {

  padding-top: 0;

  padding-bottom: 0;

}



/* select {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

  background-position: right 0.5rem center;

  background-repeat: no-repeat;

  background-size: 1.5em 1.5em;

  padding-right: 2.5rem;

  -webkit-print-color-adjust: exact;

          print-color-adjust: exact;

} */



[multiple] {

  background-image: initial;

  background-position: initial;

  background-repeat: unset;

  background-size: initial;

  padding-right: 0.75rem;

  -webkit-print-color-adjust: unset;

          print-color-adjust: unset;

}



[type='radio'] {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  padding: 0;

  -webkit-print-color-adjust: exact;

          print-color-adjust: exact;

  display: inline-block;

  vertical-align: middle;

  background-origin: border-box;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  flex-shrink: 0;

  height: 1rem;

  width: 1rem;

  color: #2563eb;

  background-color: #fff;

  border-color: #666666;

  border-width: 1px;

  --tw-shadow: 0 0 #0000;

}



[type='checkbox'] {

  border-radius: 0px;

}



[type='radio'] {

  border-radius: 100%;

}



 [type='radio']:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

  --tw-ring-offset-width: 2px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: #2563eb;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

}



[type='radio']:checked {

  border-color: transparent;

  background-color: currentColor;

  background-size: 100% 100%;

  background-position: center;

  background-repeat: no-repeat;

}





/* [type='checkbox']:checked {

  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23008DEB' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");

  background-color: #fff;

  accent-color: #fff;

} */





[type='radio']:checked {

  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");

}



[type='radio']:checked:hover,[type='radio']:checked:focus {

  border-color: transparent;

  background-color: currentColor;

}



/* [type='checkbox']:indeterminate {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");

  border-color: transparent;

  background-color: currentColor;

  background-size: 100% 100%;

  background-position: center;

  background-repeat: no-repeat;

}



[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {

  border-color: transparent;

  background-color: currentColor;

} */



[type='file'] {

  background: unset;

  border-color: inherit;

  border-width: 0;

  border-radius: 0;

  padding: 0;

  font-size: unset;

  line-height: inherit;

}



[type='file']:focus {

  outline: 1px solid ButtonText;

  outline: 1px auto -webkit-focus-ring-color;

}



.rotate-90, .scale-100, .scale-95, .transform {

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

}



.shadow-2xl, .shadow-lg, .shadow-md, .active\:shadow-none {

  --tw-ring-offset-shadow: 0 0 #0000;

  --tw-ring-shadow: 0 0 #0000;

  --tw-shadow: 0 0 #0000;

  --tw-shadow-colored: 0 0 #0000;

}



.ring-1 {

  --tw-ring-inset:  ;

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: rgb(0 141 235 / 0.5);

  --tw-ring-offset-shadow: 0 0 #0000;

  --tw-ring-shadow: 0 0 #0000;

  --tw-shadow: 0 0 #0000;

  --tw-shadow-colored: 0 0 #0000;

}



.blur {

  --tw-blur:  ;

  --tw-brightness:  ;

  --tw-contrast:  ;

  --tw-grayscale:  ;

  --tw-hue-rotate:  ;

  --tw-invert:  ;

  --tw-saturate:  ;

  --tw-sepia:  ;

  --tw-drop-shadow:  ;

}



.container {

  width: 100%;

  margin-right: auto;

  margin-left: auto;

  /* padding-right: 20px;

  padding-left: 20px; */

}



.container ul.main-menu {

  justify-content: center;

  gap: 24px;

}





header.header {

  display: flex;

  flex-direction: column;

  gap: 34px;

  padding: 34px 0px 0px 0px;

}



.list-hover.main-menu {

  display: grid;

  grid-auto-flow: column;

  grid-gap: 10px;

}



.form-input,.form-textarea,.form-select,.form-multiselect {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  background-color: #fff;

  /* border-color: #666666; */

  border-width: 1px;

  border-radius: 0px;

  padding-top: 0.5rem;

  padding-right: 0.75rem;

  padding-bottom: 0.5rem;

  padding-left: 0.75rem;

  font-size: 1rem;

  line-height: 1.5rem;

  --tw-shadow: 0 0 #0000;

}

.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: #2563eb;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  border-color: #2563eb;

}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {

  color: #666666;

  opacity: 1;

}

.form-input::placeholder,.form-textarea::placeholder {

  color: #666666;

  opacity: 1;

}

.form-input::-webkit-datetime-edit-fields-wrapper {

  padding: 0;

}

.form-input::-webkit-date-and-time-value {

  min-height: 1.5em;

}

.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {

  padding-top: 0;

  padding-bottom: 0;

}





.form-select, select#prixMaximum {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath id='chevron-up2' d='M0.0957971 1.38994L0.918576 0.591515C0.947793 0.562523 0.982582 0.539506 1.02093 0.523798C1.05928 0.508089 1.10042 0.5 1.14197 0.5C1.18353 0.5 1.22467 0.508089 1.26302 0.523798C1.30136 0.539506 1.33615 0.562523 1.36537 0.591515L4.00126 3.1766L6.63614 0.591515C6.66536 0.562523 6.70015 0.539506 6.7385 0.523798C6.77684 0.508089 6.81798 0.5 6.85954 0.5C6.9011 0.5 6.94224 0.508089 6.98058 0.523798C7.01893 0.539506 7.05372 0.562523 7.08294 0.591515L7.90671 1.38994C7.96646 1.4488 8 1.52849 8 1.61156C8 1.69463 7.96646 1.77431 7.90671 1.83318L4.22465 5.44564C4.09999 5.56795 3.77786 5.44564 3.77786 5.44564L0.0957971 1.83807C0.0654616 1.80883 0.0413671 1.77396 0.024919 1.73549C0.00847101 1.69702 0 1.65572 0 1.614C0 1.57228 0.00847101 1.53098 0.024919 1.49251C0.0413671 1.45404 0.0654616 1.41917 0.0957971 1.38994Z' fill='%23A9A9A9'/%3E%3C/svg%3E");

  background-position: right 1.2em center;

  background-size: auto;

  background-repeat: no-repeat;

  padding-right: 1.8em;

  -webkit-print-color-adjust: exact;

  print-color-adjust: exact;

}





/* STYLE POUR LE BOUTON ORDRE RECOMMANDÉ  */

.case_recomander {
  position: relative;
}

.case_recomander div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.open_lien {
  position: absolute;
  top: 50px;
  right: 0px;
  background-color: #fff;
  border: 1px solid #D2D3D7;
  border-radius: 8px;
  list-style: none;
  padding: 20px;
  margin: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 100000000;
  min-width: max-content;
}



.open_lien li {

  font-family: "Inter", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  padding: 4px;

  cursor: pointer;

}



.open_lien li:hover {

  color: #008DEB;

  background-color: #EAF3F9;

  border-radius: 4px;

}



/* #toggle-button:focus + .overlay,

#toggle-button:active + .overlay {

  display: block;

  margin-top: 310px;

  margin-left: 28px;

} */



.recomd_btn, .button_recommande {
  display: flex;
  gap: 10px;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #DDD;
  background-color: #F6F6F6;
  flex-grow: 1;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}



.recomd_btn::after, .button_recommande::after {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath id='chevron-up2' d='M0.0957971 1.38994L0.918576 0.591515C0.947793 0.562523 0.982582 0.539506 1.02093 0.523798C1.05928 0.508089 1.10042 0.5 1.14197 0.5C1.18353 0.5 1.22467 0.508089 1.26302 0.523798C1.30136 0.539506 1.33615 0.562523 1.36537 0.591515L4.00126 3.1766L6.63614 0.591515C6.66536 0.562523 6.70015 0.539506 6.7385 0.523798C6.77684 0.508089 6.81798 0.5 6.85954 0.5C6.9011 0.5 6.94224 0.508089 6.98058 0.523798C7.01893 0.539506 7.05372 0.562523 7.08294 0.591515L7.90671 1.38994C7.96646 1.4488 8 1.52849 8 1.61156C8 1.69463 7.96646 1.77431 7.90671 1.83318L4.22465 5.44564C4.09999 5.56795 3.77786 5.44564 3.77786 5.44564L0.0957971 1.83807C0.0654616 1.80883 0.0413671 1.77396 0.024919 1.73549C0.00847101 1.69702 0 1.65572 0 1.614C0 1.57228 0.00847101 1.53098 0.024919 1.49251C0.0413671 1.45404 0.0654616 1.41917 0.0957971 1.38994Z' fill='%23A9A9A9'/%3E%3C/svg%3E");

  line-height: 1;

}



.recomd_btn:hover::after,

.button_recommande:hover::after  {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M0.0957971 4.61006L0.918576 5.40848C0.947793 5.43748 0.982582 5.46049 1.02093 5.4762C1.05928 5.49191 1.10042 5.5 1.14197 5.5C1.18353 5.5 1.22467 5.49191 1.26302 5.4762C1.30136 5.46049 1.33615 5.43748 1.36537 5.40848L4.00126 2.8234L6.63614 5.40848C6.66536 5.43748 6.70015 5.46049 6.7385 5.4762C6.77684 5.49191 6.81798 5.5 6.85954 5.5C6.9011 5.5 6.94224 5.49191 6.98058 5.4762C7.01893 5.46049 7.05372 5.43748 7.08294 5.40848L7.90671 4.61006C7.96646 4.5512 8 4.47151 8 4.38844C8 4.30537 7.96646 4.22569 7.90671 4.16682L4.22465 0.554358C4.09999 0.432051 3.77786 0.554358 3.77786 0.554358L0.0957971 4.16193C0.0654616 4.19116 0.0413671 4.22604 0.024919 4.26451C0.00847101 4.30298 0 4.34428 0 4.386C0 4.42771 0.00847101 4.46902 0.024919 4.50749C0.0413671 4.54596 0.0654616 4.58083 0.0957971 4.61006Z' fill='%23008DEB'/%3E%3C/svg%3E");

  color: #008DEB;

}



.recomd_btn:hover,

.button_recommande:hover {

  color: #008DEB;

  background-color: #fff;

}



.recomd_btn:focus,

.button_recommande:focus {

  border-color: #DDD;

  --tw-ring-color: #DDD;

}

div:has(#liste_map_overlay.show), div:has(#rayon_overlay_mobile.show) {
  position: relative;
}

#liste_map_overlay, #rayon_overlay_mobile {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #D2D3D7;
  border-radius: 8px;
  list-style: none;
  padding: 20px;
  margin: 0;
}

#liste_map_overlay.show, #rayon_overlay_mobile.show {
  display: block;
  position: absolute;
  right: 0px;
  background-color: #fff;
  border: 1px solid #D2D3D7;
  border-radius: 8px;
  list-style: none;
  margin-top: 180px;
  margin-left: 56px;
  padding: 8px;
}

#liste_map_overlay li, #rayon_overlay_mobile li {
  padding: 2px;
}

#liste_map_overlay li:hover,
#rayon_overlay_mobile li:hover {
  color: #008DEB;
  background-color: #EAF3F9;
  border-radius: 4px;
  padding: 2px;
  cursor: pointer;
}



/* style au moment du hover sur la boîte aside  */

div#sidebar-categories-input:hover, select#prixMaximum:hover,

#sidebar-reconnaissance-input:hover, .sidebar-unites-input:hover,

div#sidebar-servicesessentiels-input:hover, div#sidebar-servicesessentiels-input-mobile:hover,

div#sidebar-prix-maximum-input:hover, div#sidebar-prix-maximum-input-mobile:hover, div#sidebar-promotions-input:hover  {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 6' fill='none'%3E%3Cpath id='chevron-up2' d='M0.0957971 4.61006L0.918576 5.40848C0.947793 5.43748 0.982582 5.46049 1.02093 5.4762C1.05928 5.49191 1.10042 5.5 1.14197 5.5C1.18353 5.5 1.22467 5.49191 1.26302 5.4762C1.30136 5.46049 1.33615 5.43748 1.36537 5.40848L4.00126 2.8234L6.63614 5.40848C6.66536 5.43748 6.70015 5.46049 6.7385 5.4762C6.77684 5.49191 6.81798 5.5 6.85954 5.5C6.9011 5.5 6.94224 5.49191 6.98058 5.4762C7.01893 5.46049 7.05372 5.43748 7.08294 5.40848L7.90671 4.61006C7.96646 4.5512 8 4.47151 8 4.38844C8 4.30537 7.96646 4.22569 7.90671 4.16682L4.22465 0.554358C4.09999 0.432051 3.77786 0.554358 3.77786 0.554358L0.0957971 4.16193C0.0654616 4.19116 0.0413671 4.22604 0.024919 4.26451C0.00847101 4.30298 0 4.34428 0 4.386C0 4.42771 0.00847101 4.46902 0.024919 4.50749C0.0413671 4.54596 0.0654616 4.58083 0.0957971 4.61006Z' fill='%237BC55B'/%3E%3C/svg%3E");

  background-size: auto;

}



.sidebar-prix-maximum.relative > .sidebar-overlay {

  width: 136px;

  white-space: nowrap;

}





/* style pour le menu header au moment du hover */

/* #header-secteur-input:hover, #header-region-input:hover {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 6' fill='none'%3E%3Cpath id='chevron-up2' d='M0.0957971 4.61006L0.918576 5.40848C0.947793 5.43748 0.982582 5.46049 1.02093 5.4762C1.05928 5.49191 1.10042 5.5 1.14197 5.5C1.18353 5.5 1.22467 5.49191 1.26302 5.4762C1.30136 5.46049 1.33615 5.43748 1.36537 5.40848L4.00126 2.8234L6.63614 5.40848C6.66536 5.43748 6.70015 5.46049 6.7385 5.4762C6.77684 5.49191 6.81798 5.5 6.85954 5.5C6.9011 5.5 6.94224 5.49191 6.98058 5.4762C7.01893 5.46049 7.05372 5.43748 7.08294 5.40848L7.90671 4.61006C7.96646 4.5512 8 4.47151 8 4.38844C8 4.30537 7.96646 4.22569 7.90671 4.16682L4.22465 0.554358C4.09999 0.432051 3.77786 0.554358 3.77786 0.554358L0.0957971 4.16193C0.0654616 4.19116 0.0413671 4.22604 0.024919 4.26451C0.00847101 4.30298 0 4.34428 0 4.386C0 4.42771 0.00847101 4.46902 0.024919 4.50749C0.0413671 4.54596 0.0654616 4.58083 0.0957971 4.61006Z' fill='%237BC55B'/%3E%3C/svg%3E");

} */



.form-select.active {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 6' fill='none'%3E%3Cpath id='chevron-up2' d='M0.0957971 4.61006L0.918576 5.40848C0.947793 5.43748 0.982582 5.46049 1.02093 5.4762C1.05928 5.49191 1.10042 5.5 1.14197 5.5C1.18353 5.5 1.22467 5.49191 1.26302 5.4762C1.30136 5.46049 1.33615 5.43748 1.36537 5.40848L4.00126 2.8234L6.63614 5.40848C6.66536 5.43748 6.70015 5.46049 6.7385 5.4762C6.77684 5.49191 6.81798 5.5 6.85954 5.5C6.9011 5.5 6.94224 5.49191 6.98058 5.4762C7.01893 5.46049 7.05372 5.43748 7.08294 5.40848L7.90671 4.61006C7.96646 4.5512 8 4.47151 8 4.38844C8 4.30537 7.96646 4.22569 7.90671 4.16682L4.22465 0.554358C4.09999 0.432051 3.77786 0.554358 3.77786 0.554358L0.0957971 4.16193C0.0654616 4.19116 0.0413671 4.22604 0.024919 4.26451C0.00847101 4.30298 0 4.34428 0 4.386C0 4.42771 0.00847101 4.46902 0.024919 4.50749C0.0413671 4.54596 0.0654616 4.58083 0.0957971 4.61006Z' fill='%237BC55B'/%3E%3C/svg%3E");

}



.select.form-select {

  background-size: 1em;

}





.invisible {

  visibility: hidden;

}

.visible {

  visibility: visible;

}

.fixed {

  position: fixed;

}

.absolute {

  position: absolute;

}

.relative {

  position: relative;

}

.sticky {

  position: sticky;

}

.-top-1 {

  top: -5px;

}

.-top-4 {

  top: -15px;

}

.bottom-0 {

  bottom: 0px;

}

.right-2 {

  right: 8.5px;

}

.right-4 {

  right: 15px;

}

.right-5 {

  right: 20px;

}

.top-5 {

  top: 20px;

}

.top-6 {

  top: 24px;

}

.z-10 {

  z-index: 10;

}

.z-20 {

  z-index: 20;

}

.z-50 {

  z-index: 50;

}

.order-2 {

  order: 2;

}

.order-3 {

  order: 3;

}

.m-1 {

  margin: 5px;

}



.-mx-4 {

  margin-left: -15px;

  margin-right: -15px;

}



.mx-auto {

  margin-left: auto;

  margin-right: auto;

}

.my-1 {

  margin-top: 4px;

  margin-bottom: 4px;

}

.my-4 {

  margin-top: 15px;

  margin-bottom: 15px;

}

.mb-0 {

  margin-bottom: 0px;

}

.mb-0\.5 {

  margin-bottom: 3px;

}

.mb-1 {

  margin-bottom: 5px;

}

.mb-10 {

  margin-bottom: 50px;

}

.mb-10\.5 {

  margin-bottom: 36px;

}

.mb-2 {

  margin-bottom: 8.5px;

}

.mb-3 {

  margin-bottom: 8px;

}

.mb-4 {

  margin-bottom: 16px;

}

.mb-5 {

  margin-bottom: 20px;

}

.mb-8 {

  margin-bottom: 30px;

}

.mb-\[-1px\] {

  margin-bottom: -1px;

}

.ml-1 {

  margin-left: 5px;

}

.ml-2 {

  margin-left: 8.5px;

}

.ml-3 {

  margin-left: 10px;

}

.ml-auto {

  margin-left: auto;

}

.mr-0 {

  margin-right: 0px;

}

.mr-0\.5 {

  margin-right: 3px;

}

.mr-1 {

  margin-right: 5px;

}



.mr-3 {

  margin-right: 10px;

}

.mr-5 {

  margin-right: 20px;

}

.mt-1 {

  margin-top: 5px;

}

.mt-10 {

  margin-top: 50px;

}

.mt-2 {

  margin-top: 16px;

  /* margin-bottom: 4px; */

}

.mt-3 {

  margin-top: 10px;

}

.mt-4 {

  margin-top: 36px;

}

.mt-5 {

  margin-top: 20px;

}

.mt-8 {

  margin-top: 24px;

}

.mt-9 {

  margin-top: 36px;

}

.block {

  display: block;

}

.inline-block {

  display: inline-block;

}

.flex {

  display: flex;

}

.inline-flex {

  display: inline-flex;

}

.grid {

  display: grid;

}

.hidden {

  display: none;

}

.h-0 {

  height: 0px;

}

.h-6 {

  height: 24px;

}

.h-7 {

  height: auto;

}

.h-auto {

  height: auto;

}

.h-full {

  height: 100%;

}

.max-h-80 {

  max-height: 20rem;

}

.max-h-96 {

  max-height: 24rem;

}

.w-1\/3 {

  width: 33.333333%;

}

.w-2\/3 {

  width: 66.666667%;

}

.w-3\/4 {

  width: 75%;

}

.w-32 {

  width: 8rem;

}

.w-4\/5 {

  width: 80%;

}

.w-6 {

  width: 24px;

}

.w-7 {

  width: 1.75rem;

}

.w-full {

  width: 100%;

}

.max-w-3xl {

  max-width: 48rem;

}

.flex-auto {

  flex: 1 1 auto;

}

.flex-none {

  flex: none;

}

.rotate-90 {

  --tw-rotate: 90deg;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.scale-100 {

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.scale-95 {

  --tw-scale-x: .95;

  --tw-scale-y: .95;

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.transform {

  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.cursor-default {

  cursor: default;

}

.cursor-pointer {

  cursor: pointer;

}

.select-none {

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

}

.resize {

  resize: both;

}

.scroll-py-2 {

  scroll-padding-top: 8.5px;

  scroll-padding-bottom: 8.5px;

}

.columns-1 {

  -moz-columns: 1;

       columns: 1;

}

.columns-2 {

  -moz-columns: 2;

  columns: 2;

  gap: 28px;

}

.grid-cols-2 {

  grid-template-columns: repeat(2, minmax(0, 1fr));

}

.grid-cols-3 {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}

.grid-cols-5 {

  grid-template-columns: repeat(5, minmax(0, 1fr));

}

.flex-col {

  flex-direction: column;

}

.flex-col-reverse {

  flex-direction: column-reverse;

}

.flex-wrap {

  flex-wrap: wrap;

}

.content-center {

  align-content: center;

  gap: 36px;

}

.items-center {

  align-items: center;

}

.justify-center {

  justify-content: center;

}

.justify-between {

  justify-content: space-between;

}

.gap-1 {

  gap: 5px;

}

.gap-5 {

  gap: 28px;

}

.gap-9 {

  gap: 36px;

}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(8.5px * calc(1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(8.5px * var(--tw-space-y-reverse));

}

.divide-y > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-y-reverse: 0;

  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));

  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));

}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-opacity: 1;

  border-color: rgb(246 246 246 / var(--tw-divide-opacity));

}

.overflow-hidden {

  overflow: hidden;

}

.overflow-y-auto {

  overflow-y: auto;

}

.overflow-y-scroll {

  overflow-y: scroll;

}



.rounded {

  border-radius: 8px;

}

.rounded-full {

  border-radius: 9999px;

}

.rounded-lg {

  border-radius: 8px;

}

.rounded-sm {

  border-radius: 3px;

}

.rounded-b {

  border-bottom-right-radius: 6px;

  border-bottom-left-radius: 6px;

}

.rounded-b-lg {

  border-bottom-right-radius: 6px;

  border-bottom-left-radius: 6px;

}

.rounded-l {

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

}

.rounded-l-full {

  border-top-left-radius: 9999px;

  border-bottom-left-radius: 9999px;

}

.rounded-r {

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

}

.rounded-r-full {

  border-top-right-radius: 9999px;

  border-bottom-right-radius: 9999px;

}

.rounded-t {

  border-top-left-radius: 6px;

  border-top-right-radius: 6px;

}

.rounded-t-lg {

  border-top-left-radius: 6px;

  border-top-right-radius: 6px;

}

.rounded-t-none {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.border {

  border-width: 1px;

}

.border-2 {

  border-width: 1px;

}

.border-x {

  border-left-width: 1px;

  border-right-width: 1px;

}

.border-y {

  border-top-width: 1px;

  border-bottom-width: 1px;

}

.border-y-0 {

  border-top-width: 0px;

  border-bottom-width: 0px;

}

.border-b-0 {

  border-bottom-width: 0px;

}

.border-l-0 {

  border-left-width: 0px;

}

.border-r {

  border-right-width: 1px;

}

.border-r-0 {

  border-right-width: 0px;

}

.border-t-0 {

  border-top-width: 0px;

}

.border-gray-150 {

  --tw-border-opacity: 1;

  border-color: rgb(238 238 238 / var(--tw-border-opacity));

}

.border-gray-300 {

  --tw-border-opacity: 1;

  border-color: rgb(211 211 211 / var(--tw-border-opacity));

}

.border-green {

  --tw-border-opacity: 1;

  border-color: rgb(105 175 75 / var(--tw-border-opacity));

}

.border-slate-300 {

  --tw-border-opacity: 1;

  border-color: rgb(211 211 211 / var(--tw-border-opacity));

}

.bg-gray-100 {

  --tw-bg-opacity: 1;

  background-color: rgb(246 246 246 / var(--tw-bg-opacity));

}

.bg-gray-150 {

  --tw-bg-opacity: 1;

  background-color: rgb(238 238 238 / var(--tw-bg-opacity));

}

.bg-gray-50 {

  --tw-bg-opacity: 1;

  background-color: rgb(239 239 231 / var(--tw-bg-opacity));

}

.bg-gray-600 {

  /* --tw-bg-opacity: 1; */

  background-color: #283A42;

}

.bg-green {

  --tw-bg-opacity: 1;

  background-color: #7BC55B;

}

.bg-indigo-600 {

  --tw-bg-opacity: 1;

  background-color: rgb(79 70 229 / var(--tw-bg-opacity));

}

.bg-orange-400 {

  --tw-bg-opacity: 1;

  background-color: rgb(241 132 14 / var(--tw-bg-opacity));

}

.bg-white {

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

}

.bg-yellow-100 {

  --tw-bg-opacity: 1;

  background-color: #F6F5EF;

}

.bg-yellow-50 {

  --tw-bg-opacity: 1;

  background-color: rgb(249 249 245 / var(--tw-bg-opacity));

}

.p-2 {

  padding: 8.5px;

}

.p-3 {

  padding: 12px;

}

.p-4 {

  padding: 16px;

}

.p-5 {

  padding: 20px;

}

.p-6 {

  padding: 36px;

}

.px-1 {

  padding-left: 5px;

  padding-right: 5px;

}

.px-3 {

  padding-left: 10px;

  padding-right: 10px;

}

.px-4 {

  padding-left: 15px;

  padding-right: 15px;

}

.px-5 {

  padding-left: 20px;

  padding-right: 20px;

}

.px-6 {

  padding-left: 24px;

  padding-right: 24px;

}

.py-0 {

  padding-top: 0px;

  padding-bottom: 0px;

}

.py-0\.2 {

  padding-top: 2px;

  padding-bottom: 2px;

}

.py-0\.5 {

  padding-top: 3px;

  padding-bottom: 3px;

}

.py-1 {

  padding-top: 5px;

  padding-bottom: 5px;

}

.py-11 {

  padding-top: 70px;

  padding-bottom: 70px;

}

.py-2 {

  padding-top: 8.5px;

  padding-bottom: 8.5px;

}

.py-3 {

  padding-top: 10px;

  padding-bottom: 10px;

}

.py-4 {

  padding-top: 13px;

  padding-bottom: 13px;

}

.py-5 {

  padding-top: 20px;

  padding-bottom: 20px;

}

.py-8 {

  padding-top: 30px;

  padding-bottom: 30px;

}

.py-9 {

  padding-top: 40px;

  padding-bottom: 40px;

}

.pb-0 {

  padding-bottom: 0px;

}

.pb-0\.5 {

  padding-bottom: 3px;

}

.pb-1 {

  padding-bottom: 5px;

}

.pb-10 {

  padding-bottom: 50px;

}

/* .pb-2 {

  padding-bottom: 8.5px;

} */

.pb-4 {

  padding-bottom: 15px;

}

.pb-5 {

  padding-bottom: 20px;

}

.pb-8 {

  padding-bottom: 30px;

}

.pl-2 {

  padding-left: 8.5px;

}

.pl-3 {

  padding-left: 10px;

}

.pl-4 {

  padding-left: 16px !important;

}

.pl-6 {

  padding-left: 24px;

}

.pr-0 {

  padding-right: 0px;

}

.pr-0\.5 {

  padding-right: 3px;

}

.pr-10 {

  padding-right: 50px;

}

.pr-12 {

  padding-right: 88px;

}

.pr-2 {

  padding-right: 8.5px;

}

.pr-4 {

  padding-right: 15px;

}

.pr-9 {

  padding-right: 40px;

}

.pt-1 {

  padding-top: 5px;

}

.pt-2 {

  padding-top: 8.5px;

}

.pt-6 {

  padding-top: 24px;

}

.pt-8 {

  padding-top: 36px;

  padding-left: 0px;

  padding-right: 0px;

}

.liste {

  padding-top: 20px;

}

.text-center {

  text-align: center;

}

.text-2xl {

  font-size: 24px;

  font-weight: bold;

}

.text-3xl {

  font-size: 36px;

}

.text-4xl {

  font-size: 42px;

}

.text-lg {

  font-size: 20px;

}

.text-md {

  font-size: 18px;

}

.text-sm {

  font-size: 15px;

}

.text-xl {

  font-size: 22px;

}

.text-xs {

  font-size: 13px;

}

.text-xxs {

  font-size: 11px;

}

.font-bold {

  font-weight: bold;

}

.font-semibold {

  font-weight: 600;

}

.italic {

  font-style: italic;

}

.leading-tight {

  line-height: 1.25;

}

.text-black {

  --tw-text-opacity: 1;

  color: rgb(0 0 0 / var(--tw-text-opacity));

}

.text-blue {

  --tw-text-opacity: 1;

  color: rgb(0 141 235 / var(--tw-text-opacity));

}

.text-gray {

  --tw-text-opacity: 1;

  color: rgb(169 169 169 / var(--tw-text-opacity));

}

.text-gray-400 {

  --tw-text-opacity: 1;

  color: rgb(169 169 169 / var(--tw-text-opacity));

}

.text-gray-500 {

  --tw-text-opacity: 1;

  color: rgb(102 102 102 / var(--tw-text-opacity));

}

.text-gray-700 {

  --tw-text-opacity: 1;

  color: rgb(63 63 63 / var(--tw-text-opacity));

}

.text-green {

  --tw-text-opacity: 1;

  color: rgb(105 175 75 / var(--tw-text-opacity));

}

.text-indigo-100 {

  --tw-text-opacity: 1;

  color: rgb(224 231 255 / var(--tw-text-opacity));

}

.text-slate-400 {

  --tw-text-opacity: 1;

  color: rgb(68 79 84 / var(--tw-text-opacity));

}

.text-white {

  --tw-text-opacity: 1;

  color: rgb(255 255 255 / var(--tw-text-opacity));

}

.no-underline {

  text-decoration-line: none;

}

.opacity-0 {

  opacity: 0;

}

.opacity-100 {

  opacity: 1;

}

.shadow-2xl {

  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);

  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.shadow-lg {

  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.ring-1 {

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);

}

.ring-black {

  --tw-ring-opacity: 1;

  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));

}

.ring-opacity-5 {

  --tw-ring-opacity: 0.05;

}

.blur {

  --tw-blur: blur(8px);

  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

}

.transition {

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}

.transition-all {

  transition-property: all;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}

.duration-200 {

  transition-duration: 200ms;

}

.duration-300 {

  transition-duration: 300ms;

}

.ease-in {

  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

}

.ease-out {

  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

}

/* added dynamically via JS, so they are not added in the compiled css */

.rotate-90 {

  transform: rotate(90deg);

}











#sidebar-search-input {

  border-color: #D2D3D7;

  cursor: auto;

}



#sidebar-search-input:hover, #sidebar-search-input:active,

#sidebar-search-input:focus, #sidebar-categories-input:hover {

  border-color: #000!important;

  --tw-ring-color: none!important;

}









:root {

  --tw-ring-color: #69af4b !important;

}



.form-input:focus, .form-select:focus {

  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: #69af4b !important;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  border-color: #69af4b !important;

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

  outline: 2px solid transparent;

  outline-offset: 2px;

}



.top-2px {

  top: 2px;

}



@font-face {

  font-family: "icomoon";

  src: url("https://www.vivreenresidence.com/fonts_2024/icomoon.eot?ge30v3");

  src: url("https://www.vivreenresidence.com/fonts_2024/icomoon.eot?ge30v3#iefix") format("embedded-opentype"), url("https://www.vivreenresidence.com/fonts_2024/icomoon.ttf?ge30v3") format("truetype"), url("https://www.vivreenresidence.com/fonts_2024/icomoon.woff?ge30v3") format("woff"), url("https://www.vivreenresidence.com/fonts_2024/icomoon.svg?ge30v3#icomoon") format("svg");

  font-weight: normal;

  font-style: normal;

  font-display: block;

}



[class^=icon-], [class*=" icon-"] {

  font-family: "icomoon" !important;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-caret-right:before {

  content: "\e910";

}



.icon-filter:before {

  content: "\e90f";

}



.icon-header-chat:before {

  content: "\e90c";

  color: #69af4b;

}



.icon-header-chat-o:before {

  content: "\e90d";

  color: #69af4b;

}



.icon-list:before {

  content: "\e90e";

  color: #69af4b;

}




.icon-comment:before {

  content: "\e901";

}



.icon-house:before {

  content: "\e902";

}



.icon-houses:before {

  content: "\e903";

}



.icon-pin:before {

  content: "\e904";

}



.icon-user-circle-o:before {

  content: "\e905";

}



.icon-search:before {

  content: "\e900";

}



.icon-star-half:before {

  content: "\e906";

  color: #f5b400;

}



.icon-star-full:before {

  content: "\e907";

  color: #f5b400;

}



.icon-star-empty:before {

  content: "\e908";

  color: #f5b400;

}



.icon-chevron-right:before {

  content: "\e909";

}



.icon-chevron-left:before {

  content: "\e90a";

}



.icon-idea:before {

  content: "\e90b";

  color: #f1840e;

}



.icon-chevron-down {

  transform: rotate(90deg);

}



.icon-chevron-down:before {

  content: "\e909";

}



h1 {

  font-size: 42px;

}



h2 {

  font-size: 24px;

  line-height: 1.25;

  --tw-text-opacity: 1;

  color: rgb(30 46 54 / var(--tw-text-opacity));

  font-weight: bold;

}



h3 {

  font-family: "Roboto", sans-serif;

  font-size: 24px;

  font-style: normal; line-height: 125%;

  --tw-text-opacity: 1;

  color: #3F3F3F;

}



.wysiwyg h2 {

  padding-bottom: 20px;

}

.wysiwyg h3 {

  padding-bottom: 20px;

}



/* Libraries */

.glider-contain {

  width: 100%;

  margin: 0 auto;

  position: relative;

}



.glider {

  margin: 0 auto;

  position: relative;

  overflow-y: hidden;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: none;

  transform: translateZ(0);

}



.glider-track {

  transform: translateZ(0);

  width: 100%;

  margin: 0;

  padding: 0;

  display: flex;

  z-index: 1;

}



.glider.draggable {

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  cursor: grab;

}



.glider.draggable .glider-slide img {

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  pointer-events: none;

}



.glider.drag {

  cursor: grabbing;

}



.glider-slide {

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  justify-content: center;

  align-content: center;

  width: 100%;

}



.glider-slide img {

  max-width: 100%;

}



.glider::-webkit-scrollbar {

  opacity: 0;

  height: 0;

}



.glider-prev, .glider-next {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  position: absolute;

  outline: none;

  background: none;

  padding: 0;

  z-index: 2;

  font-size: 40px;

  text-decoration: none;

  left: -23px;

  border: 0;

  top: 30%;

  cursor: pointer;

  color: #666;

  opacity: 1;

  line-height: 1;

  transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);

}



.glider-prev:hover,

.glider-next:hover,

.glider-prev:focus,

.glider-next:focus {

  color: #a89cc8;

}



.glider-next {

  right: -23px;

  left: auto;

}



.glider-next.disabled,

.glider-prev.disabled {

  opacity: 0.25;

  color: #666;

  cursor: default;

}



.glider-slide {

  min-width: 150px;

}



.glider-hide {

  opacity: 0;

}



.glider-dots {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  margin: 0 auto;

  padding: 0;

}



.glider-dot {

  border: 0;

  padding: 0;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;

  outline: none;

  display: block;

  cursor: pointer;

  color: #ccc;

  border-radius: 999px;

  background: #ccc;

  width: 12px;

  height: 12px;

  margin: 7px;

}



.glider-dot:hover,

.glider-dot:focus,

.glider-dot.active {

  background: #a89cc8;

}









.header-search--icon svg path {

  transition: all 0.3s;

  fill: #69af4b;

}

.header-search--icon:hover {

  background-color: #69af4b;

  border: 1px solid #69af4b;

}

.header-search--icon:hover svg path {

  fill: #fff;

}



.header-chat {

  height: 38px;

  font-size: 18px;

  line-height: 22px;

  margin-left: 0px;

}



.header-chat--default, .header-chat--hover {

  transition: all 0.3s;

  align-items: center;

}

.header-chat--default svg, .header-chat--hover svg {

  margin-right: 5px;

  width: 40px;

  position: absolute;

  top: 2px;

}

.header-chat--default p, .header-chat--hover p {

  margin-left: 50px;

  width: 130px;

  min-height: 80px;

}

.header-chat--hover {

  opacity: 0;

}



.header-chat:hover .header-chat--default {

  opacity: 0;

}

.header-chat:hover .header-chat--hover {

  opacity: 1;

}







/* style pour les boites menu régions et secteurs menu header format desktop  */

div#header-region-input {

  display: flex;

  align-items: center;

  gap: 15px;

  position: relative;

  max-width: 220px;

  line-height: normal;

  padding: 16px 16px 16px 28px;

  border: 1px solid #B7B6B6;

  border-top-left-radius: 36px;

  border-bottom-left-radius: 36px;

}



#header-region-input p {

  max-width: 100%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  box-sizing: border-box;

  pointer-events: none;

}



#header-region-input svg {

  position: absolute;

  right: 15px;

  top: 50%;

  transform: translateY(-50%);

  pointer-events: none;

}



div#header-secteur-input {

  display: flex;

  align-items: center;

  gap: 15px;

  position: relative;

  max-width: 220px;

  line-height: normal;

  padding: 16px 16px 16px 28px;

  border-left: 0px;

  border-top: 1px solid #B7B6B6;

  border-bottom: 1px solid #B7B6B6;

}



#header-secteur-input p {

  max-width: 100%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  box-sizing: border-box;

  pointer-events: none;

}



#header-secteur-input svg {

  position: absolute;

  right: 15px;

  top: 50%;

  transform: translateY(-50%);

  pointer-events: none;

}



#header-region-input:hover svg path,

#header-secteur-input:hover svg path {

  fill: #7BC55B;

}



#header-region-input:hover svg,

#header-secteur-input:hover svg {

  top: 45%;

  transform: rotate(180deg);

}





div#header-region-input:hover, div#header-secteur-input:hover {

  background-color: #F6F6F6;

}



.nav-header {

  padding: 28px;

}



.main-menu li {

  position: relative;

}



.main-menu .submenu ul.columns-1 {

  min-width: 260px;

}



.main-menu .chevron-2 .submenu ul.columns-1 {

  columns: 2;

  min-width: 500px;

}



.main-menu .chevron-2 .submenu ul.columns-1:nth-child(7) {

  margin-bottom: 0px;

}



.main-menu .submenu ul.columns-2 {

  min-width: 500px;

}



.submenu ul.columns-2 li {

  cursor: pointer;

}



.main-menu li > .submenu {

  position: absolute;

  top: 45px;

  left: 0;

  display: none;

  z-index: 10000;

}



.main-menu li:hover > .submenu {

  display: block;

}



.main-menu .submenu li a {

  display: block;

}



.main-menu .submenu li a:hover {

  text-decoration-line: underline;

  --tw-text-opacity: 1;

  color: rgb(0 141 235 / var(--tw-text-opacity));

}





.header-overlay label,

.sidebar-overlay label {

  cursor: pointer;

  width: 100%;

  display: block;

}



.header-overlay label span,

.header-overlay label input,

.sidebar-overlay label span,

.sidebar-overlay label input {

  display: inline-block;

}



.header-overlay label span,

.sidebar-overlay label span {

  position: relative;

  top: 1px;

}



.header-region-overlay,

.header-secteur-overlay {

  font-family: "Inter", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}



div#header-secteur-overlay {

  max-height: 552px;

  border: 1px solid #D2D3D7;

  background-color: #fff;

  padding: 20px;

  border-radius: 8px;

  margin-top: 5px;

  z-index: 10000;

  overflow-y: scroll;

  overflow-x: hidden;

}



div#header-secteur-overlay::-webkit-scrollbar {

  width: 12px;

}



div#header-secteur-overlay::-webkit-scrollbar-track {

  background: #f1f1f1;

  border-radius: 10px;

}



div#header-secteur-overlay::-webkit-scrollbar-thumb {

  background: #D2D3D7;

  border-radius: 10px;

}



div#header-region-overlay {

  margin-left: 10px;

  margin-top: 5px;

  padding: 20px;

  border: 1px solid #B7B6B6;

  border-radius: 8px;

  width: 320px;

  z-index: 10000;

}



.ver-border {

  width: 100%;

  height: 3px;

}

.ver-border::before, .ver-border::after,

.ver-border span {

  display: inline-block;

  height: 3px;

  vertical-align: top;

}



.ver-border.mobile {

  width: 100%;

  height: 4px;

}

.ver-border.mobile::before, .ver-border.mobile::after,

.ver-border.mobile span {

  display: inline-block;

  height: 4px;

  vertical-align: top;

}



/* style border pour le footer mobile  */

.ver-border.menu {

  width: 100%;

  height: 4px;

}



.ver-border.menu::before, .ver-border.menu::after,

.ver-border.menu span {

  display: inline-block;

  height: 4px;

  vertical-align: top;

}



/* style pour la boite aside mots clés  */

.aside {

  margin-bottom: 16px;

}



#sidebar-search-input::placeholder {

  color: #3F3F3F;

}

.sidebar-search-overlay--inner .ver-border {

  width: 100%;

  height: 8px;

}

.sidebar-search-overlay--inner .ver-border::before,

.sidebar-search-overlay--inner .ver-border::after,

.sidebar-search-overlay--inner .ver-border span {

  display: inline-block;

  height: 8px;

  vertical-align: top;

}



.ver-border::before, .ver-border::after {

  content: " ";

}

.ver-border::before {

  width: 50%;

  --tw-bg-opacity: 1;

  background-color: rgb(105 175 75 / var(--tw-bg-opacity));

}

.ver-border::after {

  width: 20%;

  background-color: #D8E479;

}

.ver-border span {

  width: 30%;

  --tw-bg-opacity: 1;

  background-color: rgb(140 190 96 / var(--tw-bg-opacity));

}



.header {

  height: auto;

}



.active-menu-item .icon-chevron-right {

  transform: rotate(90deg);

}



.mobile-navigation ul > li > ul > li {

  z-index: 1000;

  color: #3F3F3F;

  background-color: #fff;

}



.mobile-navigation ul > li.active {

  z-index: 1000;

  background-color: #1E2E36;

  color: #7BC55B;

}



.mobile-navigation ul > li.active i {

  transform: rotate(90deg);

}



.mobile-search-form i {

  top: 13px;

}



.sidebar-search-overlay--inner {

  top: 55px;

  border-radius: 8px;

}

.sidebar-search-overlay--inner .icon {

  min-width: 1.75rem; /* w-7 */

}

.sidebar-search-overlay--inner .icon-pin img {

  position: relative;

  top: 2px;

}

.sidebar-search-overlay--inner .icon-chat img {

  position: relative;

  top: 1px;

}

.sidebar-search-overlay--inner .icon-user img {

  position: relative;

  top: 1px;

}



.liste_mots_cles_desktop {

  padding: 12px;

}



.h-7.w-7.text-center.text-lg i {

  font-size: large;

}

.h-7.w-7.text-center.text-lg {

  border-radius: 6px;

}



/* Overlay de recherche de base */

.sidebar-overlay {

  width: 320px;

}



.sidebar-overlay input[type=checkbox] {

  margin-top: 2px;

  align-self: baseline;

  height: 1rem;

  width: 1rem;

}



.sidebar-overlay label {

  line-height: 125%;

}



.sidebar-categories-input.active {

  border-color: #69af4b;

}







.mobile-search-overlay--inner {

  max-width: calc(100% - 60px);

}



/* Parts */

/* Components */

.listing-card-rating:hover span {

  text-decoration: underline;

  color: #008DEB;

}



.listing-card {

  padding: 20px;

}





.listing-card--img {

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 8px;

}



.listing-card--img img {

  transition: all 0.25s ease-in-out;

}

.listing-card--img p {
  position:absolute;
  text-align:center;
  top:40%;
  left:28%;
}


.listing-card--img span {

  opacity: 0;

  width: 100%;

  padding: 4px 0;

  display: block;

  background-color: rgba(30, 46, 54, 0.85);

  position: absolute;

  left: 0;

  color: #fff;

  text-align: center;

  transition: all 0.15s ease-in-out;

  font-size: 14px;

  bottom: -30px;

}



.listing-card--img:hover img {

  transform: scale(1.1);

}



.listing-card--img:hover span {

  opacity: 1;

  bottom: 0;

}











/* Defaults */

html {

  --tw-text-opacity: 1;

  color: rgb(63 63 63 / var(--tw-text-opacity));

  font-size: 15px;

}



a:hover,

select,

input {

  cursor: pointer;

}



.border-b-1 {

  border-bottom-width: 1px;

}



.list-hover > a:hover {

  --tw-text-opacity: 1;

  color: rgb(0 141 235 / var(--tw-text-opacity));

  text-decoration: underline;

}



.sidebar,

.main-content {

  width: 100%;

}





.bloc-vedette p {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



@supports (-webkit-line-clamp: 2) {

  .bloc-vedette p {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: initial;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

  }

}



.bloc-vedette__logo {

  width: 86px;

}



.line-overflow-1 {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

@supports (-webkit-line-clamp: 1) {

  .line-overflow-1 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: initial;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

  }

}





.hover\:border-green:hover {

  --tw-border-opacity: 1;

  border-color: rgb(105 175 75 / var(--tw-border-opacity));

}



.hover\:border-red-500:hover {

  --tw-border-opacity: 1;

  border-color: rgb(239 68 68 / var(--tw-border-opacity));

}



.hover\:border-yellow-400:hover {

  --tw-border-opacity: 1;

  border-color: rgb(254 212 76 / var(--tw-border-opacity));

}





.hover\:bg-green:hover {

  --tw-bg-opacity: 1;

  background-color: #008DEB;

}



.hover\:bg-orange-100:hover {

  --tw-bg-opacity: 1;

  background-color: rgb(255 247 229 / var(--tw-bg-opacity));

}



.hover\:bg-orange-700:hover {

  --tw-bg-opacity: 1;

  background-color: rgb(241 91 14 / var(--tw-bg-opacity));

}



.hover\:bg-red-100:hover {

  --tw-bg-opacity: 1;

  background-color: #008DEB;

}



.hover\:bg-white:hover {

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

}



.hover\:bg-yellow-50:hover {

  --tw-bg-opacity: 1;

  background-color: #F6F4ED;

  box-shadow: inset 3px 0 #E2E2DB, inset -3px 0 #E2E2DB;

}



.hover\:text-black:hover {

  --tw-text-opacity: 1;

  color: rgb(0 0 0 / var(--tw-text-opacity));

}



.hover\:text-blue:hover {

  --tw-text-opacity: 1;

  color: rgb(0 141 235 / var(--tw-text-opacity));

}



/* style pour les numéros de pagination avec une propriété active pour viser le numéro actif */

.hover\:text-green:hover {

  --tw-text-opacity: 1;

  color: #008DEB;

}





.bk-couleur {

  background-color: #fff;

}



.bk-couleur:hover {

  --tw-bg-opacity: 1;

  background-color: #fff;

}



.hover\:text-white:hover {

  --tw-text-opacity: 1;

  color: rgb(255 255 255 / var(--tw-text-opacity));

}



.hover\:underline:hover {

  text-decoration-line: underline;

}



.hover\:transition-all:hover {

  transition-property: all;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 150ms;

}



.focus\:outline-none:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

}



.active\:bg-white:active {

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

}



.active\:shadow-none:active {

  --tw-shadow: 0 0 #0000;

  --tw-shadow-colored: 0 0 #0000;

  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}



.group:hover .group-hover\:border-slate-300 {

  --tw-border-opacity: 1;

  border-color: rgb(211 211 211 / var(--tw-border-opacity));

}



.group:hover .group-hover\:bg-white {

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

  padding: 5px;

}



.group:hover .group-hover\:text-blue {

  --tw-text-opacity: 1;

  color: rgb(0 141 235 / var(--tw-text-opacity));

}



/* style couleur attribuer au moment du hover sur 'Map' et 'Liste' */

.group:hover .group-hover\:text-green {

  --tw-text-opacity: 1;

  color: rgb(0 141 235 / var(--tw-text-opacity));

}



.group:hover .group-hover\:text-white {

  --tw-text-opacity: 1;

  color: rgb(255 255 255 / var(--tw-text-opacity));

}



.group:hover .group-hover\:underline {

  text-decoration-line: underline;

  color:#008DEB;

}



.text-lg.border.items-center {

  gap: 8px;

}



.text-lg.border.group:hover {

  color: rgb(0 141 235 / var(--tw-text-opacity));

}













/* nouveau css Meher Riahi  */

/* style menu navigation header  */

.container_listing {

  margin: 0 auto;

    padding: 0px 0px;

    max-width: 1140px;

}



.header-banner {

  line-height: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 36px;

  padding: 16px 0;

}



.pub_bloc_gris {

  display: flex;

  justify-content: center;

  align-items: center;

  color: #3F3F3F;

  margin: 16px 0px;

  font-family: "Open Sans";

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}



.header-menu {

  max-height: 46px;

  border-bottom-width: 1px;

  border-top-width: 1px;

  border-color: #d3d3d3;

}



.header-search--icon {

  height: 54px;

  padding: 16px 24px 16px 16px;

  border-top-right-radius: 36px;

  border-bottom-right-radius: 36px;

  border: 1px solid #B7B6B6;

}



.header-secteur-overlay ul li.pb-0\.5

.header-region-overlay ul li.pb-0\.5 {

  color: #3F3F3F;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}





.header-secteur-overlay ul li.pb-0\.5,

.header-region-overlay ul li.pb-0\.5 {

  padding: 4px;

  box-sizing: border-box;

}



.header-secteur-overlay label.mb-5 {

  padding: 4px;

  box-sizing: border-box;

}



.header-secteur-overlay label.mb-5:hover {

  color: #008DEB;

  background-color: #EAF3F9;

  border-radius: 4px;

  box-sizing: border-box;



}



.header-secteur-overlay ul li.pb-0\.5:hover,

.header-region-overlay ul li.pb-0\.5:hover {

  color: #008DEB;

  background-color: #EAF3F9;

  border-radius: 4px;

  box-sizing: border-box;

}



.boite_secteur {

  width: 320px;

}



.boite_secteur > input {

  color: #3F3F3F;

  background-color: #F6F6F6;

  border-radius: 4px;

  border: 1px solid #D2D3D7;

  margin-bottom: 12px;

  padding: 12px;

  cursor: auto;

  font-size: 16px;

}



.mot_cles:hover {

  border: 1px solid #000;

}



.mot_cles::placeholder {

  color: #3F3F3F;

}



.mot_cles:hover::placeholder {

  color: #A9A9A9;

}



.boite_secteur > input:focus {

  border: 1px solid #000;

  --tw-ring-color: none;

}



label[for="toggle-cities-checkbox"]  {

  padding: 4px;

}



label[for="toggle-cities-checkbox"]:hover  {

  color: #008DEB;

  background-color: #EAF3F9;

  border-radius: 4px;

}





.header-secteur-overlay ul li.pb-0\.5 label >input,

.header-region-overlay ul li.pb-0\.5 label input,

input#toggle-cities-checkbox {

  display: none;

}





/* style pour le titre h1  */

h1 {

  color: #1E2E36;

  max-width: 585px;

}



em {

  font-style: normal;

  color: #7BC55B;

}



.breadcrumbs {

  margin-bottom: 36px;

  padding-bottom: 0px;

}



.titre_header {

  margin-bottom: 20px;

}



.titre_header {

  color: #008DEB;

}



.titre_header:hover {

  text-decoration: underline;

}



.premier_parag {

  line-height: 150%;

  margin-top: 24px;

}



.liste ul li {

  list-style-type:disc;

  position: relative;

  left: 28px;

}



.liste ul li::marker {

  color: #69af4b;

}



.liste > div {

  margin-bottom: 20px;

}



.impot {

  color: #008DEB;

}



.impot:hover {

  text-decoration: underline;

}



h2.text-2xl {

  margin-bottom: 4px;

}



/* style margin entre les parag du header  */

#main-content-text-content p:first-of-type {

  margin-bottom: 20px;

}



#main-content-text-content p:nth-child(3), #main-content-text-content p:nth-child(4) {

  margin-bottom: 20px;

}



/* button lire la suite  */

.read-less {

  color: #008DEB;

  margin-top: 20px;

}



.read-less a {

  color: #008DEB;

}



.read-less:hover {

  color: #008DEB;

  text-decoration: underline;

}



.card-container {

  margin-top: 16px;
  justify-content: space-between;

}



/* style pour le sidebar votre recherche  */

.sidebar-regions.relative, .sidebar-secteurs.relative {

  display: none;

}



/* style boite dans le sidebar (arelz avec un conseiller) */

.img-call {

  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);

  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);

}



.bloc-conseiller--icon {

  width: 50px;

  height: 50px;

  right: 20px;

  bottom: 0;

  z-index: 10;

}



.bloc-conseiller {

  font-family: "Open Sans";

  background-color: #fff;

  border: 1px solid #D2D3D7;

  border-radius: 8px;

  line-height: 125%;

}



.bloc-conseiller:hover span {

  --tw-text-opacity: 1;

  color: rgb(241 132 14 / var(--tw-text-opacity));

}



.text_parlez_conseiller {

  white-space: wrap;

  padding: 15px 20px 20px 20px;

}



.text_parlez_conseiller p:first-child {

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  color: #3F3F3F;

}



.text_parlez_conseiller p:nth-child(2) {

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

}



.text_parlez_conseiller p:nth-child(3) {

  font-size: 18px;

  font-style: italic;

  font-weight: 400;

  line-height: normal;

}





/* menu pills dans le sidebar  */

.menu-pills li a:hover {

  --tw-bg-opacity: 1;

  background-color: #1E2E36;

}



.menu-pills li a:hover .menu-pills__icon {

  --tw-bg-opacity: 1;

  background-color: #7BC55B;

  margin-left: -2px;

}



.menu-pills__icon{

  margin-left: -2px;

}



.menu-pills li a:hover .menu-pills__text {

  --tw-text-opacity: 1;

  color: #EAF3F9;

}



.bloc-vedette .glider-track {

  padding-bottom: 15px;

}

.bloc-vedette .glider-slide > a {

  margin-right: 5px;

}



/* style pour le guide */

.container_guide {

  border: 1px solid #D2D3D7;

  border-radius: 8px;

  padding: 36px 56px;

  margin-top: 36px;

}



.container_guide div:nth-of-type(1) {

  margin-top: 20px;

}



.container_guide div {

  margin-top: 36px;

}



.container_guide h2:first-child {

  margin-top: 20px;

  margin-bottom: 16px;

}



.container_guide h2, .container_guide h3 {

  font-family: "Roboto", sans-serif;

  font-size: 24px;

  font-style: normal; line-height: 125%;

  font-weight: bold;

  margin-bottom: 16px;

  --tw-text-opacity: 1;

  color: #3F3F3F;

  margin-top: 36px;

}



.container_guide p {

  font-family: "Roboto", sans-serif;

  font-style: normal;

  font-weight: 400;

  line-height: 150%;

  margin-bottom: 16px;

}



/* style pour les liens dans le guide */

.container_guide p > a {

  color: #008DEB;

}



.container_guide p > a:hover {

  color: #008DEB;

  text-decoration: underline;

}



.container_guide ul > li > a {

  color: #008DEB;

  margin-left: -2px;

}



.container_guide ul > li > a:hover {

  color: #008DEB;

  text-decoration: underline;

}



.container_guide ul {

  margin-left: 30px;

  margin-bottom: 16px;

}



.container_guide ul li {

  list-style-type: disc;

  margin: 6px 0px;

  padding-left: 2px;

}



.container_guide ul:nth-child(2) {

  color: #3F3F3F;

}



.container_guide ul li::marker {

  color: #69af4b;

  font-size: small;

  list-style-position: inside;

}



/* style liste numérotées  */

.liste_liens_numero li::marker {

  color: #69af4b;

  font-size: small;

}



.liste_liens_numero {

  color: #008DEB;

  list-style-type: decimal;

  margin-left: 29px;

}



.liste_liens_numero li {

  margin: 6px 0px;

  padding-left: 2px;

}



.liste_liens_numero li:hover {

  text-decoration: underline;

}





/* style pour tableau dans guide */

table {

  border-spacing: 0;

  border-radius: 8px;

  background-color: #f6f6f6;

  overflow: hidden;

  overflow-x: auto;

  margin-top: 16px;

  margin-bottom: 16px;

  width: 100%;

}



tbody tr:first-child, tbody tr:first-child:hover  {

  background-color: #DEDDDD;

}



tbody tr:first-child > td {

  text-align: justify;

}



tbody tr:not(:first-child) > td:first-of-type {

  text-align: justify;

}





th {

  width: 140px;

  padding: 12px 8px;

}



tbody tr th {

  font-weight: normal;

}



tbody tr:hover {

  background-color: #fff;

}



tbody tr:first-of-type td {

  padding: 12px 8px;

}



tbody tr:first-of-type td:first-child {

  border-top-left-radius: 4px;

}



tbody tr:first-of-type td:last-child {

  border-top-right-radius: 4px;

}



tbody :is(td, th) {

  padding: 8px;

}



tr:not(:last-child) td,

tr:not(:last-child) th,

tr:only-child td,

tr:only-child th {

  border-bottom: 2px solid #fff;

}



:is(td, th) {

  white-space: nowrap;

}



:is(td, th):not(:last-child) {

  border-right: 2px solid #fff;

}



td {

  text-align: right;

}



th {

  text-align: left;

}



/* Horizontal rule */

hr {

  border: 1px solid #D9D9D9;

  border-top: none;

  min-width: 100%;

}



.list_guide {

  margin-bottom: 16px;

}



.list_guide li {

  position: relative;

  left: 30px;

  color: #69af4b;

  list-style-type: disc;

}



i.icon-search.mt-1 {

  margin-top: 2px;

}



.group span.search {

  margin-left: 12px;

}



.conclusion {

  margin-top: 36px;

}



/* publicité aside  */

.pub_conseiller {

  margin-top: 24px;

}



.pub_eclatant {

  display: flex;

  justify-content: center;

  align-items: center;

  color: #3F3F3F;

  width: 300px;

  height: auto;

  margin-top: 24px;

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}



.mt-4.desktop {

  display: flex;

  justify-content: center;

  align-items: center;

  color: #3F3F3F;

  background:  #D3D3D3;

  width: 300px;

  height: 600px;

  margin-top: 24px;

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}



.pub_main {

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  color: #3F3F3F;

  width: 100%;

  height: auto;

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin: 0 auto;

}



.pub_main-responsive {

  display: none;

}



.pub_midlle {

  padding: 30px 0px;

}





.helix_pub {

  display: flex;

  justify-content: center;

  align-items: center;

  color: #3F3F3F;

  background:  #D3D3D3;

  width: 980px;

  height: 250px;

  font-size: 15px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin: 0 auto;

}



.boutton-boite-recherche, .filtre-mobile {

  margin: 16px 0px;

}



#sidebar-search-input {

  margin-bottom: 16px;

}



#sidebar-search-input {

  border-radius: 8px;

}



/* style menu nav footer  */

.last ul {

  column-count: 2;

}





/* style chevron menu header  */

.main-menu .chevron a, .main-menu .chevron-2 a, .main-menu .chevron-3 a, .main-menu .chevron-4 a {

  padding-right: 4px;

}



li.chevron, li.chevron-2, li.chevron-3, li.chevron-4 {

  display: flex;

  align-items: center;

}



li.chevron::after, li.chevron-2::after, li.chevron-3::after, li.chevron-4::after {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath id='chevron-up2' d='M0.0957971 1.38994L0.918576 0.591515C0.947793 0.562523 0.982582 0.539506 1.02093 0.523798C1.05928 0.508089 1.10042 0.5 1.14197 0.5C1.18353 0.5 1.22467 0.508089 1.26302 0.523798C1.30136 0.539506 1.33615 0.562523 1.36537 0.591515L4.00126 3.1766L6.63614 0.591515C6.66536 0.562523 6.70015 0.539506 6.7385 0.523798C6.77684 0.508089 6.81798 0.5 6.85954 0.5C6.9011 0.5 6.94224 0.508089 6.98058 0.523798C7.01893 0.539506 7.05372 0.562523 7.08294 0.591515L7.90671 1.38994C7.96646 1.4488 8 1.52849 8 1.61156C8 1.69463 7.96646 1.77431 7.90671 1.83318L4.22465 5.44564C4.09999 5.56795 3.77786 5.44564 3.77786 5.44564L0.0957971 1.83807C0.0654616 1.80883 0.0413671 1.77396 0.024919 1.73549C0.00847101 1.69702 0 1.65572 0 1.614C0 1.57228 0.00847101 1.53098 0.024919 1.49251C0.0413671 1.45404 0.0654616 1.41917 0.0957971 1.38994Z' fill='%23A9A9A9'/%3E%3C/svg%3E");

  display: block;

}



/* style chevron menu header au hover */

li.chevron:hover::after, li.chevron-2:hover::after, li.chevron-3:hover::after, li.chevron-4:hover::after  {

  /*content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath id='chevron-up2' d='M0.0957971 1.38994L0.918576 0.591515C0.947793 0.562523 0.982582 0.539506 1.02093 0.523798C1.05928 0.508089 1.10042 0.5 1.14197 0.5C1.18353 0.5 1.22467 0.508089 1.26302 0.523798C1.30136 0.539506 1.33615 0.562523 1.36537 0.591515L4.00126 3.1766L6.63614 0.591515C6.66536 0.562523 6.70015 0.539506 6.7385 0.523798C6.77684 0.508089 6.81798 0.5 6.85954 0.5C6.9011 0.5 6.94224 0.508089 6.98058 0.523798C7.01893 0.539506 7.05372 0.562523 7.08294 0.591515L7.90671 1.38994C7.96646 1.4488 8 1.52849 8 1.61156C8 1.69463 7.96646 1.77431 7.90671 1.83318L4.22465 5.44564C4.09999 5.56795 3.77786 5.44564 3.77786 5.44564L0.0957971 1.83807C0.0654616 1.80883 0.0413671 1.77396 0.024919 1.73549C0.00847101 1.69702 0 1.65572 0 1.614C0 1.57228 0.00847101 1.53098 0.024919 1.49251C0.0413671 1.45404 0.0654616 1.41917 0.0957971 1.38994Z' fill='%23000000'/%3E%3C/svg%3E");*/

  transform: rotate(180deg);

  filter: brightness(0.2);

}



.image {

  display: none;

}



.submenu.z-20 ul li {

  color: #3F3F3F;

  margin-bottom: 8px;

}



.submenu.z-20 ul.columns-1 li a {

  white-space: wrap;

  width: -moz-fit-content;

  width: fit-content;

}



.submenu.z-20 ul.columns-2 li:nth-child(7),

.submenu.z-20 ul.columns-2 li:nth-child(13),

.submenu.z-20 ul.columns-1 li:last-child {

  margin-bottom: 0px;

}



/* style pour pub contacter un conseiller  */

.pub_reactif {

  display: block;

  grid-template-columns: 330px auto 162px;

  grid-auto-rows: 60px;

  width: 500px;

  margin: 36px 0px;

  cursor: pointer;

}



.contacter_conseiller {

  color: #fff;

  overflow: hidden;

  padding: 16px;

  font-size: 18px;

  font-weight: 700;

  letter-spacing: 0.9px;

  text-decoration: none;

  background: linear-gradient(180deg, #69af4b 0%, #7bc55b 0%, #7bc55b 0.01%, #59a83d 100%);

  line-height: 125%;

  width: calc(98.5% + 8px);

  align-self: center;

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

  clip-path: polygon(0% 0%, 90% 0%, 85% 100%, 0% 100%);

}



a.contact {

  font-family: "Open Sans";

  font-size: 18px;

  font-weight: 700;

  font-style: normal;

  line-height: 100%;

  letter-spacing: 0.9px;

  display: flex;

  flex-direction: column;

}



a.contact small {

  font-family: "Open Sans";

  font-size: 13px;

  font-style: normal;

  font-weight: 400;

  line-height: 100%;

  letter-spacing: 0.65px;

}



.cercle {

  position: relative;

  top: 8px;

  right: 65px;

  height: 35px;

  width: 60%;

  z-index: 1000;

  border-radius: 45px;

  border: 3px solid #fff;

  background: -webkit-linear-gradient(147deg, #FED44C 23.32%, #DE7403 75.39%);

  background: linear-gradient(147deg, #FED44C 23.32%, #DE7403 75.39%);

  padding: 20px;

}



.icone::after {

  content: '';

  position: absolute;

  background-image: url(https://www.vivreenresidence.com/img_2024/icons/phone.svg);

  top: 22%;

  left: 21%;

  width: 100px;

  height: 100px;

  background-repeat: no-repeat;

  background-size: 21px;

}



.image_pub_conseiller {

  position: relative;

    left: -88px;

    align-self: center;

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

    grid-auto-rows: 64px;

    display: grid;

    overflow: hidden;

    clip-path: polygon(100% 0%, 11% 0%, 0% 100%, 100% 100%);

  }



.image_pub_conseiller > img {

  display: block;

  width: 100%;

  height: auto;

  align-self: center;

}



/* button dans recherche_aside  */

.py-0\.5 {

  border-radius: 3px;

}



li.flex.pb-2:hover {

  background-color: #EAF3F9;

}



/* style pour les 2 dernieres cases de la liste plus de critéres dans aside  */

.select.pr-15.pl-3.py-3, .sidebar-promotions.relative {

  margin: 0px;

}



.select.pr-15.pl-3.py-3 {

  background-color: #F6F6F6;

  padding: 12px;

}



.select.pr-15.pl-3:hover {

  border: 1px solid #DDDDDD;

  color: #008DEB;

  background-color: #fff;

}



.select.pr-15.pl-3:active,

.select.pr-15.pl-3:focus {

  border-width: 1px;

  border-color: #DDD!important;

  --tw-ring-color: none!important;

}



/* style pour la boîte aside  */

/* espaceenre les boites  */

.mt-4.desktop {

  margin-top: 24px;

}



/* espace entre le menu pills boite aside */

.menu-pills > *:not(:last-child) {

  margin-bottom: 8px;

}



/* style pour image pub sur aside (parlez à un conseiller)  */

.relative img.img-call {

  border-top-right-radius: 8px;

  border-top-left-radius: 8px;

}



/* style mots clés / hover  */

ul.text-sm.text-gray-700 > li:hover .h-7.w-7.text-center.text-lg {

  background-color: transparent;

}



ul.text-sm.text-gray-700 > li {

  gap: 8px;

  margin-bottom: 8px;

  padding: 6px 4px;

}



ul.text-sm.text-gray-700 > li:last-child {

  gap: 8px;

  margin-bottom: 0px;

  padding: 6px 4px;

}



ul.text-sm.text-gray-700 > li:hover {

  background-color: #69af4b;

  border-radius: 6px;

  padding: 6px 4px;

  cursor: pointer;

}



div.sidebar-unites-input {

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

  border-color: inherit;

}



div.sidebar-promotions-input {

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

}



div.sidebar-unites-input, div#sidebar-reconnaissance-input,

select.pr-15.pl-3,

div#sidebar-promotions-input, div#sidebar-categories-input,

div#sidebar-prix-maximum-input, div#sidebar-prix-maximum-input-mobile  {

  border: 1px solid #D2D3D7;

}



input#sidebar-search-input, div.sidebar-categories-input,

div.sidebar-unites-input, div.sidebar-reconnaissance-input,

div.sidebar-servicesessentiels-input, select#prixMaximum,

div.sidebar-promotions-input, div.sidebar-prix-maximum-input {

  padding: 12px;

}



div#sidebar-unites-overlay, div#sidebar-reconnaissance-overlay,

div#sidebar-servicesessentiels-overlay, div#sidebar-promotions-overlay, div#sidebar-prix-maximum-overlay {

  font-family: "Inter", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  margin-top: 0px;

  top: 0px;

  left: 217px;

  padding: 20px;

}



div.sidebar-unites-input, div#sidebar-reconnaissance-input,

div#sidebar-servicesessentiels-input:hover, div#sidebar-servicesessentiels-input-mobile:hover,

div#sidebar-prix-maximum-input, div#sidebar-prix-maximum-input-mobile {

  border-bottom: 0px;

}



#prixMaximum:focus {

  border: 1px solid #000!important;

  --tw-ring-color: none!important

}



.select.ml-3.pr-15.pl-3:hover::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#008DEB' viewBox='0 0 20 20'%3e%3cpath stroke='#008DEB' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");

}





/* style pour le 'X' dans les boutons en haut de la boite aside  */

.py-0\.5::after {

  content: '';

  display: inline-block;

  width: 6px;

  height: 6px;

  background-image: url(https://www.vivreenresidence.com/img_2024/icons/Close.svg);

  background-repeat: no-repeat;

  background-size: contain;

  margin-bottom: 1px;

  margin-left: 6px;

}



.pr-0\.5 {

  padding-right: 5px;

}



/* style gap entre trier : recommandé : section cards dans le main  */

.flex.ml-auto.items-center {

  gap: 8px;

}







/* section qui peut vous intéressé au moment du hover  */

a.flex.bg-gray-100.p-3.mb-3.rounded-lg.group:hover {

  background-color: #EAF3F9;

}



a.flex.bg-gray-100.p-3.mb-3.rounded-lg.group:hover * {

  color: #008DEB;

}



/* section header 2 bouttons Régions et Secteurs et villes  */

#sidebar-categories-overlay {

  position: absolute;

  top: 0px;

  left: 220px;

  padding: 20px;

}



#sidebar-categories-overlay.mobile {

  position: absolute;

  top: 0;

  left: 0;

  padding: 20px;

}



/* liste déroulante aside cotégories  */

#sidebar-categories-overlay ul li,

#sidebar-categories-overlay.mobile ul li {

  padding: 4px;

}



#sidebar-categories-overlay ul li:hover,

#sidebar-categories-overlay.mobile ul li:hover {

  color: #008DEB;

  border-radius: 4px;

}



.active-overlay {

  display: block !important;

  opacity: 1;

  visibility: visible;

}



.Logo_residence {

  margin-top: 8px;

  padding: 8px;

  border: none;

}



.Logo_residence img {

  width: 100%;

  max-width: 150px;

  border-radius: 8px;

}



/* style menu déroulant boite aside  */

.pb-aside {

  padding: 16px 4px 4px 4px;

}



.flex_items_liste {

  display: flex;

  gap: 4px;

  padding: 4px;

}



.flex_items_liste:hover, #overlay_liste li:hover {

  color: #008DEB;

  background-color: #EAF3F9;

  border-radius: 4px;

}



#prix-0, #prix-1, #prix-2, #prix-3, #prix-4, #prix-5, #prix-6, #prix-7,
#prix-0-responsive, #prix-1-responsive, #prix-2-responsive,
#prix-3-responsive, #prix-4-responsive, #prix-5-responsive, #prix-6-responsive, #prix-7-responsive  {
  display: none;
}

.contact_filtre div {
  -webkit-user-select: none;
    user-select: none;
}



/* menu mobile  */

/* sous titre dans le header  */

.sous_titre {

  font-size: 15px;

  color: #848484;

  margin-top: 4px;

  margin-left: 8px;

  cursor: pointer;

}



.entete-menu-mobile:hover {

  color: #7BC55B;

}



/* Layout */

.header-icon {

  padding-top: 10px;

}



/* style pour secton régions secteur ville  */

.header-search {

  height: 52px;

}



#header-secteur-input, #header-region-input {

  cursor: pointer;

}



#header-region-overlay ul li, #header-secteur-overlay ul li:not(.titre_liste) {

  cursor: pointer;

}



.mobile_recherche {

  display: none;

}



.espace_card div {

  margin-top: 12px;

}



/* style pour le bouton trouver header format mobile  */

.button_trouver {

  display: none;

  color: #fff;

}



/* style menu de navigation mobile  */

.mobile-navigation ul li {

  padding: 16px 0px 16px 0px;

  border-bottom: 1px solid #D2D3D7;

  background: #F6F6F6;

}



.mobile-navigation ul li:hover {

  background-color: #fff;

}



#mobile-menu {

  display: none;

  position: absolute;

  top: 118px;

  right: 0;

  width: 100%;

  z-index: 1000;

}



.subliste_menu {

  display: none;

  position: relative;

  top: 20px;

}



.icon-chevron-right {

  margin-right: 16px;

  margin-left: 16px;

}



ul.bg-yellow-100 li {

  border: none;

  padding: 0px 0px 8px 0px;

}



/* style des checkbox  */

.sidebar-overlay input[type="checkbox"] {

  all: unset;

  align-self: baseline;

  height: 16px;

  width: 18px;

  accent-color: #fff;

  -webkit-accent-color: #fff;

  background-color: white;

  border: 1px solid #8D8D8D;

  border-radius: 4px;

}



.sidebar-overlay input[type="checkbox"]:checked {

  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23008DEB' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");

}



/* shame - parent footer overrides */

.text-white {

  color: #fff !important;

}



/* style pour les bouttons : Liste et Map  */

div.text-lg.bg-white.border.border-slate-300.rounded-l.inline-flex.items-center,

div.text-lg.border.border-slate-300.border-l-0.rounded-r.inline-flex.items-center.hover\:bg-white.group {

  padding: 12px;

}



/* style pour le titre H2 avec le sous titre : resultats  */

.titre_h2 {

  line-height: 16px;

}



/* style pour les images dans la section cards  */

.listing-card--img > img {

  width: 240px;

  height: 180px;

  margin-bottom: -1px;

}

.listing-card .logo_groupe

{

  margin: 8px;

}


/* style pour mobile  */

.block_mobile_header {

  padding: 36px 20px;

  height: 300px;

}



/* style pour les éléments dan cards format mobile  */

.espace_card {

  margin-left: 20px;

}



.etiquette_vedette {

  background-color: #F5B400;

}

.etiquette_orange {

  background-color: #F1840E;

}



/* style hover sur les etiquettes dans container cards */

.etiquette_gris {

  background-color: #E2E2DB;

}

.etiquette_vedette:hover {

  background-color: #008DEB;

}

.etiquette_orange:hover {

  background-color: #008DEB;

}





.espace_card p:nth-child(3), .listing-card-rating,

a.inline-block.md\:hidden.bg-white.border.border-gray-150.p-2.rounded.mt-4.group-hover\:border-slate-300,

.etiquette {

  margin-top: 12px;

  border-width: 0px;

}



.etiquette a {

  font-size: 13px;

  padding: 2px 4px;

  margin: 2px 2px;

}



.espace_card h3 {

  font-size: 24px;

  font-style: normal;

  font-weight: 600;

  line-height: 125%;

}



.espace_card p:first-of-type {

  font-family: "Open Sans";

  font-size: 13px;

  font-style: italic;

  font-weight: 400;

  line-height: 1;

}



.espace_card p:nth-of-type(2) {

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;

}



.espace_card img {

  display: inline;

  width: 6%;

}



.d_prix {

  color: #008DEB;

}



.d_prix:hover {

  color: #008DEB;

  text-decoration: underline;

}





  /* style pour les numéros de pagination avec une propriété active pour viser le numéro actif */

.pagination {

  padding: 16px;

  border-right: 1px solid #D2D3D7;

  border-left: 1px solid #D2D3D7;

  border-bottom: 1px solid #D2D3D7;

}



.icon-chevron-right.pagcard {

  margin-right: 0px;

  margin-left: 0px;

}



.pagination a {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  align-content: center;

  padding: 12px;

  height: 44px;

  width: 44px;

}



.mobile-container > div:nth-child(1) {

  justify-content: flex-start;

}



.pagination a.active {

  color: #7BC55B;

  background-color: #fff;

}







/* style pour les titres dans sles dropdowns menu header desktoop  */

.titre_liste {

  font-weight: bold;

  margin: 16px 4px 4px 4px;

}



/* style pour la section 'Qui peut vous intéresser' */

.titre_interesser {

  font-family: "Roboto", sans-serif;font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin: 36px 0px 20px 0px;

}





/* style publicité bas de page */

.pub_bas_page {

  display: flex;

  width: 900px;

  height: 250px;

  justify-content: center;

  align-items: center;

  gap: 8px;

  border-radius: 0px;

  background: #D3D3D3;

  margin: 0 auto;

  font-weight: 700;

}



/* style container publicité Helix bas de page */

.helix, .footer {

  margin-top: 36px;

}



.helix a img {

  border-radius: 8px;

}



.footer {

  margin-bottom: 150px;

}



.ver-border.mobile {

  display: none;

}



/* style pour titre H2 sur mobile  */

.titre_mobile_h2 {

  display: none;

}



.filtre, .ordre_bouton {

  display: none;

}



.mobile_droit {

  display: none;

}



.sous_titre_footer {

  color: #848484;

  font-family: "Open Sans";

  font-size: 13px;

  font-style: italic;

  font-weight: 400;

  line-height: normal;

  margin-top: 5px;

  margin-left: 8px;

}



.header-logo.block {

  margin-left: 15px;

}



/* footer desktop */

.politique {

  margin-left: 20px !important;

}

.footer-menu {

  grid-template-columns: 240px 240px 480px;

  gap: 36px;

  margin: 36px 20px;

}



.footer-menu .mb-5 .nav-footer {

  margin-bottom: 16px;

}



.footer-menu ul li {

  padding: 2px 0px;

}



.footer-menu ul li a:hover {

  color: #008DEB;

  text-decoration: underline;

}



/* cacher le menu recherche sur mobile  */

.mobile_search {

  display: none

}



/* style pour la fenetre modal  */

.modal-container {

  display: block;

  position: fixed;

  top: 0;

  width: 100vw;

  height: 100vh;

  left: 0;

  z-index: 9999;

}



.modal-container.hidden {

  display: none;

}



.modal {

  width: auto;

  max-width: 500px;

  min-width: 300px;

  padding: 16px;

  background: #fff;

  border-radius: 8px;

  position: fixed;

  top: 30%;

  left: 50%;

  transform: translate(-50%, -50%);

}







/* style bouton fermeture du overlay header mobile  */

#fermer_modal, .close-modal {

  padding: 8px;

  border: none;

  border-radius: 36px;

  position: absolute;

  top: 19px;

  right: 20px;

  cursor: pointer;

  color: #fff;

  background-color: #D3D3D3;

}



#fermer_modal:hover, .close-modal:hover  {

  background-color: #000;

}



#fermer_modal:hover svg path, .close-modal:hover svg path:hover {

  fill: #fff;

}



/* contenu de la fenêtre modal pour le container cards/bouton filtre  */

.bouton_modale {

  margin-top: 40px;

  gap: 15px;

  display: grid;

}





/* style pour le contenu de la modal filtre / section cards mobile  */

.button_liste_map {

  display: flex;

}



.button_liste_map button {

 border: 1px solid #D2D3D7;

 border-radius: 6px 0px 0px 6px;

 gap: 8px;

 padding: 12px;

}



.button_liste_map button:nth-child(2) {

 border: 1px solid #D2D3D7;

 border-radius: 0px 6px 6px 0px;

 gap: 8px;

 padding: 12px;

}



/* cacher le bouton en format desktop pour les overlay  */

#bouton_ferme {

  visibility: hidden;

}



.entete_mobile {

 display: none;

}



#header-secteur-overlay #fermer_modal {

  padding: 8px;

  border: none;

  border-radius: 36px;

  position: absolute;

  right: 22px;

  cursor: pointer;

  color: #fff;

  background-color: #D3D3D3;

}



#header-secteur-overlay .entete_mobile {

  display: none;

}



/* style pour le overlay du bouton ordre recommandé  */

.overlay_mobile {

  display: none;

  position: absolute;

  background-color: #fff;

  border: 1px solid #D2D3D7;

  border-radius: 8px;

  list-style: none;

  margin-top: 275px;

  margin-bottom: 16px;

  margin-left: 50px;

  padding: 8px;

}



/* Afficher quand "active" */

.overlay_mobile.active {

  display: block;

}



.overlay_mobile li {

  font-family: "Inter", sans-serif;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  padding: 4px;

}



#overlay_liste_mobile li:hover {

  color: #008DEB;

  background-color: #EAF3F9;

  border-radius: 4px;

}



.container.main {

  padding: 36px 20px;

}



#header-region-overlay, #header-secteur-overlay {

  display: none;

}



.pub_eclatant-mobile, .pub_conseiller_mobile {

  display: none;

}



/* style pour les 2 boutons das cards FILTRE ET ORDRE  */

.bouton_double {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0px;
}







/* ************************************************************ */

/* ************************************************************ */

/* ************************************************************ */

/* ************************************************************ */

/* ************************************************************ */

/* ************************************************************ */





/* style pour le layout Map  */

.main_map {

  margin : 0 auto;

  padding: 0px 0px;

}



.container_map {

  background-color: #fff;

  padding: 16px;

  border-right: 1px solid #D2D3D7;

  border-left: 1px solid #D2D3D7;

}



.titre_map h2 {

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: 125%;

}



.container_map img {

  width: 100%;

  max-width: auto;

  height: auto;

}



.card-container-carte {

  padding: 16px;

  margin-top: 36px;

  border-radius:  8px 8px 0px 0px;

  border: 1px solid #D2D3D7;

  background: #F6F6F6;

}



.header-banner-map {

  margin-bottom: 36px;

  padding: 16px 0px;

}



#titre_map_h1 {

  margin-bottom: 24px;

}



.bouton_retour {
  display: flex;
  gap: 35px;
  padding: 16px;
  border-radius: 0px 0px 8px 8px;
}

.bouton_retour.emploi {
  display: flex;
  gap: 35px;
  padding: 8px 0px 0px 0px;
  border-radius: 0px 0px 8px 8px;
}

.btn_emploi_bloc {
  display: flex;
  gap: 35px;
  justify-content: center;
  align-items: center;
}


.button_rayon {

  display: flex;

  gap: 10px;

  padding: 12px;

  border-radius: 6px;

  border: 1px solid #D2D3D7;

  background-color: #F6F6F6;

  width: fit-content;

}

.button_nouvelle, .plusEmplois {
  padding: 12px;

  border-radius: 6px;

  border: 1px solid #D2D3D7;

  background-color: #F6F6F6;

  width: fit-content;

}

.button_nouvelle:hover, .plusEmplois:hover {
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #D3D3D3;
  background-color: #fff;
}

/* .plusEmplois a,
.show_list_container span,
.show_google_map span,
.show_emplois_container span,
.show_nouvelles_container span,
.show_emplois_container span {

} */



.button_rayon::before {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' aria-hidden='true' role='presentation'%3E%3Cpath d='M15.997 8.2612V9.74C16.009 9.9269 15.985 10.114 15.927 10.291C15.869 10.468 15.778 10.631 15.659 10.769C15.54 10.907 15.396 11.018 15.236 11.096C15.075 11.173 14.902 11.215 14.726 11.219H7.075L10.259 14.616C10.39 14.751 10.494 14.913 10.564 15.091C10.635 15.27 10.672 15.462 10.672 15.655C10.672 15.849 10.635 16.041 10.564 16.22C10.494 16.398 10.39 16.56 10.259 16.695L9.444 17.574C9.183 17.847 8.832 18 8.466 18C8.097 17.998 7.743 17.845 7.477 17.574L0.402 10.041C0.145 9.763 0.001 9.39 0 9C0.003 8.608 0.147 8.232 0.402 7.949L7.477 0.44C7.739 0.161 8.095 0.003 8.466 0C8.648 0 8.828 0.041 8.996 0.117C9.164 0.192 9.316 0.302 9.444 0.44L10.259 1.295C10.39 1.433 10.494 1.596 10.564 1.777C10.635 1.957 10.672 2.151 10.672 2.346C10.672 2.542 10.635 2.736 10.564 2.916C10.494 3.097 10.39 3.26 10.259 3.398L7.075 6.782H14.726C14.902 6.786 15.075 6.828 15.236 6.906C15.396 6.983 15.54 7.094 15.659 7.232C15.778 7.371 15.869 7.533 15.927 7.71C15.985 7.887 16.009 8.074 15.997 8.261Z' fill='%23A9A9A9'/%3E%3C/svg%3E");

}



.button_rayon:hover, .button_rayon:focus {

  display: flex;

  gap: 10px;

  padding: 12px;

  border-radius: 6px;

  border: 1px solid #D3D3D3;

  background-color: #fff;

}



.button_rayon:hover::before, .button_rayon:focus::before {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18' aria-hidden='true' role='presentation'%3E%3Cpath d='M15.997 8.2612V9.74C16.009 9.9269 15.985 10.114 15.927 10.291C15.869 10.468 15.778 10.631 15.659 10.769C15.54 10.907 15.396 11.018 15.236 11.096C15.075 11.173 14.902 11.215 14.726 11.219H7.075L10.259 14.616C10.39 14.751 10.494 14.913 10.564 15.091C10.635 15.27 10.672 15.462 10.672 15.655C10.672 15.849 10.635 16.041 10.564 16.22C10.494 16.398 10.39 16.56 10.259 16.695L9.444 17.574C9.183 17.847 8.832 18 8.466 18C8.097 17.998 7.743 17.845 7.477 17.574L0.402 10.041C0.145 9.763 0.001 9.39 0 9C0.003 8.608 0.147 8.232 0.402 7.949L7.477 0.44C7.739 0.161 8.095 0.003 8.466 0C8.648 0 8.828 0.041 8.996 0.117C9.164 0.192 9.316 0.302 9.444 0.44L10.259 1.295C10.39 1.433 10.494 1.596 10.564 1.777C10.635 1.957 10.672 2.151 10.672 2.346C10.672 2.542 10.635 2.736 10.564 2.916C10.494 3.097 10.39 3.26 10.259 3.398L7.075 6.782H14.726C14.902 6.786 15.075 6.828 15.236 6.906C15.396 6.983 15.54 7.094 15.659 7.232C15.778 7.371 15.869 7.533 15.927 7.71C15.985 7.887 16.009 8.074 15.997 8.261Z' fill='%2369AF4B'/%3E%3C/svg%3E");

}



.trap_bouton {

  display: flex;

  gap: 10px;

  padding: 12px;

  border-radius: 6px;

  border: 1px solid #DDD;

  background-color: #F6F6F6;

}



.trap_bouton::after {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath id='chevron-up2' d='M0.0957971 1.38994L0.918576 0.591515C0.947793 0.562523 0.982582 0.539506 1.02093 0.523798C1.05928 0.508089 1.10042 0.5 1.14197 0.5C1.18353 0.5 1.22467 0.508089 1.26302 0.523798C1.30136 0.539506 1.33615 0.562523 1.36537 0.591515L4.00126 3.1766L6.63614 0.591515C6.66536 0.562523 6.70015 0.539506 6.7385 0.523798C6.77684 0.508089 6.81798 0.5 6.85954 0.5C6.9011 0.5 6.94224 0.508089 6.98058 0.523798C7.01893 0.539506 7.05372 0.562523 7.08294 0.591515L7.90671 1.38994C7.96646 1.4488 8 1.52849 8 1.61156C8 1.69463 7.96646 1.77431 7.90671 1.83318L4.22465 5.44564C4.09999 5.56795 3.77786 5.44564 3.77786 5.44564L0.0957971 1.83807C0.0654616 1.80883 0.0413671 1.77396 0.024919 1.73549C0.00847101 1.69702 0 1.65572 0 1.614C0 1.57228 0.00847101 1.53098 0.024919 1.49251C0.0413671 1.45404 0.0654616 1.41917 0.0957971 1.38994Z' fill='%23A9A9A9'/%3E%3C/svg%3E");

  line-height: 1;

}



.trap_bouton:hover::after {

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M0.0957971 4.61006L0.918576 5.40848C0.947793 5.43748 0.982582 5.46049 1.02093 5.4762C1.05928 5.49191 1.10042 5.5 1.14197 5.5C1.18353 5.5 1.22467 5.49191 1.26302 5.4762C1.30136 5.46049 1.33615 5.43748 1.36537 5.40848L4.00126 2.8234L6.63614 5.40848C6.66536 5.43748 6.70015 5.46049 6.7385 5.4762C6.77684 5.49191 6.81798 5.5 6.85954 5.5C6.9011 5.5 6.94224 5.49191 6.98058 5.4762C7.01893 5.46049 7.05372 5.43748 7.08294 5.40848L7.90671 4.61006C7.96646 4.5512 8 4.47151 8 4.38844C8 4.30537 7.96646 4.22569 7.90671 4.16682L4.22465 0.554358C4.09999 0.432051 3.77786 0.554358 3.77786 0.554358L0.0957971 4.16193C0.0654616 4.19116 0.0413671 4.22604 0.024919 4.26451C0.00847101 4.30298 0 4.34428 0 4.386C0 4.42771 0.00847101 4.46902 0.024919 4.50749C0.0413671 4.54596 0.0654616 4.58083 0.0957971 4.61006Z' fill='%23008DEB'/%3E%3C/svg%3E");

  color: #008DEB;

}



.trap_bouton:hover {

  color: #008DEB;

  background-color: #fff;

}



.trap_bouton:focus {

  border-color: #DDD;

  --tw-ring-color: #DDD;

}



.lien_pub_map {

  margin-top: 36px;

}



.lien_pub ul li a {

  border-radius: 12px;

}



.titre_interesser_map {

  font-family: "Roboto", sans-serif;

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  margin-bottom: 24px;

}



/* style pour la boite modal du bouton filtre  */

.lightbox-content_side {

  display: flex;

  width: 320px;

  padding: 16px;

  flex-direction: column;

  align-items: flex-start;

  gap: 15px;

  border-radius: 8px;

  border: 1px solid #D2D3D7;

  background: #F6F6F6;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  max-height: 90%;

  height: auto;

  overflow-y: auto;

}



.lightbox-content_side .container

{



}



.titre_side_modal {

  color: #3F3F3F;

  font-family: "Open Sans";

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}



.titre_close_filtre {

  display: flex;

  gap: 60px;

}



.close-modal_filtre {

  padding: 10px;

  border-radius: 36px;

  background: #D3D3D3;

  cursor: pointer;

}



.close-modal_filtre:hover {

  background-color: #000;

}



.close-modal_filtre:hover svg path, #filtre_close:hover svg path:hover {

  fill: #fff;

}



.lightbox {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.5);

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1000;

}



.hidden {

  display: none;

}



.form_modal_filtre {

  width: 100%;

}



/* style pour le tooltip du menu recherche Régions / secteurs et villes  */

li[data-tooltip] {

  position: relative;

  cursor: pointer;

}



li[data-tooltip]::after {

  content: attr(data-tooltip);

  position: absolute;

  bottom: 100%;

  left: 95%;

  transform: translateX(-50%);

  background-color: #008DEB;

  color: #fff;

  padding: 5px 10px;

  border-radius: 4px;

  white-space: nowrap;

  opacity: 0;

  visibility: hidden;

  transition: opacity 5s ease, visibility 5s ease;

  z-index: 10;

}



li[data-tooltip].show-tooltip::after {

  opacity: 1;

  visibility: visible;

}





li:hover[data-tooltip]::after {

  visibility: visible;

  opacity: 1;

}



ul#ui-id-1 {

  max-width: 100%;

  padding: 20px;

  border-radius: 8px;

  background-color: #fff;

  border: 1px solid #D2D3D7;

  z-index: 1000000;

}





ul#ui-id-1 li {

  padding: 4px;

  cursor: pointer;

}



ul#ui-id-1 li:hover {

  color: #008DEB;

  background-color: #EAF3F9;

  border-radius: 4px;

}



/* style pour le premier paragraphe listing.php */

.details > p, .details > ul {

  margin-bottom: 20px;

}



.details > p:nth-of-type(2) {

  margin-bottom: 0px;

}



.details ul li {

  list-style-type: disc;

  position: relative;

  left: 28px;

}



.details ul li::marker {

  color: #69af4b;

}



.details p a, .summary p a {

  color: #008DEB;

}



.details p a:hover, .summary p a:hover {

  text-decoration: underline;

  cursor: pointer;

}



.read-more a {

  display: block;

  margin-top: 20px;

}



.custom-tooltip {

  position: absolute;

  color: #fff;

  background-color: #000;

  border-radius: 4px;

  padding: 5px 10px;

  border-radius: 4px;

  font-size: 14px;

  white-space: nowrap;

  visibility: hidden;

  opacity: 0;

  transition: opacity 0.3s ease, visibility 0.3s ease;

  z-index: 1000;

  pointer-events: none;

}



.image_logo img {

  width: auto;

  max-width: 150px;

}



/* /////////////////////// */

.ui-autocomplete {

  touch-action: manipulation;

  position: absolute !important;

  overflow-y: auto;

  z-index: 1000000;

}



.espace_card p:nth-child(3) a:first-child {

  color: #008DEB;

}


.btn_list {

  cursor: pointer;

}

.boutton-boite-recherche .selected-link {
  display: inline-block;
  font-size: 0.75rem;
  color: white;
  background-color: #7BC55B;
  margin: 0px 3px 5px 0px;
  padding: 5px 6px;
  border-radius: 3px;
  transition: 0.2s ease;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  padding-right: 18px;
  vertical-align: top;
}

.selected-link.first,
.selected-link-mobile.first {
  padding-right: 6px!important;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: none;
}

.selected-link:not(.first):hover,
.selected-link-mobile:not(.first):hover {
  background-color: #008DEB;
  color: white;
}

.selected-link:not(.first)::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-image: url(https://www.vivreenresidence.com/img_2024/icons/Close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.selected-link-mobile {
  display: inline-block;
  margin: 0px 3px 5px 0px;
  padding: 3px 5px;
  font-size: 0.75rem;
  background-color: #7BC55B;
  color: white;
  border-radius: 3px;
  text-decoration: none;
  transition: 0.2s ease;
  cursor: pointer;
  position: relative;
  padding-right: 18px;
  vertical-align: top;
}

.selected-link-mobile:not(.first)::after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 50%;
  width: 6px;
  height: 6px;
  background-image: url(https://www.vivreenresidence.com/img_2024/icons/Close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
  margin: 0;
}



/* boutton filtre pour aside sur listing  */

.filtre_side {
  display: flex;
  position: relative;
  width: auto;
  border-radius: 36px;
  gap: 8px;
  padding: 12px 16px;
  margin-bottom: 10px;
  background-color: #69AF4B;
  border-width: 0;
}



.filtre_side:hover {
  background-color: #7BC55B;
  cursor: pointer;
}

.filtre_side span {
  color: #fff;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.filtre_side svg path {
  fill: #D8E479;
}

.filtre_side:hover svg path {
  transition: all 0.3s;
}

.chartwel_main {
  margin-top: 24px;
  margin-bottom: 20px;
}

.chartwel_main > div {
  margin-top: 20px;
  line-height: normal;
}

.chartwel_main div p {
  display: flex;
  gap: 6px;
}

.chartwel_main div > p a img {
  border-radius: 4px;
  max-width: 35px;
}

.chartwel_main div > p a:hover img {
  transform: scale(1.27);
  transition: all 0.3s;
}

.lien_chartwel div {
  display: flex;
  gap: 4px;
}

.lien_chartwel > p a {
  color: #008DEB;
}

.lien_chartwel > p a:hover {
  text-decoration: underline;
}

.hiddenTel {
  color: #008DEB;
}

.hiddenTelContainer:hover a.hiddenTel,
.hiddenTelContainer:hover a.hiddenTel span {
  color: #008DEB;
  text-decoration: underline;
}

.show_card {
  margin: 20px 0px;
}

.show_card .pin_map > img {
  height: 18px;
}

.show_card a:first-child {
  color: #008DEB;
}

.show_card a:first-child:hover {
  text-decoration: underline;
}

.flex.btn_list div {
  padding: 12px;
  gap: 8px;
  -webkit-user-select: none;
  user-select: none;
}

.flex.btn_list div:hover {
  background-color: #fff;
  color: #008DEB;
}

.flex.btn_list div:hover .icon-list:before {
  color: #008DEB;
}


.show_list_container {
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.show_google_map {
  border: 1px solid #d3d3d3;
}

.show_emplois_container {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}

.show_nouvelles_container {
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.bloc_emplois {
  border-radius: 0px 0px 8px 8px!important;
  border-left: 1px solid #DFDEDA!important;
  border-right: 1px solid #DFDEDA!important;
  border-bottom: 1px solid #DFDEDA!important;
  border-top: unset!important;
}

.only-two .show_google_map {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.form-select > span.is-active {
  font-weight: bold;
}

/* style pour le bloc nouvelles  */
.listing-card.nouvelle {
  display: flex;
  gap: 20px;
  border-bottom-width: 1px;
}

.listing-card.nouvelle p {
  width: 55.55%;
}

.listing-card.nouvelle p > a > img {
  border-radius: 8px;
}

.listing-card.nouvelle p > a > img:hover {
  transform: scale(1.1);
}

.text-nouvel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.text-nouvel h2 a:hover {
  color: #008DEB;
  text-decoration: underline;
}

.bloc_nouvelles.show_nouvelles {
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.bloc_nouvelles.show_nouvelles > div > h2 {
  color: #69af4b;
  padding: 20px 0px 8px 20px;
}

.pub_reactif_mobile_wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  background-color: #F6F6F6;
}

.pub_reactif_mobile {
  padding: 0px 20px;
  background-color: #F6F6F6;
  max-width: 400px;
}

/* ******** */
.bloc-aside {
  line-height:1em;
  vertical-align:bottom;
}

.bloc-aside.asidePub {
  line-height:1em;
  vertical-align:bottom;
}

.asidePub-bottom {
  position: sticky;
  top: 36px;
}

.bloc-aside.asidePub > ins, .bloc-aside.asidePub > a > img, .asidePub-bottom > ins,
.pub_reactif > .adbox > a > img, .pub_reactif_mobile > .adbox > a > img, .pub_main > .adbox > a > img {
  border-radius: 8px;
  overflow: hidden;
}

.bloc-aside.asidePub > a > img {
  margin-top: 24px;
}

.overlay_map, #liste_map_overlay,
#rayon_overlay_mobile, .overlay_map {
  margin-top:190px;
  z-index:1000;
}

#map {
  height:540px;
  display:none;
  margin-bottom:16px;
}

.button_rayon.hide_map.show_list_container,
.button_rayon.show_list_container {
  cursor: pointer;
}

.bloc_nouvelles.show_nouvelles {
  display: none;
}

#request {
  display: none;
}

.image_float {
  float: right;
}