/*!
Theme Name: clevercare
Theme URI: https://clevercare.com/
Author: Florent Cleron
Author URI: https://florentcleron.com/
Description: Clevercare theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clevercare
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

:root {
  --max-container-width: 1440px;
  --medium-container-width: 45vw;
  --medium-container-news: 820px;
  --large-container-width: 1200px;
  --XL-container-width: 85vw;
  --small-container-width: 60vw;

  --small-container: 991px;
  --extra-small-container: 700px;
  --bloc-container: 400px;

  --font-family-clevercare: poppins, sans-serif;
  --font-family-Tenor: Tenor Sans, sans-serif;
  --titre-font-family: anisette-std, sans-serif;
  --font-family-serif: garamond-mt, sans-serif;
  --font-family-sans-serif: Helvetica-Neue-Light, sans-serif;
  --font-family-sans-serif-medium: Helvetica-Neue-Medium, sans-serif;
  --font-family-sans-serif-bold: Helvetica-Neue-bold, sans-serif;
  --background-color-blue: #199cda;
  --background-color-beige: #fdfcf8;
  --background-color-grey: #ebebeb;
  --background-color-light-blue: #c9ebf8;
  --background-color-green: #83d18f;
  --background-color-turquoise: #3dc1c5;
  --background-color-yellow: #fff599;
  --categories-text-color: #4d4848;
  --citation-text-color: #d59c63;
  --titre-text-transform: uppercase;
  --titre-center-text-align: center;
  --titre-margin-bottom: 30px;
  --section-large-margin-top: 100px;
  --section-large-margin-bottom: 100px;
  --section-medium-margin-top: 50px;
  --section-medium-margin-bottom: 50px;
  --section-small-margin-top: 10px;
  --section-small-margin-bottom: 10px;
  --container-horizontal-padding: 0rem;
  --block-element-margin-vertical: 1rem;
  --base-font-family: var(--font-family-serif);
  --unitless-min-font-size: 14;
  --unitless-max-font-size: 14;
  --unitless-lower-font-range: 460;
  --unitless-upper-font-range: 1200;
  --base-line-height: 25px;
  --heading-line-height: 1.2;

  --font-size-button: calc(14px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));
  --font-size-H1: calc(25px + 3vmin);
  --font-size-H1-medium: calc(25px + 1vmin);
  --font-size-H1-mobile: 24px;
  --font-size-base: 1.3vw;
  --font-size-titre-section: calc(
    18px + (26 - 21) * ((100vw - 300px) / (1600 - 300))
  );
  --font-size-H2: 1.6rem;
  --font-size-H3: calc(14px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));
  --font-size-p: calc(14px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));
  --font-size-symb: calc(12px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));

  --padding-section: 150px 0 150px 0;
  --padding-section-mobile: 80px 0 80px 0;
  --padding-section-small: 120px 0 120px 0;
  --margin-section: 3vw auto 3vw;
  --margin-section-mobile: 30px auto 30px;

  --top-margin-XXL: 70px;
  --top-margin-XL: 6vw;
  --top-margin-L: 5vw;
  --top-margin-M: 4vw;
  --top-margin-S: 40px;
  --top-margin-XS: 30px;
  --top-margin-XXS: 1vw;

  --bottom-margin-XL: 6vw;
  --bottom-margin-L: 5vw;
  --bottom-margin-M: 4vw;
  --bottom-margin-S: 3vw;
  --bottom-margin-XS: 2vw;
  --bottom-margin-XXS: 1vw;

  --padding-XL: 6vw 0 6vw 0;
  --padding-L: 4vw 0 4vw 0;
  --padding-M: 3vw 0 3vw 0;
  --padding-S: 2vw 0 2vw 0;
  --padding-XS: 1vw 0 1vw 0;

  --font-size-2: 1.225rem;
  --font-size-3: 1.1rem;
  --font-size-4: 0.75rem;
  --font-size-5: 0.938rem;
  --font-size-6: 0.625rem;
  --font-size-7: 0.7rem;
  --font-size-titre-mobile: 12px;
  --font-size-mobile: 17px;
  --font-size-large: 1.125rem;
  --font-size-large: var(--font-size-4);
  --font-size-small: 0.875rem;
  --font-size-small: var(--font-size-6);
  --font-size-extra-small: 0.7rem;
  --font-size-extra-small: var(--font-size-7);
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --letter-spacing-base: 0.06em;
  --font-weight-base: 400;
  --font-weight-base: var(--font-weight-normal);
  --heading-font-weight: 500;
  --heading-font-weight: var(--font-weight-medium);
  --strong-font-weight: 600;
  --strong-font-weight: var(--font-weight-semibold);
  --bold-font-weight: 600;
  --bold-font-weight: var(--font-weight-semibold);
  --definition-list-title-font-weight: 600;
  --definition-list-title-font-weight: var(--font-weight-semibold);
  --input-font-weight: 400;
  --input-font-weight: var(--font-weight-normal);
  --list-margin-left: 1rem;
  --unordered-list-style: disc;
  --gray-darkest: hsl(0, 0%, 5%);
  --gray-darker: hsl(0, 0%, 10%);
  --gray-dark: hsl(0, 0%, 25%);
  --gray: #707070;
  --gray-light: hsl(0, 0%, 75%);
  --gray-lighter: hsl(0, 0%, 90%);
  --gray-lightest: hsl(0, 0%, 98%);
  --color-primary: #000;
  --color-light: #fcf7f2;
  --color-success: #3f2ab1;
  --color-warning: #ffca28;
  --color-error: #d32f2f;
  --text-color: #000000;
  --html-background-color: white;
  --body-background-color: #fcf7f2;
  --background-color: hsl(0, 0%, 98%);
  --background-color: var(--gray-lightest);
  --border-color: hsl(0, 0%, 90%);
  --border-color: var(--gray-lighter);
  --mark-color: rgb(207, 202, 236);
  --selection-color: rgb(226, 223, 243);
  --deleted-color: #d32f2f;
  --deleted-color: var(--color-error);
  --inserted-color: rgb(207, 202, 236);
  --disabled-color: hsl(0, 0%, 75%);
  --disabled-color: var(--gray-light);
  --speed: 0.1s;
  --easing: cubic-bezier(0.165, 0.84, 0.44, 1);

  --link-color: #000;
  --link-hover-color: #222;
  --link-focus-color: #222;
  --link-active-color: #222;
  --link-text-decoration: none;
  --fieldset-margin-vertical: 1rem;
  --fieldset-padding-vertical: 0;
  --fieldset-padding-horizontal: 0;
  --fieldset-border-width: 0;
  --fieldset-border-color: transparent;
  --legend-margin-bottom: 1rem;
  --legend-font-weight: 600;
  --legend-font-weight: var(--font-weight-semibold);
  --label-margin-bottom: 0.5rem;
  --label-font-weight: 600;
  --label-font-weight: var(--font-weight-semibold);
  --input-display: block;
  --input-width: 100%;
  --input-height: 3rem;
  --input-padding-vertical: 0;
  --input-padding-horizontal: 0.75rem;
  --input-border-width: 1px;
  --input-border-radius: var(--border-radius);
  --input-border-radius: var(--border-radius);
  --input-border-color: #c9c5bc;
  --input-text-color: #000;
  --input-text-color: var(--text-color);
  --input-placeholder-color: hsl(0, 0%, 50%);
  --input-placeholder-color: var(--gray);
  --input-background-color: transparent;
  --input-hover-border-color: #c9c5bc;
  --input-hover-border-color: var(--input-border-color);
  --input-hover-text-color: #000;
  --input-hover-text-color: var(--input-text-color);
  --input-hover-placeholder-color: hsl(0, 0%, 50%);
  --input-hover-placeholder-color: var(--input-placeholder-color);
  --input-hover-background-color: transparent;
  --input-hover-background-color: var(--input-background-color);
  --input-focus-border-color: #000;
  --input-focus-border-color: var(--color-primary);
  --input-focus-text-color: #000;
  --input-focus-text-color: var(--color-primary);
  --input-focus-placeholder-color: hsl(0, 0%, 50%);
  --input-focus-placeholder-color: var(--input-placeholder-color);
  --input-focus-background-color: transparent;
  --input-focus-background-color: var(--input-background-color);
  --input-disabled-border-color: hsl(0, 0%, 98%);
  --input-disabled-border-color: var(--gray-lightest);
  --input-disabled-text-color: hsl(0, 0%, 75%);
  --input-disabled-text-color: var(--gray-light);
  --input-disabled-placeholder-color: hsl(0, 0%, 75%);
  --input-disabled-placeholder-color: var(--gray-light);
  --input-disabled-background-color: hsl(0, 0%, 98%);
  --input-disabled-background-color: var(--gray-lightest);
  --textarea-display: block;
  --textarea-width: 100%;
  --textarea-height: auto;
  --textarea-padding-vertical: 0.5rem;
  --textarea-padding-horizontal: 0.75rem;
  --select-background-image: url("../img/svg/select-arrow.svg");
  --select-background-position: right 1rem center;
  --select-background-size: 0.75rem;
  --checkbox-label-padding-horizontal: 2rem;
  --checkbox-label-font-weight: 400;
  --checkbox-label-font-weight: var(--font-weight-normal);
  --checkbox-label-disabled-color: hsl(0, 0%, 75%);
  --checkbox-label-disabled-color: var(--disabled-color);
  --checkbox-width: 24px;
  --checkbox-height: 24px;
  --checkbox-background-color: transparent;
  --checkbox-hover-background-color: hsl(0, 0%, 75%);
  --checkbox-hover-background-color: var(--gray-light);
  --checkbox-focus-background-color: hsl(0, 0%, 75%);
  --checkbox-focus-background-color: var(--gray-light);
  --checkbox-checked-background-color: transparent;
  --checkbox-disabled-background-color: hsl(0, 0%, 98%);
  --checkbox-disabled-background-color: var(--gray-lightest);
  --checkbox-check-position-top: 3px;
  --checkbox-check-position-left: 8px;
  --checkbox-check-width: 8px;
  --checkbox-check-height: 14px;
  --checkbox-border-width: 2px;

  --radio-label-padding-horizontal: 3rem;
  --radio-label-font-weight: 400;
  --radio-label-font-weight: var(--font-weight-normal);
  --radio-label-disabled-color: hsl(0, 0%, 75%);
  --radio-label-disabled-color: var(--disabled-color);
  --radio-width: 24px;
  --radio-height: 24px;
  --radio-border-radius: 50%;
  --radio-background-color: hsl(0, 0%, 90%);
  --radio-background-color: var(--gray-lighter);
  --radio-hover-background-color: hsl(0, 0%, 75%);
  --radio-hover-background-color: var(--gray-light);
  --radio-focus-background-color: hsl(0, 0%, 75%);
  --radio-focus-background-color: var(--gray-light);
  --radio-checked-background-color: #000;
  --radio-checked-background-color: var(--color-primary);
  --radio-disabled-background-color: hsl(0, 0%, 98%);
  --radio-disabled-background-color: var(--gray-lightest);
  --radio-check-position-top: 6px;
  --radio-check-position-left: 6px;
  --radio-check-width: 12px;
  --radio-check-height: 12px;
  --radio-check-border-radius: 50%;
  --radio-check-background-color: white;

  --horizontal-rule-height: 1px;
  --horizontal-rule-margin-vertical: 1rem;
  --horizontal-rule-color: #000;
  --horizontal-rule-color: var(--color-primary);

  --media-width: 100%;
  --media-margin-vertical: 1rem;
}

@font-face {
  font-family: "domine-regular";
  src: url(./font/Domine-Regular.woff);
}

@font-face {
  font-family: "domine-medium";
  src: url(./font/DomineMedium.woff);
}

@font-face {
  font-family: "domine-semibold";
  src: url(./font/DomineSemiBold.woff);
}

@font-face {
  font-family: "domine-bold";
  src: url(./font/Domine-Bold.woff);
}

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
html[lang="ar"] body {
  direction: rtl;
}


/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1,
.ACF {
  font-size: 35px;
  font-weight: var(--font-weight-light);
  margin: 0.67em 0;
  font-family: var(--font-family-Tenor);
  line-height: 1.1;
}

h2 {
  font-size: var(--font-size-H2);
  font-weight: var(--font-weight-light);
}

h3 {
  font-size: var(--font-size-H3);
  font-weight: var(--font-weight-light);
}

P.h3 {
  font-size: var(--font-size-H3);
  font-weight: var(--font-weight-light);
}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 400;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * 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;
}

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

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.15em;
font-weight: var(--font-weight-semibold);
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.link-anim::after {
  content: "";
  position: absolute;
  width: 100%;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  height: 1px;
  bottom: -8px;
  left: 0;
  background-color: #000;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.link-anim {
  position: relative;
}

.link-anim:hover::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-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;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/* Espaces
--------------------------------------------- */
.padding-section {
  padding: var(--padding-section);
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #000;
  font-family: var(--font-family-clevercare);
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-light);
  line-height: 1.3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  /*margin-bottom: 1.5em;*/
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-light);
  line-height: 1.3;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

h1.titre-section {
	font-size: 16px;
	font-weight: var(--font-weight-semibold);
	font-family: var(--font-family-clevercare);
	text-transform: uppercase;
	letter-spacing: 0.4em;
}
h1.titre-section.campaign {
  margin-bottom: 0;
}

.white {
  color: #fff;
}

/* Elements
--------------------------------------------- */
html {
  scroll-behavior: smooth;
}

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

.container {
  max-width: var(--max-container-width) !important;
}

.row.margin {
  margin-left: 15px;
  margin-right: 15px;
}

.row.container {
  margin: auto;
}
/*** IPAD ****/
@media (min-width: 768px) and (max-width: 1112px) {
  .ipad.col-xl-6.bloc-right {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .ipad.col-xl-6.margin.bloc-left {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  .ipad.col-12.col-md-6.col-xl-6.bloc-left {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 1045px) {
  .col-12.col-md-9.col-xl-9.bandeau.no-padding {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  .CTA-quiz.center.col-12.col-md-3.col-xl-3 {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
}

@media (min-width: 1100px) {
  h1, .ACF {
    font-size: var(--font-size-H1);
  }
}
@media (min-width: 62rem) {
  .small-container {
   /* max-width: var(--small-container-width) !important;*/
    margin: var(--margin-section);
  }
  .bloc-container {
    margin: var(--margin-section);
  }
  .bloc-container.tips {
    margin: var(--margin-section);
  }
}
@media (min-width: 82rem) {
  .small-container {
   /* max-width: var(--medium-container-width) !important;*/
  }
}
.small-container {
  max-width: var(--large-container-width);
  margin: var(--margin-section-mobile);
  display: inline-table;
}

.medium-container {
  max-width: var(--medium-container-width);
  margin: var(--margin-section);
}
.medium-container-news {
  max-width: var(--medium-container-news);
  margin: var(--margin-section-mobile);
}

.large-container {
  max-width: var(--max-container-width);
  margin: var(--margin-section);
  padding-left: 5%;
  padding-right: 5%;
}

.bloc-container {
  margin: var(--margin-section-mobile);
}

.row.container.logos {
  max-width: var(--small-container) !important;
  margin-bottom: var(--bottom-margin-M);
  margin-top: var(--top-margin-XS);
}

.bloc-titre {
 /* max-width: var(--bloc-container);*/
  margin: auto;
  margin-bottom: 0.67em;
}

body {
  background: #fff;
}

.center {
  text-align: center;
}

.hide {
  display: none;
}

.left {
  text-align: left;
}

.no-padding {
  padding: 0 !important;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

.no-margin {
  margin: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #000;
}

a.blk {
  color: #000;
}

a.wht {
  color: #fff;
}

a:visited {
}

a:hover {
  color: #000;
}

a:focus {
  outline: none;
  color: #000;
}
a:active {
}
a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  font-size: var(--font-size-3);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
  margin-bottom: 0;
}

.page {
  overflow-x: hidden;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.content.grid {
  margin-top: 220px;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}
.weglot {
	position: absolute;
	right: 165px;
	margin-top: 21.5px;
}
@media screen and (max-width: 767px) {
  .weglot {
    margin-top: 7.5px;
    right: 61px;
  }
  .country-selector.weglot-dropdown input:checked ~ ul {
    margin-left: -43px;
    margin-top: 15px;
  }
}
#header-sroll.small .weglot {
	margin-top: 7px;
}

.home #header-sroll.small .wglanguage-name {
	color: #000;
}
.home #header-sroll.small .wglanguage-name {
	color: #000;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}
.inner-img {
  transition: 0.7s;
  -webkit-transform: 0.7s;
}

.inner-img:hover {
  transform: scale(1.11);
  -webkit-transform: scale(1.11);
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Buttons
--------------------------------------------- */
.btn {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-width: 50px;
}

.btn-1 {
  padding-left: 0;
  padding-right: 0;
}

.btn span, input[type="submit"] {
	position: relative;
	display: inline-block;
	/* font-size: var(--font-size-H2); */
	font-weight: var(--font-weight-light);
	top: 0;
	left: 0;
	width: 100%;
	padding: 1.4vh 4vh 1.2vh 4vh;
	transition: 0.3s;
	border-radius: 5vh;
	font-size: 14px;
	font-weight: var(--font-weight-light);
	font-family: var(--font-family-clevercare);
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: var(--font-weight-semibold)
}
input[type="submit"] {
  border-color: #000;
  cursor: pointer;
  width: auto;
}

.btn.hover-filled-opacity::before {
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
}

.btn.hover-filled-opacity:hover::before {
  opacity: 0;
}

.btn-1::before {
  background-color: rgb(28, 31, 30);
  transition: 0.3s ease-out;
}

.btn-1 span {
  color: #fff;
  border: 1px solid;
  border-color: #fff;
  transition: 0.3s ease-out;
}

.btn-1 span:hover {
  color: #000;
  transition: 0.3s ease-out;
  background: #fff;
}

.btn-blk::before {
  background-color: rgb(28, 31, 30);
  transition: 0.3s ease-out;
}

.btn-blk span {
  color: black;
  border: 1px solid;
  border-color: #000;
  transition: 0.3s ease-out;
}

.btn-blk span:hover {
  transition: 0.3s ease-out;
  background: #fff;
  border-color: #fff;
}

.btn-blk.blue span:hover {
  border-color: var(--background-color-blue);
  color: var(--background-color-blue);
}

/* Home
========================================================================== */

/* Général
--------------------------------------------- */
main {
  overflow: hidden;
}

.section.home {
  text-align: center;
  overflow: hidden;
}
.fade.section.home.blue {
  z-index: 1;
  position: relative;
}
.section-title {
  text-align: center;
}

.right-column {
  padding: 10%;
  padding-right: 8%;
}

.row.vertical-align {
  display: inline-grid;
}

.col-12.col-md-12.col-xl-6.margin.bloc-right {
  padding-left: 0;
}

.row.wrapper {
  max-width: 100%;
  margin: auto;
  padding: 0 2rem 0rem 2rem;
}

/* Médias
--------------------------------------------- */
.image-single {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

.image-post-grid {
  min-height: 45vh;
  height: 45vh;
  object-fit: cover;
  width: 100%;
}

.image-matieres {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  border-radius: 3%;
}

.image-matieres img {
  position: absolute;
  object-fit: cover;
  height: 100%;
}

/* Section vidéo
--------------------------------------------- */
.intro {
  height: 100vh;
  object-fit: cover;
  width: 100%;
  filter: brightness(85%);
}

.photo-principale {
  position: relative;
  text-align: center;
  color: white;
  height: 100vh;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.scroll {
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: 3vh;
}
.text-scroll {
  margin-top: 50px;
  font-size: 14px;
font-weight: var(--font-weight-semibold);
text-transform: uppercase;
letter-spacing: 0.15em;
}
#section01 a span {

}

.mobile-only {
	display: none;
}

.desktop-only {
	display: block;
}

/* Ajoutez votre breakpoint ici, par exemple 768px */
@media screen and (max-width: 1024px) {
	.mobile-only {
		display: block;
	}
	.desktop-only {
		display: none;
	}
}


/* Section menu-secondaire
--------------------------------------------- */
.menu-secondaire {
  text-align: center;
  overflow: auto;
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
}

.lien {
  display: inline-block;
  width: 20%;
  /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center;
  /* If you want the text to be centered */
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
}

.liens {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}
#menu-tips-and-tricks {
  max-width: 1440px;
  padding-left: 0;
  width: 100%;
  margin: auto;
  margin-bottom: var(--top-margin-S);
}
#menu-tips-and-tricks .cool-link {
  display: inline-block;
  color: #000;
  text-decoration: none;
  margin-right: 15px;
  margin-left: 15px;
}
#menu-tips-and-tricks :hover {
  opacity: 1;
}
#menu-tips-and-tricks .nav-link:after {
  content: "";
  position: absolute;
  width: 100%;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  height: 1px;
  bottom: -8px;
  left: 0;
  background-color: #000;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

#menu-tips-and-tricks .nav-link, .nav-link {
  position: relative;
  font-size: 14px;
  font-weight: var(--font-weight-semibold) !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

.nav-link {
  transition: 0.3s;
font-size: 14px !important;
}
.FC {
	text-align: right;
  font-size: 10px;
}
a {
  outline: none; /* Désactive l'outline au focus pour tous les liens <a> */
}

#menu-tips-and-tricks .nav-link:hover::after {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}
#menu-tips-and-tricks .nav-link {
  color: black;
  transition: 0.3s ease-out;
  line-height: 3rem;
}

/* Section simplify my routine
--------------------------------------------- */
.home.light-blue {
  background-color: var(--background-color-light-blue);
}
.routine.small-container {
  margin-top: 0 !important;
 /* max-width: 991px !important;*/
  margin: var(--margin-section-mobile);
  margin-bottom: 0 !important;
}
/* Section Symboles
--------------------------------------------- */
.parent:hover .lien-icone {
  color: var(--background-color-blue);
  transition: 0.2s ease-out;
}
.lien-icone {
	transition: 0.2s ease-out;
	display: block;
	font-weight: var(--font-weight-semibold);
	font-size: 14px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding-top: 20px;
}
#divtoshow {
  position: absolute;
  display: none;
}
#onme {
}
.tshirt {
  height: 15vh;
}
/* Section did you know
--------------------------------------------- */
.home.blue {
  background-color: var(--background-color-blue);
}

.top-spacing {
  margin-top: var(--top-margin-XS);
}
.row.background.light.vh {
	justify-content: center;
}

/* Section our mission
--------------------------------------------- */
.mission {
  margin: auto;
}
.col-12.col-md-6.col-xl-3.mission {
  max-width: 210px;
}
/* Section tips and tricks
--------------------------------------------- */
.home.green {
  background-color: var(--background-color-green);
}

p.conciergerie {
  padding-right: 15%;
}

h1.top-space {
  margin-top: 0;
}

.right-column.conciergerie, .right-column.fabrics {
  padding: 10%;
}

.row.symbols {
  text-align: center;
  max-width: var(--large-container-width);
  margin: auto;
  margin: var(--margin-section-mobile);
  margin-top: 48px;
  margin-bottom: 0;
}

img.symboles {
  height: 5vh;
}

.index {
  padding: var(--padding-section-small);
}

.core {
  margin-bottom: var(--bottom-margin-S);
}

.paragraph {
  font-size: calc(16px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));
}

.home .paragraph{
  font-size: calc(16px + (28 - 21) * ((100vw - 300px) / (1600 - 300)));
  line-height: 38px;
  margin: var(--margin-section);
}
.content.grid.tips {
  margin-top: 0;
  padding-top: 250px;
  padding-left: 15px;
  padding-right: 15px;
}
.titre-bold {
  margin-bottom: var(--top-margin-S);
}
/* Section Quiz
--------------------------------------------- */
.quiz {
  font-family: var(--font-family-clevercare);
  font-weight: var(--font-weight-light);
}
.title-quiz {
  color: #000;
  font-size: var(--font-size-H1);
  font-weight: var(--font-weight-light);
  margin-bottom: var(--bottom-margin-XS);
}
.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 85px;
  overflow: hidden;
}

.quiz-scroll {
	font-size: var(--font-size-H2);
	padding-top: 12px;
}
.col-12.col-md-7.col-xl-9.bandeau {
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
	max-width: 80%;
}
.CTA-quiz.center.col-12.col-md-5.col-xl-3 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
.row.wrapper.yellow {
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 25s linear infinite;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.CTA-quiz {
  height: auto;
}

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

.bouton-push.quiz {
  margin-top: 0.6vw;
}
.bouton-push.matieres {
  text-align: center;
  margin-top: var(--top-margin-XXS);
  margin-bottom: var(--bottom-margin-XL);
}
.lisa.mat {
	margin-top: 0;
}
.titre-reco {
  margin-top: 5px;
  position: absolute;
}
a.recommandations::before {
  content: "";
  background-image: url('data:image/svg+xml,%3Csvg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="%23000000" stroke-width="0.00024000000000000003" transform="rotate(-45)"%3E%3Cg id="SVGRepo_bgCarrier" stroke-width="0"%3E%3C/g%3E%3Cg id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"%3E%3C/g%3E%3Cg id="SVGRepo_iconCarrier"%3E%3Cpath d="M4 12L3.64645 11.6464L3.29289 12L3.64645 12.3536L4 12ZM19 12.5C19.2761 12.5 19.5 12.2761 19.5 12C19.5 11.7239 19.2761 11.5 19 11.5V12.5ZM9.64645 5.64645L3.64645 11.6464L4.35355 12.3536L10.3536 6.35355L9.64645 5.64645ZM3.64645 12.3536L9.64645 18.3536L10.3536 17.6464L4.35355 11.6464L3.64645 12.3536ZM4 12.5H19V11.5H4V12.5Z" fill="%23000000"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
  width: 35px;
  background-size: contain;
  height: 35px;
  display: inline-block;
  position: relative;
  transform: rotate(deg);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-right: 12px;
}
.shared-counts-wrap.style-icon .shared-counts-button {
  float: none !important;
  display: inline-block !important;
  margin: 0;
}
.shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon svg {
  fill: #000 !important;
  width: 20px !important;
  height: 20px !important;
}
.share-the-quiz {
  padding-left: 15%;
  padding-top: var(--bottom-margin-S);
}
.entry-content.matieres, .entry-content.remove_a_stain {
	margin: 0 2rem 0rem 2rem;
	border-radius: 20px;
}
h2.lisa {
	color: #000 !important;
	margin-bottom: var(--top-margin-S);
	font-family: var(--font-family-Tenor);
	font-size: var(--font-size-H1-medium);
}
li.recommandations {
  height: 1rem;
}
.recommandations {
  margin-left: 0;
  color: #000;
  list-style: none;
  transition: 0.3s;
}
.recommandations:hover {
  color: var(--background-color-blue);
  transition: 0.3s;
}
ul.recommandations {
  margin-bottom: 0;
  padding-left: 0;
}
.partage.reseaux.f-quiz {
	margin-left: -12px;
}
.share {
  color: #000;
  margin-bottom: var(--bottom-margin-XXS);
}
.shared-counts-button.pinterest.shared-counts-no-count {
  display: none !important;
}
.shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon {
  width: 50px !important;
  height: 50px !important;
}

.page-id-1590 .fullwidth.footer,
.page-id-1590 {
  /*background-color:#002933;*/
  background-color: var(--background-color-yellow);
}
/*Quiz*/
.page-id-1590 .marquee.bandeau,
.page-id-1590 .site-footer {
  display: none;
}
.page-id-1590 .nav {
  padding-top: 2rem;
}
.page-id-1590 #header-sroll.small {
	background: transparent;
	border-bottom: 0;
}
.section.page-quiz {
  background: transparent;
  position: relative;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes blink {
  0% {
    background-color: rgba(173, 228, 181, 1);
  }
  50% {
    background-color: rgba(173, 228, 181, 0.3);
  }
  100% {
    background-color: rgba(173, 228, 181, 1);
  }
}
@-webkit-keyframes blink {
  0% {
    background-color: rgba(173, 228, 181, 1);
  }
  50% {
    background-color: rgba(173, 228, 181, 0.3);
  }
  100% {
    background-color: rgba(173, 228, 181, 1);
  }
}

.green-q {
  background-color: #ade4b5;
  border: 1px solid #ade4b5 !important;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-animation: blink normal 0.5s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 0.5s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 0.5s infinite ease-in-out;
  /* IE */
  animation: blink normal 0.5s infinite ease-in-out;
  /* Opera */
  animation-iteration-count: 2;
}
#panel,
#panelq2,
#panelq3,
#panelq4,
#panelq5,
#panelq6,
#panelq7,
#panelq8,
#panelq9,
#panelq10 {
  display: none;
}

.btn-margin {
  margin-top: var(--top-margin-XS);
}
.fond-ans {
  /*background: #6194c6;*/
  background: transparent;
  /*padding: 10px;
	padding: 20px;*/
  margin-top: var(--top-margin-XS);
  border-radius: 15px;
  max-width: 541px;
}
.btnq2.disabled,
.btnq.disabled {
  display: none;
}
.number-q {
  position: absolute;
  bottom: 0;
  margin-right: 8%;
}
.next_step {
  padding: 1.4vh 4vh 1.2vh 4vh;
  border: 1px solid;
  border-radius: 5vh;
  cursor: pointer;
  transition: 0.3s ease-out;
}
#yes {
  display: none;
  padding: 10px;
  background-color: #ade4b5;
  padding: 20px;
  margin-top: var(--top-margin-XS);
  border-radius: 15px;
}
#no {
  display: none;
  padding: 10px;
  background-color: #ffb7ae;
  padding: 20px;
  margin-top: var(--top-margin-XS);
  border-radius: 15px;
}
.good {
  padding-bottom: var(--bottom-margin-XXS);
}
.image-single.fullheight {
  height: 100vh;
}
#showPanel,
#showPanelq2,
#showPanelq3,
#showPanelq4,
#showPanelq5,
#showPanelq6,
#showPanelq7,
#showPanelq8,
#showPanelq9,
#showPanelq10,
#next {
  background: black;
  color: #fff;
  border-color: #000;
}
#showPanel:hover,
#next:hover {
  border-color: #000;
  background: transparent;
  color: #000;
}
.tag {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}
.tag.visible {
  opacity: 1;
  transform: translate(0, 0);
}
.title-quiz.end {
  font-size: var(--font-size-H2);
}
.title-quiz.introduction {
  margin-bottom: var(--bottom-margin-XXS);
}
.center-quiz {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.fullheight-q {
  height: 100vh;
  width: 100% auto;
  margin: 0;
}
.quiz__heading {
  display: none;
}

.result {
  font-size: 3rem;
  color: #000;
  margin-left: 10px;
  margin-right: 10px;
}

.heading__text {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 3rem;
  font-weight: 300;
}

.quiz__heading-text {
  margin-bottom: 2rem;
  font-weight: 300;
  color: #000;
}

.quiz-form__question {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
}

.quiz-form__quiz:not(:last-child) {
  margin-bottom: 1.5rem;
}

.quiz-form__ans {
  border-radius: 0.8rem;
  border: 1px solid #000;
  padding: 0.8rem;
  color: #000;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
  margin-bottom: 0.5rem;
  max-width: 541px;
}

.quiz-form__ans:not(:last-child) {
  margin-bottom: 0.5rem;
}

.design {
  width: 1rem;
  height: 1rem;
  border: 1px solid #000;
  border-radius: 100%;
  margin-right: 1rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.design::before,
.design::after {
  content: "";
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  transform: scale(0);
  transform-origin: center center;
}

.design:before {
  background: #000;
  opacity: 0;
  transition: 0.3s;
}

.design::after {
  background: #000;
  opacity: 0.4;
  transition: 0.6s;
}

.text {
  backface-visibility: hidden;
  transition: transform 200ms ease-in;
}

input[type="radio"]:hover ~ .text {
  transform: translateX(0.4rem);
}

input[type="radio"]:hover .quiz-form__ans {
  color: #000;
}

input[type="radio"]:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}

input[type="radio"]:hover + .design,
input[type="radio"]:focus + .design {
  border: 1px solid #000;
}

input[type="radio"]:hover + .design:before,
input[type="radio"]:focus + .design:before {
  background: #000;
}

input[type="radio"]:focus + .design::after,
input[type="radio"]:active + .design::after {
  opacity: 0.1;
  transform: scale(2);
}

.submit {
  border: none;
  border-radius: 100vh;
  padding: 0.8rem 1.5rem;
  background: #117eeb;
  color: #fff;
  font-family: inherit;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 300;
  display: block;
  margin: 1rem auto 4rem auto;
  cursor: pointer;
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.submit:focus {
  outline: none;
}

.submit:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.35);
}

.submit:active {
  transform: translateY(0) scale(1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.correct {
  color: green;
}
.right-column.conciergerie.quiz.end {
	padding-bottom: 0;
}
.wrong {
  background-color: #ffb7ae;
  color: #000;
  border: 1px solid #ffb7ae;
}
.quiz-form__ans.wrong {
  display: flex !important;
}
.quiz-form__ans.correct {
  background-color: #ade4b5;
  color: #000;
  border: 1px solid #ade4b5;
}
.fake.right.quiz-form__ans.correct {
  color: green !important;
}
.good.quiz-form__ans.whatever {
  color: green;
}
input[value="yes"] {
  background-color: yellow;
}

.commentaire {
  color: #a1a9bd;
  margin-bottom: var(--bottom-margin-S);
}
.commentaire.afficher {
  display: block;
}
.partage.reseaux {
  margin-top: 0;
}
.image-quiz.end {
  height: 100vh !important;
}
.page-id-283 .partage {
  display: none;
}
/* Section did you know ?
--------------------------------------------- */
.home.know {
  background-color: var(--background-color-blue);
}

/* Section mise en avant?
--------------------------------------------- */
.grey {
  background-color: var(--background-color-grey);
}
.read-more, .load-more.link-anim, summary.titre {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: var(--font-weight-semibold);
}

/* Section remove a stain?
--------------------------------------------- */
.home.turquoise {
  background-color: var(--background-color-turquoise);
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #000 transparent transparent;
}
.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #000;
}

/* Section join the campaign?
--------------------------------------------- */
.image-marque {
  mix-blend-mode: darken;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  opacity: 1;
  transition: 0.4s;
  padding: 40px;
  height: 150px;
  object-fit: contain;
}

.image-marque.intensity {
  opacity: 0.6;
  padding: 40px;
  height: 126px;
}

@media (max-width: 414px) {
  .image-marque.intensity {
    padding: 7px !important;
    height: 75px !important;
  }
}

.logo-square {
  display: table-cell;
  width: 200px;
  height: 100px;
  padding: 30px;
  vertical-align: middle;
  text-align: center;
}

.image-marque:hover {
  filter: none;
  opacity: 1;
  transition: 0.4s;
}
.grid-logos {
  display: flex;
  flex-wrap: wrap;
}
.page-id-2242 .partage {
  display: none;
}
.btob {
  margin-top: var(--top-margin-L);
  margin-bottom: var(--bottom-margin-M);
}
.page-id-412 .message {
  display: block;
}
.grid-logos__item {
  align-self: center;
  height: 150px;
  flex-basis: 100%;
  text-align: center;
}
@media all and (min-width: 1px) {
  .grid-logos img {
    max-height: 80px;
    max-width: 100px;
  }
}
@media all and (min-width: 375px) {
  .grid-logos__item {
    flex-basis: 50%;
  }
  .grid-logos img {
    max-height: 80px;
    max-width: 100px;
  }
}
@media all and (min-width: 450px) {
  .grid-logos__item {
    flex-basis: 33.33333%;
  }
}
@media all and (min-width: 600px) {
  .grid-logos__item {
    flex-basis: 25%;
  }
}
@media all and (min-width: 800px) {
  .grid-logos img {
    max-height: 100px;
    max-width: 120px;
  }
}

.grid-logos img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  object-fit: contain;
}

.image-logos {
  mix-blend-mode: darken;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  opacity: 1;
  transition: 0.4s;
}

.image-logos.intensity {
  opacity: 0.8;
}
.image-logos:hover {
  filter: none;
  opacity: 1;
  transition: 0.4s;
}
#title-bg {
  text-align: center;
  margin-bottom: 60px;
}
#gallery-load-more {
  outline: none;
}

/* Section Marques
--------------------------------------------- */
.slider.brand {
  width: 94%;
  margin: auto;
}

/* Section News
--------------------------------------------- */
.section-title.news {
  margin-top: var(--top-margin-XL);
  margin-bottom: var(--top-margin-XXS);
}

.titre-news {
  margin-top: 20px;
  font-size: calc(16px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .section-title.news {
    margin-top: var(--top-margin-XXL);
  }
  .entry-content.matieres {
    /*margin-top: var(--top-margin-XXL);*/
  }
  .title-news {
    font-size: var(--font-size-H1-medium) !important;
  }
  .menu-image {
    display: none;
  }
  .index {
    padding: var(--padding-section-mobile);
  }
  img.symboles {
    height: 4vh;
  }
}
@media screen and (max-width: 767px) {
  .medium-container-news {
    font-size: var(--font-size-H1-mobile);
  }
  #menu-tips-and-tricks {
    margin-bottom: var(--top-margin-S);
  }
  .padding-section-news {
    padding-bottom: 130px !important;
  }
}
@media screen and (max-width: 1023px) {
  .index-desktop {
    display: none !important;
  }
}

/* Horizontal Filters
========================================================================== */
@media screen and (min-width: 768px) {
  .wpc-filters-widget-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .wpc-filters-section {
    width: 30%;
    margin-right: 24px;
  }

  .wpc-filter-content select {
    width: 200px;
  }

  form.wpc-filter-range-form {
    max-width: 336px;
    margin-right: 0;
  }

  .wpc-filter-layout-submit-button,
  .wpc-inner-widget-chips-wrapper,
  .wpc-posts-found {
    width: 100%;
  }

  .wpc-filters-widget-main-wrapper a.wpc-filters-reset-button,
  .wpc-filters-widget-main-wrapper a.wpc-filters-submit-button {
    width: 45%;
    white-space: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 240px;
    margin-left: 24px;
  }

  .wpc-filter-layout-submit-button {
    justify-content: flex-end;
  }
}

ul.wpc-filter-chips-list {
  display: flex;
  padding-left: 0;
  margin-bottom: 10px;
}

.wpc-posts-found {
  display: none;
}
.wpc-filters-widget-top-container {
  background: transparent !important;
  border-bottom: none !important;
  padding: 0;
}

.wpc-filters-widget-top-container::before {
  display: none !important;
}

.wpc-filter-chip-name {
  text-transform: var(--titre-text-transform);
  letter-spacing: 0.1666666667em;
  font-size: var(--font-size-6);
  padding-left: 0 !important;
  max-width: none !important;
}

.widget-area .widget .wpc-filter-chips-list a,
.wpc-filter-chips-list a,
body .wpc-filter-chips-list li.wpc-filter-chip a {
  border-radius: 0 !important;
  color: #000 !important;
}

.wpc-chip-remove-icon {
  font-size: inherit !important;
  margin-top: -3px;
}

.wpc-filter-chips-list li,
body .wpc-filter-chips-list li.wpc-filter-chip,
li.wpc-filter-chip {
  margin-left: 0 !important;
}

.widget-area .widget .wpc-filter-chips-list .wpc-chip-reset-all a,
body .wpc-filter-chips-list li.wpc-chip-reset-all a {
  border-color: #000 !important;
  color: #fff !important;
  background: #000;
}

.select2-container--open .select2-dropdown--below {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: animate-fadein-top10;
  animation-name: animate-fadein-top10;
}

.widget_wpc_filters_widget,
.wpc-filters-widget-main-wrapper {
  margin-bottom: 0;
}

/* Carousel Logos & macarons
========================================================================== */
.slider {
  width: 100%;
}

.slick-slide {
  margin: 0p;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out 0.3s;
}

.slick-slide {
  display: table-cell !important;
  float: none !important;
  height: 100px;
  vertical-align: middle;
}

.image-cat {
  height: 17vh;
  object-fit: cover;
  border-radius: 100%;
  width: 17vh !important;
  margin: auto;
}
.image-cat.matieres:hover {
  transition: 0.3s;
}
.image-cat.matieres {
  transition: 0.3s;
}
.titre-section.icon-svg{
  display: flex;
  align-items: center;
  justify-content: center; /* Ajouté pour centrer horizontalement */
  width: 100%; /* Ajouté pour occuper toute la largeur */
  }
 .center.mac {
	font-size: 14px;
	font-family: var(--font-family-clevercare);
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: var(--font-weight-semibold);
	margin-top: 30px;
  min-height: 45px;
} 
  .titre-mat {
  /*margin-left: 10px;*/
  }
  .back-icon {
    margin-bottom: 10px;
    margin-right: 15px;
  }
.macarons.slider.home {
  width: 95%;
  margin: auto;
  padding: var(--padding-L);
  padding-bottom: 3vw;
}

.macarons.slider.matieres {
  max-width: 1024px;
  margin: auto;
  margin-bottom: var(--bottom-margin-M) !important;
  margin-top: var(--top-margin-M);
}

.image-cat.matieres {
  height: 120px;
  width: 120px !important;
}

.marques {
  padding: var(--padding-XS);
  margin-left: -10px;
}
.slick-list.draggable {
  margin-left: -5px;
}

.slick-arrow:before {
  content: "" !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.slick-next:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg fill="%23000000" width="64px" height="64px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill-rule="evenodd" d="M8.72 18.78a.75.75 0 001.06 0l6.25-6.25a.75.75 0 000-1.06L9.78 5.22a.75.75 0 00-1.06 1.06L14.44 12l-5.72 5.72a.75.75 0 000 1.06z"></path></g></svg>');
  background-size: 35px 35px;
  background-repeat: no-repeat;

}
.slick-prev:before {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg fill="%23000000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill-rule="evenodd" d="M15.28 5.22a.75.75 0 00-1.06 0l-6.25 6.25a.75.75 0 000 1.06l6.25 6.25a.75.75 0 101.06-1.06L9.56 12l5.72-5.72a.75.75 0 000-1.06z"></path></g></svg>');
  background-size: 35px 35px;
  margin-left: 7px;
  background-repeat: no-repeat;
}

.page-template-Page-matieres .slick-prev:before, .archive.tax-typede_matiere .slick-prev:before {
  margin-left: -10px;
}
.page-template-Page-matieres .slick-next:before, .archive.tax-typede_matiere .slick-next:before {
  margin-left: 20px;
}

.slick-next {
  right: -23px !important;
}
.slick-prev::before,
.slick-next::before {
  top: -15px;
}
.mobile-carousel {
  min-height: 320px !important;
}



/* Mentions légales
========================================================================== */

.page-template-Page-mentions-legales .partage {
  display: none;
}
.accordeon {
margin-bottom: var(--top-margin-XS);
}

details[open] summary.titre.txt {
padding: 0;
pointer-events: none;
}    
summary.titre.txt::before {
display: none;
}

  
details div {
  margin:auto;
}

details div > * + * {
}

details + details {

}

summary {
list-style: none;
}

summary::-webkit-details-marker {
display: none;
}

summary {
cursor: pointer;
position: relative;
padding-left: calc(0.1rem + .75rem + .75rem);
  margin:auto;
line-height:2;
}

summary::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
content: "✛";
height: 1.75rem;
color: #000;
display: inline-flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
left: 0;
}

details[open] summary {

}

details[open] summary:before {
content: "—";
}

summary:hover {

}
.header-on-scroll .nm-header:not(.static-on-scroll) {
background: #FFF;
}

/* Sustainable laundry
========================================================================== */
.number {
  margin: 50px;
  /* width: 90px; */
  /* height: 90px; */
  /* background-color: var(--background-color-beige); */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 50px;
  font-size: 90px;
  font-weight: var(--font-weight-medium);
}

.row.background.light-blue {
  margin-left: 0;
}

.laundry {
  margin-top: var(--top-margin-M);
}
.laundry-desc {
  margin-bottom: var(--top-margin-XS);
}

/* Bandeau News 
========================================================================== */
.marquee.bandeau {
  height: 60px;
  margin-bottom: var(--bottom-margin-XXS);
}
.home .text-news {
	color: #fff;
	transition: 0.3s;
	font-size: calc(16px + (28 - 21) * ((100vw - 300px) / (1600 - 300)));
}
/*.home .text-news:hover{
	color: #000;
	transition: 0.3s;
}*/
.text-news {
	font-size: calc(16px + (28 - 21) * ((100vw - 300px) / (1600 - 300)));
  transition: 0.3s;
}
.text-news:hover {
  transition: 0.3s;
}
.cta {
	font-size: calc(16px + (28 - 21) * ((100vw - 300px) / (1600 - 300)));
  text-decoration: underline;
}

/* Bandeau News 
========================================================================== */
.container.chapo {
  max-width: 800px !important;
}


/* Page News
========================================================================== */
.bloc-news {
	margin-top: var(--top-margin-XS);
}

/* Page Article
========================================================================== */
.entry-meta {
  display: none;
}
.padding-section-news {
  padding-top: 100px;
  padding-bottom: 190px;
}
.image-article.wp-post-image {
  width: 100%;
  object-fit: cover;
  margin-top: -120px;
  z-index: 1;
  position: relative;
  max-height: 600px;
}

.image-news {
  max-width: 991px;
  margin: auto;
}

.entry-content.news {
  max-width: var(--medium-container-news);
  margin: auto;
  padding-top: var(--top-margin-M);
  padding-left: 15px;
  padding-right: 15px;
}
.title-news {
  /*font-weight: var(--font-weight-normal);*/
  margin-bottom: 0;
}
.image-flexible {
  margin-top: var(--top-margin-L);
  margin-bottom: var(--bottom-margin-L);
}
img.news-content {
  max-height: 600px;
  object-fit: cover;
}
/* PAge Matières
========================================================================== */
.etiquette {
  position: relative;
  float: right;
  font-size: var(--font-size-5);
  transition: 0.3s;
  border-radius: 5vh;
  background: var(--background-color-beige);
  margin-top: 20px;
  margin-right: 20px;
  padding-top: 1vh;
  padding-bottom: 0.5vh;
  padding-left: 3vh;
  padding-right: 3vh;
  border: 1px solid var(--background-color-beige);
}

.etiquette:hover {
  background: transparent;
  border: 1px solid var(--background-color-beige);
  color: var(--background-color-beige);
}

.etiquette.single:hover {
  background: var(--background-color-beige);
  color: black;
}

.titre-news.matieres {
  margin-bottom: var(--bottom-margin-S);
}

.row.margin.relation {
  margin-top: var(--top-margin-S);
}
.relation {
	margin-top: var(--top-margin-S);
	margin-left: 30px;
}
.permanent {
  font-size: 0.838rem !important;
  font-style: italic;
  max-width: 400px;
  margin: auto;
}

/* Article Matières
========================================================================== */
.back {
  text-align: right;
  margin-right: 2rem;
  font-size: var(--font-size-3);
}

.single-etiquette {
  margin-bottom: var(--bottom-margin-XXS);
  margin-top: var(--bottom-margin-XS);
}

.symbols-footer.matiere {
  height: 2.5vw;
  max-height: 65px;
}

.separator {
  background: #000;
  display: inline-block;
  margin: 0px auto;
  position: relative;
  height: 1px;
  width: 80px;
}

.description-matiere {
  margin-bottom: var(--bottom-margin-XXS);
  margin-top: var(--top-margin-XXS)
}
.social.matieres {
  margin-top: var(--top-margin-S);
  margin-bottom: var(--bottom-margin-XXXS)
}

/* Remove a stain
========================================================================== */
.searchandfilter h4 {
  display: inline-block;
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-light);
  margin-right: 6px;
  margin-left: 6px;
}
.searchandfilter > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 27px 20px;
  padding-right: 0;
}
#search_filter_register_widget-2 {
  text-align: center;
}
.widget select {
  background-color: white !important;
  color: #000 !important;
  border: none;
  border-bottom: 1px solid;
  padding-bottom: 13px;
  text-align: center;
}
.searchandfilter ul {
  margin-left: 0;
  padding-left: 0;
}

input[type="submit"]:hover {
  transition: 0.3s ease-out;
  background: var(--background-color-turquoise);
  border-color: var(--background-color-turquoise);
  color: #fff;
}
.sf-field-taxonomy-matieres,
.sf-field-taxonomy-taches {
  padding-top: 31px !important;
}
.searchandfilter > ul > li[data-sf-combobox="1"] label {
  display: inline-block;
  min-width: 230px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #000;
  line-height: 29.5px;
}
.select2-container {
  min-width: 230px;
}
.select2-container--default .select2-selection--single {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #000;
  height: 42px;
  background: transparent;
}
.dropdown-wrapper {
  position: relative;
  display: block;
  margin-top: -14px;
}
.searchandfilter h4 {
  padding: 0px 0 10px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
}
.select2-container--default .select2-results > .select2-results__options {
  margin-top: 16px;
  border: 1px solid;
}
.select2-search--dropdown {
  display: none;
  padding: 4px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: transparent;
  color: #000;
  transition: 0.3s ease-out;
  display: none;
}
.home .select2-search--dropdown {
  display: none;
}
.home .select2-container--default .select2-results > .select2-results__options {
  margin-top: 0;
}
.home .search-filter-reset {
  display: none;
}
.home input[type="submit"] {
  background: transparent;
}
.home .sf-field-taxonomy-taches {
  padding-left: 0;
}
.home input[type="submit"]:hover {
  background: #fff;
  border-color: #fff;
  color: #000;
}
.select2-container--default .select2-results > .select2-results__options {
  padding: 15px;
}
.select2-results__option {
	padding: 5px;
	padding-left: 13px;
	font-size: 14px;
	font-weight: var(--font-weight-semibold);
	text-transform: uppercase;
	letter-spacing: 0.15em;
}
.select2-dropdown.select2-dropdown--below {
  min-width: 240px;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: var(--background-color-turquoise);
  color: #fff;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  border-bottom: 1px solid;
  margin-top: -1.5px !important;
  padding-bottom: 14px;
}
.select2-search__field:focus-visible,
#select2-_sft_matieres-8t-container:focus-visible,
.select2-selection.select2-selection--single:focus:focus-visible {
  outline: none;
  border-color: black !important;
  outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  background-color: transparent;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: transparent;
}

.chapo.stain {
  margin-top: 220px;
}

/* Page Symboles
========================================================================== */
.description-symboles {
  margin-bottom: 60px;
}

.content.grid.care {
  margin-bottom: var(--bottom-margin-M);
}

.glider {
  width: 65px;
  height: 65px;
  border-radius: 3px;
  position: absolute;
  transition: all 0.3s;
  border-radius: 100%;
}

.container .card {
  max-width: 991px;
  min-height: 140px;
  margin: 0 auto;
  margin-top: 40px;
}

.tabs {
  text-align: center;
  position: relative;
}

.tabs input {
  position: absolute;
  opacity: 0;
  margin: 0;
  padding: 0;
}

.tabs input + label {
  color: #000;
  margin: 10px 0;
  width: 110px;
  cursor: pointer;
  display: inline-block;
  transition: all 0.3s;
  text-align: center;
  border: none;
  z-index: 1 !important;
  position: relative;
}

.tabs input#tab-2 {
  left: 20%;
}

.tabs input#tab-3 {
  left: 40%;
}

.tabs input#tab-4 {
  left: 60%;
}

.tabs input#tab-5 {
  left: 80%;
}

.tabs label {
  color: #fefefe;
  font-size: 15px;
  line-height: 50px;
  height: 75px;
  position: relative;
  top: 0;
  padding: 0 20px;
  display: block;
  width: 20%;
  -webkit-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
}

.tabs label:hover {
  cursor: pointer;
}

.tabs label:after {
  content: "";
  background: transparent;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
}

.tabs input:hover + label {
  /* background: #e08f24;*/
}

.tabs label:first-of-type {
  z-index: 4;
}

.tab-label-2 {
  z-index: 4;
}

.tab-label-3 {
  z-index: 3;
}

.tab-label-4 {
  z-index: 2;
}

.tabs input:checked + label {
  background: transparent;
  color: #1a1a1a;
  z-index: 6;
}

#tab-1:checked ~ .glider {
  left: 232px;
  position: absolute;
  margin-top: -89px;
  background: #199cda;
}

#tab-1:checked + label {
  color: #199cda;
}

#tab-2:checked + label {
  color: #199cda;
}

#tab-2:checked ~ .glider {
  left: 347px;
  background: #199cda;
  position: absolute;
  margin-top: -89px;
}

#tab-3:checked + label {
  color: #199cda;
}

#tab-3:checked ~ .glider {
  left: 462px;
  background: #199cda;
  position: absolute;
  margin-top: -90px;
}

#tab-4:checked + label {
  color: #199cda;
}

#tab-4:checked ~ .glider {
}

#tab-4:checked ~ .glider {
  left: 578px;
  background: #199cda;
  position: absolute;
  margin-top: -89px;
}

#tab-5:checked + label {
  color: #199cda;
}

#tab-5:checked ~ .glider {
}

#tab-5:checked ~ .glider {
  left: 692px;
  background: #199cda;
  position: absolute;
  margin-top: -89px;
}

#tab-1:checked ~ section #content-1,
#tab-2:checked ~ section #content-2,
#tab-3:checked ~ section #content-3,
#tab-4:checked ~ section #content-4,
#tab-5:checked ~ section #content-5 {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s cubic-bezier(0.42, 0, 0.34, 1.01);
}

.clear-shadow {
  clear: both;
}

.content-symb {
  height: auto;
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  top: -10px;
  box-sizing: border-box;
}

.content-symb span {
  position: relative;
  float: left;
  width: 0;
  height: 0;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.tabs .tab-selector-1:checked ~ .content-symb .content-1,
.tabs .tab-selector-2:checked ~ .content-symb .content-2,
.tabs .tab-selector-3:checked ~ .content-symb .content-3,
.tabs .tab-selector-4:checked ~ .content-symb .content-4,
.tabs .tab-selector-5:checked ~ .content-symb .content-5 {
  z-index: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  width: 100%;
  height: auto;
  width: 100%;
  height: auto;
  padding: 15%;
  padding-top: 10px;
  padding-bottom: 0;
}

.tab-title {
  color: #000;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.4em;
}
.tab-title.blk {
  color: #000;
  text-decoration: underline;
}
.content div h2 {
  color: #199cda;
}

.content div p {
}

img.symb {
  width: 50px;
  height: auto;
  margin-top: -3px;
}

img.symbole {
  height: 27px;
  margin-top: 13px;
}

.symbole.wash {
  padding-top: 1.5px;
}

.left.titre {
  margin: 0;
  margin-top: 5px;
}

h4.left.titre {
	font-size: 14px;
	font-weight: var(--font-weight-semibold);
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.col-10.description {
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .tabs input:checked + label {
  }
}

@media (max-width: 700px) {
  .tabs {
  }
}

/* Responsive
========================================================================== */
@media (min-width: 768px) {
  .row.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
  }

  .row.background {
    /*margin-left: 15px;*/
  }

  .col-12.col-md-6.col-xl-6.bloc-right {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
  }

  .col-12.col-md-6.col-xl-6.bloc-left {
    padding-right: 0;
  }

  .col-12.col-md-6.col-xl-6.margin {
    padding: 0;
  }
  #menu-footer-colonne-2 {
    padding-left: 0;
  }
  #menu-footer-colonne-3 {
    margin-left: 20px;
  }
}

@media (min-width: 1200px) {
  .image-post-grid {
    min-height: 40vh;
    height: 40vh;
  }
}
@media (max-width: 768px) {
  .symbols-footer.matiere {
    height: 25px;
  }
}

/* Cible les appareils mobiles (portrait et paysage) */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 2) { 
    .select2-dropdown {
      display: none;
    }
}

/* Cible les tablettes (portrait et paysage) */
@media only screen 
  and (min-device-width: 813px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .select2-dropdown {
      display: none;
    }
}


/* Footer
========================================================================== */
.section-title.footer {
  width: 100%;
  color: white;
  margin-top: var(--top-margin-XL);
}

.fullwidth.footer {
  background: var(--background-color-blue);
  margin-top: var(--top-margin-M);
}
ul.notice {
	list-style: none;
	line-height: 1.6;
	float: right;
}
.logo-label {
  border-radius: 25%;
  margin: auto;
  height: 120px;
  width: auto;
  margin-top: var(--top-margin-XS);
}
.row.wrapper.footer {
  /*padding-bottom: var(--bottom-margin-XS);*/
}
.row.wrapper.pre-footer {
  margin-bottom: var(--bottom-margin-XL);
}

.footer-logo.symbols {
  filter: invert(1);
}

.ginetex-logo {
  /*position: absolute;*/
margin-top: 15px;
margin-bottom: 15px;
}

ul#menu-footer-colonne-2,
ul#menu-footer-colonne-3 {
  list-style: none;
  line-height: 1.6;
}

.nav-link {
  color: white;

}

.nav-link:hover {
  opacity: 0.6;
  color: white;
  transition: 0.3s ease-out;
}

.app {
  text-align: center;
  margin: auto;
}
li.plateforme {
  display: inline-block;
  margin-right: 25px;
  margin-left: 25px;
}
ul.appli {
  text-align: center;
  margin-left: 0;
  padding-left: 0;
}
.link-anim.white::after {
  background-color: #fff;
}
.link-anim.white:hover,
.read-more.link-anim.white:active,
.read-more.link-anim.white:focus {
  color: #fff;
}
.symbols-footer.home {
  filter: invert(100%);
}

/* Menu
========================================================================== */
.custom-logo {
  width: auto;
}

.row.menu {
  height: 100vh;
}

.menu-post {
  height: 100vh;
}

.image-menu {
  height: 100vh;
  object-fit: cover;
  -webkit-filter: brightness(65%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 1s ease;
}

/*.image-menu:hover{
    -webkit-filter: brightness(30%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}*/
.title-new-menu {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3rem;
  width: 100%;
  font-size: 3vw;
  letter-spacing: 0;
  padding-top: 1rem;
  color: #fff;
  padding-bottom: 3.5rem;
  font-weight: var(--font-weight-light);
}

#menu {
  background: #fff;
  height: 100%;
  right: 0;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 2;
  padding: 0 3rem 0 0;
}
.child-image.btn {
  margin-top: var(--top-margin-XS);
}
#menu.open {
  opacity: 1;
  visibility: visible;
}

#menu.open li:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

#menu.open li:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

#menu.open li:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

#menu.open li:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

#menu.open li:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

#menu.open li:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

#menu.open li:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

#menu.open li:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

#menu.open li:nth-child(9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

#menu.open li:nth-child(10) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

#menu.open li {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  list-style: none;
}

#menu.open span {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  list-style: none;
}

#menu ul:hover a {
  opacity: 0.3;
}

#menu ul a {
  -webkit-transform: translateZ(0);
  transition: opacity 0.3s ease-in-out;
}

#menu ul a:hover {
  opacity: 1;
}

#menu .main-nav {
  position: relative;
  /*top: 50%;
	transform: translateY(-50%);
	max-width: 1600px;*/
  margin: auto;
}

.menu-menu-secondaire-container {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}

#menu .main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

#menu .main-nav a {
  color: #000;
  display: block;
  font-size: 3vw !important;
  line-height: 1.15;
  letter-spacing: -0.06em;
  text-decoration: none;
  font-weight: var(--font-weight-light) !important;
  font-family: var(--font-family-Tenor);
  text-transform: none;
}

#menu .main-nav a:first {
  padding-top: 0;
}

.menu-menu-1-container {
  max-width: 1600px;
  margin: auto;
}

#menu .menu-footer {
  padding: 2rem;
  bottom: 0;
  position: absolute;
  right: 0;
}

#menu .menu-footer ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu .menu-footer ul li {
  display: inline-block;
  margin: 0 1rem;
}

#menu .menu-footer a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .col-md-6.menu-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.twitter,
.facebook,
.linkedin {
  height: 3vw;
}

.symbols-footer {
  height: 4.5vw;
  max-height: 65px;
}

.toggle-menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 50px;
  outline: none;
  padding: 0;
  pointer-events: initial;
  position: relative;
  vertical-align: middle;
  width: 29px;
  z-index: 1110;
  right: 3rem;
}

.toggle-menu span {
  background-color: #000;
  content: "";
  display: block;
  height: 2px;
  left: calc(50% - 13px);
  position: absolute;
  top: calc(50% - 1px);
  transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
    transform 0.2s linear;
  width: 35px;
}

.toggle-menu span:before,
.toggle-menu span:after {
  background-color: #000;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  transform-origin: 50% 50%;
  transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out,
    transform 0.2s linear;
  width: 35px;
}

.toggle-menu span:before {
  top: 7px;
}

.toggle-menu span:after {
  top: -7px;
}

.toggle-menu.active span {
  background-color: transparent;
  transition: background 0.2s ease-out;
}

.toggle-menu.active span:before,
.toggle-menu.active span:after {
  transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
  background-color: #000;
}

.toggle-menu.active span:before {
  top: 0;
  transform: rotate3d(0, 0, 1, -45deg);
}

.toggle-menu.active span:after {
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg);
}

.header {
  height: 110px;
}

.container-logo {
  padding: 0 2rem 0rem 2rem;
}

.logo-svg {
  text-align: left;
}

.child {
  display: inline-block;
  vertical-align: baseline;
}

h2.logo {
  margin-bottom: 0;
  font-family: var(--titre-font-family);
  font-size: var(--font-size-4);
  margin-top: 0;
  margin-left: 20px;
}

#header-sroll {
  position: fixed;
  height: 110px;
  left: 0;
  /*top: 20px;*/
  width: 100%;
  z-index: 3;
  /*padding-top: 15px;*/
}

#header-sroll .custom-logo {
  height: 65px;
  max-height: 65px;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#header-sroll .header-contact {
  display: none;
}

#header-sroll.small .header-contact {
  display: inline-block;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#header-sroll.small {
	height: 100px;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	padding-top: 10px;
	background: white;
  border-bottom: 1px solid;
}

#header-sroll.small .custom-logo {
  height: 50px;
  max-height: 50px;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#header-sroll.small .marquee.bandeau {
  height: 0;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#header-sroll.small h2.logo {
  display: none;
}

#header-sroll.small .texte-menu {
  top: 18px;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#header-sroll .toggle-menu {
  top: 14px;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#header-sroll.small .toggle-menu {
  top: 0;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-contact {
  display: inline-block;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-contact ul {
  display: flex;
  margin: 0;
  padding-left: 20px;
  margin-top: -26px;
  position: absolute;
}

.header-contact li.content-info.reservation a {
  color: #000;
  padding-right: 20px;
}

.texte-menu {
	position: absolute;
	right: 45px;
	top: 19px;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #000;
	font-size: 14px;
	font-weight: var(--font-weight-semibold);
	font-family: var(--font-family-clevercare);
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.home .texte-menu {
  color: #fff;
}
.home #header-sroll.small .texte-menu {
  color: #000;
}

.home .wglanguage-name, .page-id-2476 .wglanguage-name {
	color: #fff;
}
.page-id-2476 .bandeau-news.menu-open {
	filter: invert(0);
}
.home .country-selector.weglot-dropdown .wgcurrent::after, .page-id-2476  .country-selector.weglot-dropdown .wgcurrent::after,.home .cta, .page-id-2476 .cta {
	filter: invert(1);
}
.home #header-sroll.small .country-selector.weglot-dropdown .wgcurrent::after {
	filter: invert(0);
}

.home #header-sroll.small .custom-logo.menu-open {
	filter: invert(0);
}
.page-id-593 .custom-logo.menu-open {
	filter: invert(0);
}
#header-sroll.small {
  background-color: #FFF;
}

#header-sroll.small.menu-open, #header-sroll.small.at-top {
  background-color: transparent;
  border: none;
}

#header-sroll.small .custom-logo {
  height: 50px;
  max-height: 50px;
}
#header-sroll.small .custom-logo.home_black {
filter: invert(1);
}

#header-sroll.small.menu-open .custom-logo, #header-sroll.small.at-top .custom-logo {
  height: 65px;
  max-height: 65px;
  filter: invert(1);
}

.weglot.menu-open {
	display: none;
}
.custom-logo.menu-open, .bandeau-news.menu-open {
	filter: invert(1);
}
.custom-logo.menu-open, .bandeau-news.menu-open {
	filter: invert(1);
}
.home .toggle-menu span::after,
.home .toggle-menu span::before,
.home .toggle-menu span {
  background: #fff;
}
.home #header-sroll.small .toggle-menu span::after,
.home #header-sroll.small .toggle-menu span::before,
.home #header-sroll.small .toggle-menu span {
  background: #000;
}
.home .menu-open.custom-logo, .home .bandeau-news.menu-open {
	filter: invert(0);
}
.home #header-sroll.small.menu-open .toggle-menu span {
  background: transparent;
}



.toggle-menu.active span::after,
.toggle-menu.active span::before {
  background: #000 !important;
}

.informations.content-info.reservation.menu {
  font-family: var(--font-family-sans-serif);
}

.parent-image:hover .child-image.btn-1 span {
  background-color: var(--background-color-beige);
  color: black;
}

/* Animations
========================================================================== */

.select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: hidden;
}

.first {
  animation: fadein 1s;
  -moz-animation: fadein 1s;
  /* Firefox */
  -webkit-animation: fadein 1s;
  /* Safari and Chrome */
  -o-animation: fadein 1s;
  /* Opera */
}

@keyframes fadein {
  from {
    opacity: 0;
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate {
  animation-duration: 0.5s;
  animation-delay: 0.3s;
  animation-fill-mode: backwards;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-fill-mode: backwards;
}

/* shorthand version:
	animation: animate-fade .75s cubic-bezier(.26, .53, .74, 1.48) .5s backwards;
	*/

/* Pop In */
.pop {
  animation-name: animate-pop;
}

@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

/* Slide In */
.slide {
  animation-name: animate-slide;
}

@keyframes animate-slide {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

/* Fade In */
.fadein {
  animation-name: animate-fadein;
}

@keyframes animate-fadein {
  from {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Fade In Top */
.fadein-top {
  animation-name: animate-fadein-top;
}

@keyframes animate-fadein-top {
  from {
    opacity: 0;
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Fade In Top 5 */
.fadein-top5 {
  animation-name: animate-fadein-top5;
}

@keyframes animate-fadein-top5 {
  from {
    opacity: 0;
    transform: translate3d(0, 15px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Fade In Top 10 */
.fadein-top10 {
  animation-name: animate-fadein-top10;
}

@keyframes animate-fadein-top10 {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Slide Left */
.slide-left {
  animation-name: animate-slide-left;
}

@keyframes animate-slide-left {
  0% {
    opacity: 0;
    transform: translate(-10px, 0);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.delay-1 {
  animation-delay: 0.2s;
}

.delay-2 {
  animation-delay: 0.4s;
}

.delay-3 {
  animation-delay: 0.6s;
}

.delay-4 {
  animation-delay: 1.2s;
}

.delay-5 {
  animation-delay: 1.5s;
}

.delay-6 {
  animation-delay: 1.8s;
}

.delay-7 {
  animation-delay: 2.1s;
}

.delay-8 {
  animation-delay: 2.4s;
}

.delay-9 {
  animation-delay: 2.7s;
}

.delay-10 {
  animation-delay: 3s;
}

.delay-11 {
  animation-delay: 3.3s;
}

.delay-12 {
  animation-delay: 3.6s;
}

.delay-13 {
  animation-delay: 3.9s;
}

.delay-14 {
  animation-delay: 4.2s;
}

.delay-15 {
  animation-delay: 4.5s;
}

.blink_text {
  animation-name: blinker !important;
  animation-duration: 1s !important;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 4.1666666667vw;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-base);
  z-index: 3;
  display: none;
}

@keyframes blinker {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.1;
  }

  100% {
    opacity: 1;
  }
}

/* Slide Hover image */
/* [1] The container */
.img-hover-zoom {
  /*height: 58vh;¨/
	/* [1.1] Set it as per your need */
  overflow: hidden;
  transform: translateZ(0);
  /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  -webkit-transform: scale(1.13);
  transform: scale(1.13);
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}



/* Gsap */
.fade {
  transition: all 0.6s;
}

.fade.out {
  opacity: 0;
  transform: translateY(20px);
}

.flow {
  transition: all 0.8s;
}

.flow.out {
  opacity: 0;
  transform: translateY(20px);
}

/* Take the quiz */
.emblem,
.circle {
  position: absolute;
  right: 5vh;
  width: 11vw;
  height: 11vw;
  border-radius: 50%;
  color: #000;
  animation: spinZ 20s linear infinite;
  text-align: center;
  margin-top: -40px;
  background: var(--background-color-yellow);
  min-width: 150px;
  min-height: 150px;
  margin-top: -9vh;
  z-index: 1;
  overflow: hidden;
}
.emblem span,
.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  font-family: var(--font-family-clevercare);
  font-size: var(--font-size-H3);
  padding: 10px;
}
.info-q {
  position: absolute;
  right: 5vh;
  margin-top: -1.7vw;
  z-index: 2;
  font-size: 3.5vw;
  width: 11vw;
  height: 11vw;
  min-width: 150px;
  min-height: 150px;
}
@keyframes spinZ {
  0% {
    transform: rotateZ(360deg);
  }

  100% {
    transform: rotateZ(0deg);
  }
}

.overlay-image:hover {
  height: 120px;
  width: 120px;
  border-radius: 100%;
  display: block;
  margin: auto;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.overlay-image {
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  height: 120px;
  width: 120px;
  border-radius: 100%;
  display: block;
  margin: auto;
}
.overlay-home-image:hover {
  height: 17vh;
  width: 17vh;
  border-radius: 100%;
  display: block;
  margin: auto;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.overlay-home-image {
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  height: 17vh;
  width: 17vh;
  border-radius: 100%;
  display: block;
  margin: auto;
}
.image-cat.matieres {
  transition: 0.3s;
}
.titre-mac {
  font-size: var(--font-size-3);
}

/*--------------------------------------------------------------
	# Smal Desktop max 991px
	--------------------------------------------------------------*/
@media (max-width: 991px) {
  .row.wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  p.conciergerie {
    padding-right: 0;
  }
  .emblem {
    display: none;
  }
  .quiz-mobile {
    -ms-flex: 0 0 100%;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .quiz {
    width: 100%;
    font-size: calc(16px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));
  }
  .image-quiz {
    display: none !important;
  }
  .right-column.conciergerie.quiz {
    height: auto !important;
  }
  .row.vertical-align.end {
    width: 100%;
  }
  .row.fullheight-q.question {
    display: flex;
  }
  .share-the-quiz {
    padding-left: 10%;
  }
}


/*--------------------------------------------------------------
	# Medium Desktop max 1199px
--------------------------------------------------------------*/
@media all and (max-width: 1199px) {
  .col-12.col-md-6.col-xl-4.center.mobile {
    margin-bottom: 35px;
  }

  .title-quiz {
    font-size: var(--font-size-H1-mobile);
  }
  .title-quiz.introduction {
    font-size: var(--font-size-H1);
  }
  #menu-footer-colonne-3 {
    padding-left: 0;
  }
  .marquee {
    height: 60px;
  }
  .CTA-quiz {
    margin-bottom: var(--bottom-margin-XS);
  }
}

/*--------------------------------------------------------------
	# Adaptative mobile version
--------------------------------------------------------------*/
@media all and (max-width: 599px) {
  .image-cat,
  .overlay-home-image {
    height: 9vh !important;
    width: 9vh !important;
  }
}
@media (min-width: 600px) {
  .image-cat,
  .overlay-home-image {
    height: 12vh !important;
    width: 12vh !important;
  }
  .image-cat.mat,
  .overlay-home-image.cat {
    height: 12vh !important;
    width: 12vh !important;
  }
}
@media (min-width: 768px) {
  .image-cat,
  .overlay-home-image {
    height: 14vh !important;
    width: 14vh !important;
  }
  .slick-dots li {
    padding-bottom: 45px !important;
  }
  .home .home.grey {
    height: 50vh;
  }
}
@media (min-width: 991px) {
  .image-cat,
  .overlay-home-image {
    height: 17vh !important;
    width: 17vh !important;
  }
 .home .home.grey, .light-blue.vh100 {
    height: 100vh;
  }
  .row.background.vh {
    height: 80vh;
  }
}
@media (min-width: 1024px) {
  .accordion {
    display: none;
  }
}
.macarons.slider.home {
  padding-bottom: 50px;
	padding-top: 70px;
}

/*--------------------------------------------------------------
	# Mobile max 375px
--------------------------------------------------------------*/
@media all and (max-width: 375px) {
}
/*--------------------------------------------------------------
	# Mobile max 480px
--------------------------------------------------------------*/
@media all and (max-width: 480px) {
  #menu-tips-and-tricks .nav-link {
    margin-right: 14px;
    margin-left: 14px;
  }
  #menu .main-nav a {
    line-height: 1.35;
  }
  #menu-tips-and-tricks .cool-link {
    display: contents;
    margin-right: 0;
  }
  .accordion button .accordion-title {
    font-size: var(--font-size-2);
  }
  .col-2.mobile,
  .col-10.description {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .button_scroll_down {
    height: 60px;
    width: 60px;
  }
  .country-selector.weglot-dropdown a, .country-selector.weglot-dropdown span, 
  .select2-container .select2-selection--single .select2-selection__rendered, #menu-tips-and-tricks .nav-link,
  .center.mac, .btn span, input[type="submit"], .read-more, button, .nav-link {
    font-size: var(--font-size-titre-mobile) !important;
  }
  h1,
.ACF {
  font-size: var(--font-size-H1-medium);
}
.page-id-2476 .searchandfilter ul {
	margin-top: 60px;
}
.titre-news.matieres {
	margin-bottom: var(--top-margin-S);
}
}

/*--------------------------------------------------------------
	# Mobile max 767px
--------------------------------------------------------------*/
@media all and (max-width: 767px) {
  h2.logo {
    font-size: var(--font-size-6);
    margin-left: 10px;
  }
  .FC {
    text-align: center;
    margin-bottom: 20px;
  }
  .right-column {
    padding: 10% !important;
    padding-top: 50px !important;
    padding-bottom: var(--top-margin-S) !important;
  }
  .mission.mobile {
    margin-top: var(--top-margin-S);
  }
  .bouton-push.tips {
    margin-bottom: 13px;
  }
  .row.wrapper.footer {
    text-align: center;
  }
  .footer-logo.symbols {
    margin: auto;
  }
  #menu-footer-colonne-2 .nav-link,
  #menu-footer-colonne-3 .nav-link {
    font-size: var(--font-size-mobile);
  }
  .bloc-footer-logo {
    display: none;
  }
  li.plateforme {
    line-height: 2.8rem;
  }
  .logo-label {
    margin-top: 0;
    margin-bottom: var(--bottom-margin-XL);
  }
  .ginetex-logo {
    position: inherit;
    margin-top: var(--top-margin-L);
    margin-bottom: var(--bottom-margin-L);
  }
  .section-title.footer {
    margin-top: var(--top-margin-XXL);
  }
  .footer-logo.symbols {
    display: block;
  }
  ul#menu-footer-colonne-2,
  ul#menu-footer-colonne-3 {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: var(--top-margin-XS);
  }
  .texte-menu {
    display: none !important;
  }
  .small-container {
    max-width: 90vw !important;
  }
  #header-sroll .custom-logo {
    height: 48px !important;
    max-height: 48px !important;
  }
  #header-sroll.small .custom-logo {
    height: 42px !important;
    max-height: 42px !important;
  }
  .home #header-sroll.small .custom-logo {
    filter: invert(1);
  }
  .home #header-sroll .toggle-menu.active span {
    background: transparent;
  }

  #header-sroll.small .toggle-menu span::before,
  #header-sroll.small .toggle-menu span::after,
  #header-sroll.small .toggle-menu span {
    background: black;
  }
  #header-sroll.small .wglanguage-name {
    color: #000;
  }
  #header-sroll.small .country-selector.weglot-dropdown .wgcurrent::after {
    filter: invert(0);
  }

  .baseline {
    padding-left: 15px;
    padding-right: 15px;
  }
  .paragraph {
    font-size: var(--font-size-mobile);
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .header,
  #header-sroll {
    height: 100px;
  }
  .photo-principale {
    margin-top: 0;
  }
  h1.top-space.mobile {
    margin-bottom: 30px;
    padding-top: 8px;
  }
  .top-space.mobile.core {
    padding-top: 30px;
  }
  .row.symbols {
    margin-bottom: 30px;
  }
  .learn {
    margin-bottom: 0;
    margin-top: 20px;
  }
  div#content.wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .fullwidth.footer {
    padding-bottom: 2vh;
  }

  .description-mobile {
    display: none;
  }

  .col-12.col-md-6.col-xl-4.center.mobile {
    margin-bottom: 50px;
  }
  .padding-section {
    padding: 50px 0 60px;
  }
  #header-sroll .toggle-menu {
    top: 0;
    right: 1.5rem;
  }
  .container-logo {
    padding: 0 2rem 0rem 1rem;
  }
  .entry-content.matieres, .entry-content.remove_a_stain {
    margin: 0 1rem 0rem 1rem !important;
    border-radius: 3%;
  }
  .searchandfilter h4 {
    display: none;
  }
  .searchandfilter > ul > li {
    display: block;
    padding-left: 0;
  }
  .turquoise.remove-stain {
    padding-bottom: var(--bottom-margin-XL);
  }
  .sf-field-taxonomy-taches {
    padding-top: 0 !important;
  }
  input[name="_sf_submit"] {
    margin-top: var(--top-margin-M);
  }
  .select2-results__option[aria-selected],
  .selection,
  p {
    font-size: var(--font-size-mobile);
  }
  h1.titre-section {
    font-size: 14px;
  }
  .marquee {
    height: 60px;
  }
  .row.wrapper.yellow {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 45px;
  }
  .right-column.fabrics {
    padding-bottom: 50px !important;
  }
  .slick-prev.slick-arrow {
    left: 37%;
    top: 80%;
  }
  .slick-next.slick-arrow {
    margin-right: 42%;
    top: 80%;
  }
  .macarons.slider.home {
    padding-bottom: 65px;
    padding-top: 50px;
  }
  .slick-next::before,
  .slick-prev::before {
    border: 1px solid;
    border-radius: 100%;
  }
  .slick-dots li {
    padding-bottom: 45px !important;
  }
  .margin-mobile {
    margin-right: 15px;
  }
  .right-column.carousel {
    min-height: 400px;
  }
  .number-q {
    display: none;
  }
  .title-quiz {
    padding-top: 50px;
  }
  .right-column.conciergerie.quiz {
    margin-top: 45vh !important;
  }
  .quiz-mobile.annonce {
    height: 60vh;
  }
  .right-column.conciergerie.quiz.annonce {
    margin-top: 30vh !important;
  }
  .image-quiz.annonce {
    display: block !important;
    height: auto;
  }
  .right-column.conciergerie.quiz.end {
    height: 50vh !important;
  }
  .share-the-quiz {
    padding-bottom: 10%;
  }
  .title-quiz.end,
  .recommandations {
    font-size: var(--font-size-H1-mobile);
  }
  .title-quiz.end {
    padding-top: var(--top-margin-M);
  }
  .share {
    display: none;
  }
  .share-the-quiz {
    padding-left: 10%;
  }
  .content.grid {
    padding-top: 180px !important;
    margin-top: 0 !important;
  }
  .right-column.conciergerie {
    padding-top: var(--top-margin-S) !important;
    padding-bottom: var(--top-margin-S) !important;
  }
}

/* Hide the <div> with when the screen width is 1024 pixels or lower */

@media (max-width: 1024px) {
  body {
    display: block;
  }
  ul.notice {
width: 100%;
  }
.FC{
  margin-top: 16px;
}
  .hide-mobile {
    display: block;
  }
  #header-sroll.small {
    height: 85px;
    top: 10px;
    background: white;
    top: 0;
  }
  .home .menu-open.custom-logo, .home .bandeau-news.menu-open, .home #header-sroll.small .custom-logo.menu-open {
    filter: invert(1);
  }
 .menu-open.custom-logo, .bandeau-news.menu-open, #header-sroll.small .custom-logo.menu-open {
    filter: invert(0);
  }
  .toggle-menu.active span {
    background-color: transparent;
  }
  #header-sroll.small .toggle-menu.active span {
    background-color: transparent;
  }
  #header-sroll.small .custom-logo {
    height: 42px !important;
    max-height: 42px !important;
  }
  #header-sroll.small .weglot {
    margin-top: 12px;
  }
  #header-sroll.small .toggle-menu {
    top: 5px;
    right: 1.5rem;
  }
  .right-column.conciergerie.quiz {
    margin-top: 40vh;
    transform: translateY(-45%);
    padding: 5%;
    height: 50vh;
  }
  #header-sroll.small .container-logo {
    padding: 7px 2rem 0rem 1rem;
  }
  .menu-secondaire {
    display: none;
  }
  .symbols-footer.home {
    height: 35px;
  }
  .tshirt {
    display: none;
  }
  .row.vertical-align {
    display: inline-flex;
  }
  .titre-news {
    margin-bottom: 40px;
    font-size: var(--font-size-H1-mobile);
  }
  .page-id-265 .titre-news {
    margin-bottom: inherit;
  }
  .page-id-265 .row.wrapper {
    margin-bottom: var(--top-margin-XXL);
  }
  .section-title.news {
    margin-top: var(--top-margin-XXL);
  }
  .image-flexible {
    margin-top: var(--top-margin-S);
    margin-bottom: var(--top-margin-S);
  }
  ul {
    font-size: var(--font-size-mobile);
    padding: 15px;
  }
  .bouton-push.news.center {
    margin-bottom: var(--top-margin-XXL);
  }
  .partage {
    padding-bottom: var(--top-margin-XS);
  }
  .right-column.conciergerie {
    padding: var(--padding-section-mobile);
    padding-left: 10% !important;
    padding-right: 10% !important;
    padding-top: 50px;
  }
  .small-container {
    max-width: 90vw !important;
  }
  p {
    /* margin-bottom: 1.5em; */
    font-size: var(--font-size-mobile);
  }
  .macarons.slider.matieres {
    padding-bottom: 65px;
    margin-top: 0;
  }
  h1.titre-section {
    margin-bottom: 0;
  }
  .partage.matieres {
    margin-bottom: 0;
    padding-bottom: var(--top-margin-XXS);
    padding-top: 0;
    margin-top: 0;
  }
  .sf-field-reset {
    display: none !important;
  }
  .symbols-footer {
    height: 40px;
  }
  .content.grid {
    margin-top: 220px;
  }
  .padding-section {
    padding: var(--padding-section-mobile);
  }
  #menu .main-nav a,  .title-new-menu {
    font-size: var(--font-size-H1-medium) !important;
  }
  .number {
    font-size: 0;
  }
  .home .paragraph {
    line-height: 30px;
  }
}

/*--------------------------------------------------------------
	# Mobile min 1920px
--------------------------------------------------------------*/
@media (max-width: 1920px) {
  /*.large-container{
		max-width: 65vw;
	}*/
}
/*--------------------------------------------------------------
	# Custom button Radio /Chekbox
--------------------------------------------------------------*/

input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em !important;
  height: 1.15em;
  border: 1px solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);
  cursor: pointer;
  display: inline-grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type="radio"]:checked::before {
  transform: scale(1);
  background-color: #199cda;
}

/*--------------------------------------------------------------
	# QUiz
--------------------------------------------------------------*/
.advq_grid .advq_question_list li img {
  width: 100%;
  padding: 0px;
  margin: 0px;
  max-height: 300px;
  object-fit: cover;
}

/*--------------------------------------------------------------
	# Formulaire
--------------------------------------------------------------*/
.quform-label > label > .quform-required {
	color: black !important;
}
.quform-field.quform-field-select {
  height: 46px;
  font-size: 14px;
  padding-left: 13px;
}
.quform-group-title {
  border-bottom: 0 !important;
  font-weight: 300 !important;
}
.quform-group-title-description {
  margin-bottom: 10px;
}
#reveal {
  display: none;
}
.quform-field-select {
  /*padding: 15px 10px 10px 10px !important;*/
}
.quform-1.quform-theme-hollow .quform-button-style-theme .quform-upload-button,
.quform-1.quform-theme-hollow
  .quform-element-submit.quform-button-style-theme
  > .quform-button-submit-default
  > button,
.quform-1.quform-theme-hollow
  .quform-element-submit.quform-button-style-theme
  > .quform-button-next-default
  > button,
.quform-1.quform-theme-hollow
  .quform-element-submit.quform-button-style-theme
  > .quform-button-back-default
  > button {
  background: transparent;
  margin: auto;
  color: #000;
  border: 1px solid;
  min-width: 150px;
  padding: 10px 12px 6px 12px;
  border-radius: 5vh;
  border: 1px solid #000;
}
.quform-button-next-default,
.quform-button-submit-default {
  float: right;
}
.quform-1.quform-theme-hollow .quform-page-progress-bar {
  background-color: #199cda;
}
.quform-1.quform-theme-hollow
  .quform-button-style-theme
  .quform-upload-button:hover,
.quform-1.quform-theme-hollow
  .quform-element-submit.quform-button-style-theme
  > .quform-button-submit-default
  > button:hover,
.quform-1.quform-theme-hollow
  .quform-element-submit.quform-button-style-theme
  > .quform-button-next-default
  > button:hover,
.quform-1.quform-theme-hollow
  .quform-element-submit.quform-button-style-theme
  > .quform-button-back-default
  > button:hover {
  background: transparent;
  border: 1px solid #199cda;
  color: #199cda;
}
.quform-edit-form-link {
  display: none;
}
.quform-1.quform-theme-hollow
  .select2-container--quform.select2-container--open
  .select2-selection,
.quform-1-timepicker.quform-theme-hollow.quform-timepicker.k-list-container.k-popup,
.quform-1.quform-theme-hollow .quform-field-text:active,
.quform-1.quform-theme-hollow .quform-field-captcha:active,
.quform-1.quform-theme-hollow .quform-field-password:active,
.quform-1.quform-theme-hollow .quform-field-textarea:active,
.quform-1.quform-theme-hollow .quform-field-email:active,
.quform-1.quform-theme-hollow .quform-field-date:active,
.quform-1.quform-theme-hollow .quform-field-time:active,
.quform-1.quform-theme-hollow .quform-field-select:active,
.quform-1.quform-theme-hollow .quform-field-multiselect:active,
.quform-1.quform-theme-hollow .quform-field-text:focus,
.quform-1.quform-theme-hollow .quform-field-captcha:focus,
.quform-1.quform-theme-hollow .quform-field-password:focus,
.quform-1.quform-theme-hollow .quform-field-textarea:focus,
.quform-1.quform-theme-hollow .quform-field-email:focus,
.quform-1.quform-theme-hollow .quform-field-date:focus,
.quform-1.quform-theme-hollow .quform-field-time:focus,
.quform-1.quform-theme-hollow .quform-field-select:focus,
.quform-1.quform-theme-hollow .quform-field-multiselect:focus {
  border: 1px solid #199cda;
}
.quform-theme-hollow .quform-field-captcha:active,
.quform-theme-hollow .quform-field-captcha:focus,
.quform-theme-hollow .quform-field-date:active,
.quform-theme-hollow .quform-field-date:focus,
.quform-theme-hollow .quform-field-email:active,
.quform-theme-hollow .quform-field-email:focus,
.quform-theme-hollow .quform-field-multiselect:active,
.quform-theme-hollow .quform-field-multiselect:focus,
.quform-theme-hollow .quform-field-password:active,
.quform-theme-hollow .quform-field-password:focus,
.quform-theme-hollow .quform-field-select:active,
.quform-theme-hollow .quform-field-select:focus,
.quform-theme-hollow .quform-field-text:active,
.quform-theme-hollow .quform-field-text:focus,
.quform-theme-hollow .quform-field-textarea:active,
.quform-theme-hollow .quform-field-textarea:focus,
.quform-theme-hollow .quform-field-time:active,
.quform-theme-hollow .quform-field-time:focus,
.quform-theme-hollow
  .select2-container--quform.select2-container--open
  .select2-selection,
.quform-theme-hollow.quform-timepicker.k-list-container.k-popup {
  font-weight: 300;
  box-shadow: none;
}
.quform-theme-hollow
  .quform-has-error
  .select2-container--quform
  .select2-selection,
.quform-theme-hollow .quform-has-error input,
.quform-theme-hollow .quform-has-error select,
.quform-theme-hollow .quform-has-error textarea {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.quform-error > .quform-error-inner {
  background: none;
  border: none;
  padding: 0;
  font-size: 80%;
}
.quform-success-message {
  background-color: #83d18f;
  border-left: none !important;
  padding: 8px 15px !important;
  margin: 10px 0px 50px 0px !important;
  float: right;
}

/*--------------------------------------------------------------
	# Share
--------------------------------------------------------------*/
.partage {
  margin-top: var(--top-margin-XS);
  margin-bottom: var(--top-margin-M);
}

.partage.news {
  margin-bottom: 0;
}
.partage.matieres {
  /*margin-bottom: 0;*/
}
.page-id-430 .partage, .page-id-265 .partage{
display: none;
}

.essb_links {
  margin: 0.2em 0;
}
.essb_links.essb_template_grey-retina a {
  color: #000 !important;
  opacity: 0.8;
}
.essb_icon.essb_icon:hover {
  opacity: 0.6;
  transition: 0.5s;
}
.essb_icon.essb_icon {
  transition: 0.5s;
  opacity: 0.8;
}
.essb_mailform_header {
  background: #000;
  font-weight: 300;
  opacity: 0.8;
}
.essb_mailform_content .essb_mailform_content_button {
  font-weight: 300;
  background-color: #000;
}
.essb_mailform_content .essb_mailform_content_button:focus,
.essb_mailform_content .essb_mailform_content_button:hover {
  background: #000 !important;
  opacity: 0.6;
  transition: 0.3s;
  cursor: pointer;
}
.essb_mailform_content .essb_mailform_content_button:focus,
.essb_mailform_content .essb_mailform_content_button {
  opacity: 0.8;
  transition: 0.3s;
}
.essb_mailform_header div {
  font-weight: 300;
  text-align: center;
}
#essb_mailform_to:focus-visible {
  border: 1px solid #000;
  outline: 0 !important;
}
.essb_mailform_content .essb_mailform_content_input:focus {
  border: 1px solid #000;
  outline: 0 !important;
}

/*--------------------------------------------------------------
	# Carousel
--------------------------------------------------------------*/

.container.carousel {
  max-width: none !important;
  margin: 0;
  padding: 0;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.active.carousel-item-right,
.carousel-item-next {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .active.carousel-item-right,
  .carousel-item-next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.active.carousel-item-left,
.carousel-item-prev {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .active.carousel-item-left,
  .carousel-item-prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
  cursor: pointer;
}
.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: transparent;
  border-radius: 100%;
  border: 1px solid;
}
.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
}
.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
}
.carousel-indicators .active {
  background-color: #000;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

/*--------------------------------------------------------------
 hack Chrome / Safari 
--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #menu-tips-and-tricks .nav-link::after {
    bottom: -1px;
  }
}
/*--------------------------------------------------------------
 hack Firefox
--------------------------------------------------------------*/
@-moz-document url-prefix() {
  #menu-tips-and-tricks .nav-link::after {
    bottom: -8px;
  }
}