.elementor-126 .elementor-element.elementor-element-b96372f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-126 .elementor-element.elementor-element-caad2d2{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-126 .elementor-element.elementor-element-72e6db5{text-align:justify;font-family:"Xenon Nue", Sans-serif;font-size:18px;font-weight:400;}.elementor-126 .elementor-element.elementor-element-da25f15{--display:flex;}.elementor-widget-image .widget-image-caption{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 );}.elementor-126 .elementor-element.elementor-element-a4cc054{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-126 .elementor-element.elementor-element-a4cc054{--content-width:64%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-126 .elementor-element.elementor-element-72e6db5{text-align:start;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-72e6db5 *//* =============================================
   GRAVITY FORMS — DESIGN CUSTOM QUALIBSOINS
   Inspiré du style "carte flottante" minimaliste
   ============================================= */

/* --- Wrapper général du formulaire --- */
.gform_wrapper {
  background: #f0f0ee;
  border-radius: 20px;
  padding: 32px 24px;
}

.gform_body {
  background: #ffffff;
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.07);
}

/* --- Titres de sections (ex: "1. Informations personnelles") --- */
.gform_wrapper .gsection_title,
.gform_wrapper .gfield_label[for*="section"] {
  font-size: 11px;
  font-weight: 500;
  color: #aaa;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-top: 28px;
  border: none;
  padding: 0;
}

/* Séparateur entre sections */
.gform_wrapper .gsection {
  border-bottom: 0.5px solid #e8e8e6;
  margin: 24px 0;
  padding: 0;
}

/* --- Chaque champ : fond gris arrondi --- */
.gform_wrapper .gfield {
  background: #f5f5f3;
  border-radius: 14px;
  padding: 14px 18px;
  margin-bottom: 10px !important;
}

/* Labels des champs */
.gform_wrapper .gfield_label {
  font-size: 11px;
  font-weight: 500;
  color: #aaa;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 6px;
  display: block;
}

/* --- Inputs texte, email, tel, date --- */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="number"] {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e0e0de;
  border-radius: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #2c2c2a;
  width: 100%;
  outline: none;
  box-shadow: none;
  transition: border-color 0.2s;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="date"]:focus {
  border-bottom-color: #2c2c2a;
  background: transparent;
  box-shadow: none;
}

/* --- Textareas --- */
.gform_wrapper textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e0e0de;
  border-radius: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #2c2c2a;
  width: 100%;
  min-height: 80px;
  outline: none;
  resize: vertical;
  box-shadow: none;
}

.gform_wrapper textarea:focus {
  border-bottom-color: #2c2c2a;
  box-shadow: none;
}

/* --- Select --- */
.gform_wrapper select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e0e0de;
  border-radius: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #2c2c2a;
  width: 100%;
  outline: none;
}

/* --- Radio buttons → style pills --- */
.gform_wrapper .gfield--type-radio .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.gform_wrapper .gfield--type-radio .gfield_radio li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gform_wrapper .gfield--type-radio .gfield_radio li label {
  display: inline-block;
  background: #ffffff;
  border: 0.5px solid #ddd;
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 12px;
  color: #888;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 400;
}

.gform_wrapper .gfield--type-radio .gfield_radio li label:hover {
  border-color: #2c2c2a;
  color: #2c2c2a;
}

.gform_wrapper .gfield--type-radio input[type="radio"] {
  display: none;
}

.gform_wrapper .gfield--type-radio input[type="radio"]:checked + label {
  background: #2c2c2a;
  color: #ffffff;
  border-color: #2c2c2a;
}

/* --- Checkboxes (politique de confidentialité) --- */
.gform_wrapper .gfield--type-checkbox .gfield_checkbox {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gform_wrapper .gfield--type-checkbox .gfield_checkbox li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.gform_wrapper .gfield--type-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #2c2c2a;
  margin-top: 2px;
  flex-shrink: 0;
}

/* --- Upload de fichier --- */
.gform_wrapper .gfield--type-fileupload input[type="file"] {
  background: #fff;
  border: 0.5px dashed #ccc;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 12px;
  color: #888;
  width: 100%;
}

/* --- Champs en colonnes (Nom + Prénom, Email + Tel) --- */
.gform_wrapper .gform-grid-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* --- Messages de validation --- */
.gform_wrapper .gfield_description {
  font-size: 11px;
  color: #aaa;
  margin-top: 4px;
}

.gform_wrapper .validation_message,
.gform_wrapper .gfield_error .gfield_label {
  color: #c0392b;
  font-size: 11px;
}

.gform_wrapper .gfield_error {
  background: #fff5f5;
  border-radius: 14px;
}

/* --- Bouton de soumission --- */
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
  padding: 0;
  margin-top: 20px;
  background: transparent;
}

.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"] {
  background: #2c2c2a;
  color: #ffffff;
  border: none;
  border-radius: 14px;
  padding: 16px 32px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
  letter-spacing: 0.02em;
}

.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover {
  background: #1a1a18;
  transform: translateY(-1px);
}

/* --- Masquer les astérisques "required" --- */
.gform_wrapper .gfield_required {
  display: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-308893d *//* --- Chaque champ : fond gris arrondi — SAUF les fieldsets --- */
.gform_wrapper .gfield:not(fieldset) {
  background: #f5f5f3;
  border-radius: 14px;
  padding: 14px 18px;
  margin-bottom: 10px !important;
}

/* --- Fieldsets : fond transparent, boîte sur ginput_container --- */
.gform_wrapper fieldset.gfield {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
}

.gform_wrapper fieldset.gfield .ginput_container {
  background: #f5f5f3 !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
}

/* --- Legend au-dessus, dans le flux --- */
.gform_wrapper fieldset.gfield legend.gfield_label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #000 !important;
  margin-bottom: 6px !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  white-space: normal !important;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    --gf-local-bg-color: #58c0ce;
}


/* Champ HTML "EI = Événement indésirable" sans mise en forme */
#field_1_13 {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px;
  color: inherit;
}

/* =============================================
   GRAVITY FORMS — DESIGN CUSTOM QUALIBSOINS
   ============================================= */

/* --- Wrapper général du formulaire --- */
.gform_wrapper {
  background: #f0f0ee;
  border-radius: 20px;
  padding: 32px 24px;
}

.gform_body {
  background: #ffffff;
  border-radius: 20px;
  padding: 32px 28px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.07);
}

/* --- Titres de section (champs HTML dans GF) --- */
.gform_wrapper .gfield--type-html {
  background: #5ABFCD !important;
  border-radius: 14px;
  padding: 12px 18px !important;
  margin-bottom: 10px !important;
}

.gform_wrapper .gfield--type-html p,
.gform_wrapper .gfield--type-html strong,
.gform_wrapper .gfield--type-html * {
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0;
}

/* --- Séparateur entre sections --- */
.gform_wrapper .gsection {
  border-bottom: 0.5px solid #e8e8e6;
  margin: 24px 0;
  padding: 0;
}

.gform_wrapper .gsection_title {
  font-size: 13px;
  font-weight: 500;
  color: #aaa;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-top: 28px;
  border: none;
  padding: 0;
}

/* --- Chaque champ : fond gris arrondi --- */
.gform_wrapper .gfield {
  background: #f5f5f3;
  border-radius: 14px;
  padding: 14px 18px;
  margin-bottom: 10px !important;
}

/* --- Labels des champs --- */
.gform_wrapper .gfield_label {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 6px;
  display: block;
}

/* --- Inputs texte, email, tel, date --- */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="number"] {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e0e0de;
  border-radius: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #2c2c2a;
  width: 100%;
  outline: none;
  box-shadow: none;
  transition: border-color 0.2s;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="date"]:focus {
  border-bottom-color: #2c2c2a;
  background: transparent;
  box-shadow: none;
}

/* --- Textareas --- */
.gform_wrapper textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e0e0de;
  border-radius: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #2c2c2a;
  width: 100%;
  min-height: 80px;
  outline: none;
  resize: vertical;
  box-shadow: none;
}

.gform_wrapper textarea:focus {
  border-bottom-color: #2c2c2a;
  box-shadow: none;
}

/* --- Select --- */
.gform_wrapper select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #e0e0de;
  border-radius: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #2c2c2a;
  width: 100%;
  outline: none;
}

/* --- Radio buttons → style pills --- */
.gform_wrapper .gfield--type-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.gform_wrapper .gfield--type-radio .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.gform_wrapper .gfield--type-radio .gfield_radio li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gform_wrapper .gfield--type-radio .gfield_radio li label {
  display: inline-block;
  background: #ffffff;
  border: 0.5px solid #ddd;
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 12px;
  color: #888;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 400;
}

.gform_wrapper .gfield--type-radio .gfield_radio li label:hover {
  border-color: #2c2c2a;
  color: #2c2c2a;
}

.gform_wrapper .gfield--type-radio input[type="radio"]:checked + label {
  background: #2c2c2a;
  color: #ffffff;
  border-color: #2c2c2a;
}

/* --- Checkboxes (optins) --- */
.gform_wrapper .gfield--type-checkbox .gfield_checkbox {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gform_wrapper .gfield--type-checkbox .gfield_checkbox li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.gform_wrapper .gfield--type-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #2c2c2a;
  margin-top: 2px;
  flex-shrink: 0;
}

/* Rapprocher les deux champs d'optin */
.gform_wrapper .gfield--type-checkbox {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gform_wrapper .gfield--type-checkbox + .gfield--type-checkbox {
  margin-top: 15px !important;
  padding-top: 0 !important;
}

/* --- Upload de fichier --- */
.gform_wrapper .gfield--type-fileupload input[type="file"] {
  background: #fff;
  border: 0.5px dashed #ccc;
  border-radius: 10px;
  padding: 0px 14px;
  font-size: 12px;
  color: #888;
  width: 100%;
}

/* --- Champs en colonnes (Nom + Prénom, Email + Tel) --- */
.gform_wrapper .gform-grid-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

/* --- Messages de validation --- */
.gform_wrapper .gfield_description {
  font-size: 11px;
  color: #aaa;
  margin-top: 4px;
}

.gform_wrapper .validation_message,
.gform_wrapper .gfield_error .gfield_label {
  color: #c0392b;
  font-size: 11px;
}

.gform_wrapper .gfield_error {
  background: #fff5f5;
  border-radius: 14px;
}

/* --- Bouton de soumission --- */
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
  padding: 0;
  margin-top: 20px;
  background: transparent;
}

.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"] {
  background: #2c2c2a;
  color: #ffffff;
  border: none;
  border-radius: 14px;
  padding: 16px 32px;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
  letter-spacing: 0.02em;
}

.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover {
  background: #1a1a18;
  transform: translateY(-1px);
}

/* --- Masquer les astérisques "required" --- */
.gform_wrapper .gfield_required {
  display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Xenon Nue';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://qualibsoins.fr/wp-content/uploads/2026/03/XenonNue-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Xenon Nue';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://qualibsoins.fr/wp-content/uploads/2026/03/XenonNue-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */