.elementor-kit-15{--e-global-color-primary:#03718E;--e-global-color-secondary:#418364;--e-global-color-text:#03718E;--e-global-color-accent:#ABD585;--e-global-color-5a3825b:#55C3BA;--e-global-color-3c1318b:#FFFFFF;--e-global-color-08d6e38:#F7F7F7;--e-global-color-23a2680:#E9E9E9;--e-global-typography-primary-font-family:"Londrina Solid";--e-global-typography-primary-font-size:90px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Londrina Solid";--e-global-typography-secondary-font-size:65px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-family:"PT Sans";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"PT Serif";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:lowercase;--e-global-typography-accent-line-height:1em;--e-global-typography-bb3907d-font-family:"Londrina Solid";--e-global-typography-bb3907d-font-size:58px;--e-global-typography-bb3907d-font-weight:700;--e-global-typography-bb3907d-text-transform:none;--e-global-typography-bb3907d-line-height:1em;--e-global-typography-72c1cd7-font-family:"Londrina Solid";--e-global-typography-72c1cd7-font-size:46px;--e-global-typography-72c1cd7-font-weight:600;--e-global-typography-72c1cd7-text-transform:none;--e-global-typography-72c1cd7-line-height:1em;--e-global-typography-71b0e28-font-family:"Londrina Solid";--e-global-typography-71b0e28-font-size:40px;--e-global-typography-71b0e28-font-weight:600;--e-global-typography-71b0e28-text-transform:none;--e-global-typography-71b0e28-line-height:1em;--e-global-typography-aa114a6-font-family:"Londrina Solid";--e-global-typography-aa114a6-font-size:34px;--e-global-typography-aa114a6-font-weight:600;--e-global-typography-aa114a6-text-transform:none;--e-global-typography-aa114a6-line-height:1em;--e-global-typography-11bc44a-font-family:"PT Sans";--e-global-typography-11bc44a-font-size:25px;--e-global-typography-11bc44a-font-weight:700;--e-global-typography-11bc44a-text-transform:uppercase;--e-global-typography-11bc44a-line-height:1em;--e-global-typography-fffe4f2-font-family:"PT Sans";--e-global-typography-fffe4f2-font-size:16px;--e-global-typography-fffe4f2-font-weight:500;--e-global-typography-fffe4f2-text-transform:none;--e-global-typography-fffe4f2-line-height:1em;--e-global-typography-2621c10-font-family:"PT Sans";--e-global-typography-2621c10-font-size:26px;--e-global-typography-2621c10-font-weight:700;--e-global-typography-2621c10-text-transform:none;--e-global-typography-2621c10-line-height:1em;--e-global-typography-0792715-font-family:"PT Sans";--e-global-typography-0792715-font-size:20px;--e-global-typography-0792715-font-weight:700;--e-global-typography-0792715-text-transform:none;--e-global-typography-0792715-line-height:1.4em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-exit-animation:e-page-transition-slide-in-up;--e-page-transition-animation-duration:1300ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-width:70%;--e-preloader-max-width:650px;--e-preloader-opacity:1;}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-3c1318b );border-style:none;border-radius:99px 99px 99px 99px;padding:12px 20px 12px 20px;}.elementor-kit-15 button:hover,.elementor-kit-15 button:focus,.elementor-kit-15 input[type="button"]:hover,.elementor-kit-15 input[type="button"]:focus,.elementor-kit-15 input[type="submit"]:hover,.elementor-kit-15 input[type="submit"]:focus,.elementor-kit-15 .elementor-button:hover,.elementor-kit-15 .elementor-button:focus{background-color:var( --e-global-color-5a3825b );color:var( --e-global-color-3c1318b );border-style:none;border-radius:99px 99px 99px 99px;}.elementor-kit-15 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-15 p{margin-block-end:0px;}.elementor-kit-15 a{color:var( --e-global-color-accent );}.elementor-kit-15 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-15 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-15 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-bb3907d-font-family ), Sans-serif;font-size:var( --e-global-typography-bb3907d-font-size );font-weight:var( --e-global-typography-bb3907d-font-weight );text-transform:var( --e-global-typography-bb3907d-text-transform );line-height:var( --e-global-typography-bb3907d-line-height );}.elementor-kit-15 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-72c1cd7-font-family ), Sans-serif;font-size:var( --e-global-typography-72c1cd7-font-size );font-weight:var( --e-global-typography-72c1cd7-font-weight );text-transform:var( --e-global-typography-72c1cd7-text-transform );line-height:var( --e-global-typography-72c1cd7-line-height );}.elementor-kit-15 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-71b0e28-font-family ), Sans-serif;font-size:var( --e-global-typography-71b0e28-font-size );font-weight:var( --e-global-typography-71b0e28-font-weight );text-transform:var( --e-global-typography-71b0e28-text-transform );line-height:var( --e-global-typography-71b0e28-line-height );}.elementor-kit-15 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-aa114a6-font-family ), Sans-serif;font-size:var( --e-global-typography-aa114a6-font-size );font-weight:var( --e-global-typography-aa114a6-font-weight );text-transform:var( --e-global-typography-aa114a6-text-transform );line-height:var( --e-global-typography-aa114a6-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-15{--e-global-typography-primary-font-size:70px;--e-global-typography-secondary-font-size:55px;--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-size:16px;--e-global-typography-bb3907d-font-size:49px;--e-global-typography-72c1cd7-font-size:43px;--e-global-typography-71b0e28-font-size:35px;--e-global-typography-71b0e28-line-height:1em;--e-global-typography-aa114a6-font-size:30px;--e-global-typography-11bc44a-font-size:20px;--e-global-typography-fffe4f2-font-size:16px;--e-global-typography-2621c10-font-size:24px;--e-global-typography-0792715-font-size:18px;--e-global-typography-0792715-line-height:1.5em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-exit-animation:e-page-transition-slide-in-up;}.elementor-kit-15 p{margin-block-end:0px;}.elementor-kit-15 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-15 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-15 h3{font-size:var( --e-global-typography-bb3907d-font-size );line-height:var( --e-global-typography-bb3907d-line-height );}.elementor-kit-15 h4{font-size:var( --e-global-typography-72c1cd7-font-size );line-height:var( --e-global-typography-72c1cd7-line-height );}.elementor-kit-15 h5{font-size:var( --e-global-typography-71b0e28-font-size );line-height:var( --e-global-typography-71b0e28-line-height );}.elementor-kit-15 h6{font-size:var( --e-global-typography-aa114a6-font-size );line-height:var( --e-global-typography-aa114a6-line-height );}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );padding:15px 25px 15px 25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-15{--e-global-typography-primary-font-size:60px;--e-global-typography-secondary-font-size:47px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-bb3907d-font-size:42px;--e-global-typography-72c1cd7-font-size:37px;--e-global-typography-71b0e28-font-size:32px;--e-global-typography-aa114a6-font-size:28px;--e-global-typography-11bc44a-font-size:18px;--e-global-typography-fffe4f2-font-size:16px;--e-global-typography-2621c10-font-size:22px;--e-global-typography-0792715-font-size:16px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );--e-page-transition-entrance-animation:e-page-transition-slide-out-down;--e-page-transition-exit-animation:e-page-transition-slide-in-up;}.elementor-kit-15 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-15 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-15 h3{font-size:var( --e-global-typography-bb3907d-font-size );line-height:var( --e-global-typography-bb3907d-line-height );}.elementor-kit-15 h4{font-size:var( --e-global-typography-72c1cd7-font-size );line-height:var( --e-global-typography-72c1cd7-line-height );}.elementor-kit-15 h5{font-size:var( --e-global-typography-71b0e28-font-size );line-height:var( --e-global-typography-71b0e28-line-height );}.elementor-kit-15 h6{font-size:var( --e-global-typography-aa114a6-font-size );line-height:var( --e-global-typography-aa114a6-line-height );}.elementor-kit-15 button,.elementor-kit-15 input[type="button"],.elementor-kit-15 input[type="submit"],.elementor-kit-15 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
|| VARIABLES GLOBALES
========================================================= */

:root {
  /* FONTS */
  --content-font-family: "PT Serif", sans-serif;
  --content-font-size: 20px;
  --content-line-height: 1.4em;
  --content-font-weight: 400;

  /* Colors */
  --content-text-color: #03718E;
  --content-link-color: #8BA612;

  /* Headings & subtitles */
  --content-h2-margin: 40px 0 5px 0;
  --content-h2-transform: uppercase;
  --content-subtitle-margin: 25px 0 10px 0;
  --content-h3-size: 18px;
  
  /* BUTTONS */
  --btn-radius: 100px;
  --btn-padding: 12px 20px 12px 20px;
  --btn-shadow: none;
  --btn-bg: #418364;
  --btn-bg-hover: #55c3ba;
  --btn-color: white;
  --btn-color-hover: white;
  --btn-font-family: "PT Serif", sans-serif;
  --btn-font-size: 15px;
  --btn-font-weight: 500;
  
  /* FORMS */
  /* Forms - Colors */
  --form-bg: transparent;
  --form-text: #03718E;
  --form-accent: #8BA612;
  --form-focus: #03718E;
  --form-error: red;
  --form-required-color: red;

  /* Forms - Typography */
  --form-font: "PT Sans", Sans-serif;
  --form-font-size: 15px;
  --form-label-size: 20px;
  --form-label-weight: 500;

  /* Forms - Inputs */
  --form-radius: 15px;
  --form-padding: 15px;
  --form-min-height: 47px;
  --form-input-border: 1px solid #D0D0D0;
  
  /* Forms - Confirmation message */
  --confirmation-msg-alignment: left;
  
  /* Forms - Layout */
  --form-gap: 20px;
  
  /* POLITICS */
   /* Politics - Fonts */
  --politic-heading-font-family: "Londrina Solid", Sans-serif;

  /* Politics - Font Sizes */
  --politic-h2-font-size: 24px;
  --politic-h3-font-size: 20px;

  /* Text Transform */
  --politic-h2-transform: uppercase;

  /* Politics - Headings Margins */
  --politic-h2-margin: 1.5em 0 0.5em 0;
  --politic-subtitle-margin: 1em 0;
}

@media (max-width: 1024px) {
  :root {
     --form-label-size: 18px;
      --content-font-size: 18px;
      --content-line-height: 1.5em;
  }
}

@media (max-width: 1024px) {
  :root {
     --form-label-size: 16px;
     --content-font-size: 16px;
  }
}

body{
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    overflow-x: hidden;
}

body>.page{
    flex-grow: 1;
}

a {
    line-height: 1em !important;
}

.underline,
.underline-one-line {
    position: relative;
    display: inline-block;
}

.underline::after,
.underline-one-line::after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    transform: translateY(12px);
    width: 100%;
    background-size: 100% 100%;
    height: 30px;
    z-index: -1;
}

.underline::after {
    background-image: url("https://floconsdereve.com/wp-content/uploads/2026/03/16144417/souligne.png");
}

.underline-one-line::after {
    background-image: url("https://floconsdereve.com/wp-content/uploads/2026/03/16144412/cpe-flocon-de-reve-footer-ornement-ligne.png");
}

.btn-arrow svg {
    width: 30px !important;
    transition: 180ms ease-in;
}

.btn-arrow:hover svg {
    transform: translateX(5px);
}

.e-off-canvas {
    z-index: 1000;
}

.acf-repeater-list  li {
    position: relative;
    margin: 8px 0 !important;
}

.acf-repeater-list  li::after {
    content: "";
    position: absolute;
    width: 30px;
    min-width: 30px;
    height: 20px;
    top: 7px;
    background-image: url("https://floconsdereve.com/wp-content/uploads/2026/03/fleche-item-de-liste.svg");
    right: calc(100% + 8px);
    background-size: contain;
    background-repeat: no-repeat;
}

/* ====================================================
|| COMPLIANZ COOKIE BANNER ||
=======================================================*/

.cmplz-title {
    font-weight: 700 !important;
}

.cmplz-title,
.cmplz-close,
.cmplz-show,
.cmplz-cookiebanner .cmplz-message {
    color: #03718E !important;
}

.cmplz-cookiebanner .cmplz-message {
  font-family: "PT Sans", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5em !important;
}

.cmplz-show {
  font-family: "PT Sans", sans-serif !important;
}

.cmplz-buttons .cmplz-btn {
  transition: 200ms ease-in;
}

.cmplz-buttons .cmplz-btn:hover {
  background-color: #55C3BA !important;
  border-color: #55C3BA !important;
}

/* ====================================================
|| SECTION FORMS ||
=======================================================*/

/* =========================================================
FORMS - Inputs
========================================================= */

form :is(
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
textarea,
select
),
.gform_wrapper :is(
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
textarea,
select
) {

  background: var(--form-bg) !important;
  border: var(--form-input-border) !important;
  border-radius: var(--form-radius) !important;

  color: var(--form-text) !important;

  font-family: var(--form-font);
  font-size: var(--form-font-size) !important;
  font-weight: 400 !important;
  line-height: 1em !important;

  min-height: var(--form-min-height) !important;
  padding: var(--form-padding) !important;

  box-shadow: none !important;
}

form ::placeholder,
.gform_wrapper ::placeholder {
  color: var(--form-text) !important;
  opacity: 0.5;
}

form legend {
    display: none !important;
}


/* =========================================================
FORMS - Focus
========================================================= */

form :is(input, textarea),
.gform_wrapper :is(input, textarea) {
  outline-color: var(--form-focus) !important;
}


/* =========================================================
FORMS - radio / checkbox
========================================================= */

input[type="radio"],
input[type="checkbox"] {
  box-shadow: none !important;
  margin-right: 5px !important;
}

input[type="radio"]::before {
  background: var(--form-accent) !important;
}

input[type="checkbox"]::before {
  color: var(--form-accent) !important;
}


/* =========================================================
FORMS - Labels
========================================================= */

form :is(label, legend),
.gform_wrapper :is(label, legend),
.um-field-label label {

  color: var(--form-text) !important;

  font-family: var(--form-font) !important;
  font-size: var(--form-label-size) !important;
  font-weight: var(--form-label-weight) !important;

  padding-bottom: 6px !important;
  margin-bottom: 0 !important;
}


/* =========================================================
FORMS - consent link
========================================================= */

.gfield_consent_label a {
  color: var(--form-accent) !important;
  font-weight: 600;
  text-decoration: underline;
}

.ginput_container_consent {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
}

.ginput_container_consent label {
    padding: 0 !important;
}


/* =========================================================
FORMS - button
========================================================= */

form :is(button, input[type="submit"]),
.gform_wrapper :is(button, input[type="submit"]) {

  border: none;
  width: max-content !important;

  background: var(--btn-bg) !important;

  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  text-transform: lowercase !important;

  border-radius: var(--btn-radius) !important;
  padding: var(--btn-padding) !important;
  
  color: var(--btn-color);

  box-shadow: var(--btn-shadow) !important;

  transition: 200ms ease-in !important;
}

form :is(button, input[type="submit"]):hover,
.gform_wrapper :is(button, input[type="submit"]):hover {

  background: var(--btn-bg-hover) !important;
  color: var(--btn-color-hover) !important;

}

/* File btns */
.moxie-shim {
    opacity: 0 !important;
}

.gform_delete_file {
    background: transparent !important;
    background-color: transparent !important;
}

/* =========================================================
FORM - messages
========================================================= */

.gfield_validation_message {

  background: transparent !important;
  color: var(--form-error) !important;
  font-weight: 500 !important;

  border: none !important;
  padding: 0 !important;

}

.gform_validation_errors {
  display: none !important;
}

.gform_confirmation_message {

  text-align: var(--confirmation-msg-alignment) !important;
  color: var(--form-text) !important;
  font-weight: 600 !important;

}

.gfield_required {
    color: var(--form-required-color) !important;
}


/* =========================================================
FORMS - layout
========================================================= */

.gform-footer {
  display: flex;
  flex-direction: column !important;
}

.gform_required_legend {
  display: none !important;
}

.gform-theme--foundation .gform_fields {
  row-gap: var(--form-gap) !important;
  column-gap: var(--form-gap) !important;
}

/* =========================================================
FORMS - ACF FRONTEND FORM (RSG - mon compte)
========================================================= */

.acf-form .mce-toolbar-grp button {
    background-color: #ffffff !important;
    color: #535353 !important;
}

.acf-form-fields .switch-html,
.acf-form-fields .switch-tmce{
    display: none !important;
}

.acf-form input[type="submit"] {
    margin-top: 20px !important;
}



/* =========================================================
|| SECTION POLITIQUES (COOKIES (complianz) et PTLQ CONFIDENTIALITE ||
========================================================= */


/* =========================================================
COMPLIANZ - layout
========================================================= */

.cmplz-document div {
  max-width: none !important;
}


/* =========================================================
Textes (p, li)
========================================================= */
.cmplz-document :is(p, li),
.politique-de-confidentialite :is(p, li) {
  font-size: var(--content-font-size) !important;
  line-height: var(--content-line-height) !important;
  font-family: var(--content-font-family) !important;
  font-weight: var(--content-font-weight) !important;
  color: var(--content-text-color) !important;
}

/* Listes */
.cmplz-document ul,
.politique-de-confidentialite ul {
  list-style: disc !important;
}

.cmplz-document ol,
.politique-de-confidentialite ol {
  list-style: number !important;
}

/* =========================================================
Headings (h2, h3)
========================================================= */
.cmplz-document h2,
.politique-de-confidentialite h2 {
  font-size: var(--politic-h2-font-size) !important;
  font-weight: bolder;
  text-transform: var(--politic-h2-transform) !important;
  margin: var(--politic-h2-margin) !important;
}

.cmplz-document h3,
.politique-de-confidentialite h3 {
  font-size: var(--politic-h3-font-size) !important;
}

.cmplz-document :is(h2, h3, h4, h5, h6) {
  font-family: var(--politic-heading-font-family) !important;
}

/* =========================================================
Special / subtitles
========================================================= */
.cmplz-document .cmplz-subtitle {
  font-weight: bolder !important;
  margin: var(--politic-subtitle-margin) !important;
}

/* =========================================================
Links
========================================================= */
.cmplz-document a,
.politique-de-confidentialite a {
  color: var(--content-link-color);
}

/* =========================================================
|| SECTION GUTENBERG || 
========================================================= */

.wp-element-button {
  background-color: var(--btn-bg) !important;
  font-family: var(--btn-font-family) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--btn-font-weight) !important;
  box-shadow: var(--btn-shadow) !important;
  border-radius: var(--btn-radius) !important;
  padding: var(--btn-padding) !important;
  color: var(--btn-color) !important;
  transition: 200ms ease-in-out;
}

.wp-element-button:hover {
  color: var(--btn-color-hover) !important;
  background-color: var(--btn-bg-hover) !important;
}/* End custom CSS */