/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.16.0.1792588557
Updated: 2026-10-21 13:15:57

*/

/* ============================================================
   VELOCE — Formulaires Gravity Forms (thème Orbital)
   Style Carrières : champs soulignés, message encadré, bouton Véloce

   Pour chaque formulaire, dans Gravity Forms → Réglages :
     • Nom de la classe CSS : vlc-form
     • Indicateur de champ nécessaire : Astérisque
   Si le formulaire est placé avec le module Gravity Forms de Divi,
   laisser les réglages de Design du module vides.

   « :is(#et-boc, body) :is(#page-container, #et-main-area) »
   passe par-dessus les préréglages du module Gravity Forms de Divi 5
   et du thème Orbital.
   ============================================================ */

/* ---------- Couleurs du thème Orbital : or Véloce au lieu du bleu ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper{
  --gf-color-primary:#B88E56 !important;
  --gf-color-primary-rgb:184,142,86 !important;
  --gf-ctrl-choice-check-color:#FFFFFF !important;
  --gf-ctrl-outline-color-focus:rgba(184,142,86,.5) !important;
}

/* ---------- Titre et mention « * indique les champs nécessaires » ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_heading{display:none !important}

/* ---------- Grille : moins d'espace entre les champs ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_fields{
  row-gap:18px !important;
  column-gap:24px !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield{margin:0 !important;padding:0 !important}

/* ---------- Libellés ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_label,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform-field-label--type-sub{
  /* flex : supprime l'espace entre le texte et l'étoile */
  display:flex !important;
  align-items:baseline !important;
  gap:0 !important;
  margin:0 0 2px !important;
  padding:0 !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  line-height:1.4 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  color:#1B1E21 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_required,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_required_asterisk{color:#B88E56 !important;margin-left:0 !important;padding:0 !important;font-weight:600 !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_label > .gfield_required{margin-left:-3px !important} /* annule l'espacement des lettres */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_required_text{font-size:11px !important;color:#B88E56 !important}

/* Champ Nom : Prénom et Nom côte à côte, libellés au-dessus de chaque case */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield--type-name.gfield_contains_required .gform-field-label--type-sub::after{content:"*";margin-left:1px;color:#B88E56}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .ginput_complex{margin:0 !important;column-gap:24px !important;row-gap:18px !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .ginput_complex > span{margin:0 !important;padding:0 !important}

/* ---------- Champs texte : soulignés ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="text"],
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="email"],
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="tel"],
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="number"],
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="url"],
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select{
  width:100% !important;
  box-sizing:border-box !important;
  min-height:40px !important;
  height:40px !important;
  padding:6px 0 !important;
  border:0 !important;
  border-bottom:1px solid #B9B3A8 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-family:'Inter',sans-serif !important;
  font-weight:300 !important;
  font-size:17px !important;
  line-height:1.4 !important;
  color:#4A5157 !important;
  transition:border-color .3s ease !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="text"]:focus,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="email"]:focus,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="tel"]:focus,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="number"]:focus,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="url"]:focus,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select:focus{
  outline:none !important;
  border-bottom:2px solid #B88E56 !important;
  padding-bottom:5px !important;
  box-shadow:none !important;
}

/* ---------- Message : contour complet ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper textarea{
  width:100% !important;
  box-sizing:border-box !important;
  min-height:0 !important;
  height:96px !important;
  margin-top:6px !important;
  padding:10px 12px !important;
  border:1px solid #B9B3A8 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  font-family:'Inter',sans-serif !important;
  font-weight:300 !important;
  font-size:17px !important;
  line-height:1.6 !important;
  color:#4A5157 !important;
  resize:vertical !important;
  transition:border-color .3s ease, box-shadow .3s ease !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper textarea:focus{
  outline:none !important;
  border-color:#B88E56 !important;
  box-shadow:0 0 0 1px #B88E56 !important;
}

/* ---------- CV : « Joindre mon CV » sur une ligne grise ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield--type-fileupload .ginput_container{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  padding-bottom:6px !important;
  border-bottom:1px solid #B9B3A8 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="file"]{
  width:100% !important;
  min-height:44px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  color:#6B7176 !important;
  cursor:pointer !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="file"]::file-selector-button{
  margin:0 20px 0 0 !important;
  padding:0 0 0 30px !important;
  min-height:44px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B88E56' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m17 8-5-5-5 5'/%3E%3Cpath d='M12 3v12'/%3E%3C/svg%3E") left center / 20px 20px no-repeat !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:14px !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  color:#6B7176 !important;
  cursor:pointer !important;
  transition:color .3s ease !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="file"]:hover::file-selector-button{color:#B88E56 !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper input[type="file"]:focus-visible{outline:2px solid #B88E56 !important;outline-offset:2px !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_fileupload_rules{
  display:block !important;
  flex:0 0 100% !important;
  order:3 !important;
  margin:6px 0 0 !important;
  padding:0 !important;
  font-size:13px !important;
  color:#6B7176 !important;
}

/* ---------- Consentement ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield--type-consent{
  display:flex !important;
  flex-direction:column !important;
  margin-top:6px !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield--type-consent .ginput_container_consent{order:1}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield--type-consent .gfield_label{display:none !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .ginput_container_consent{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .ginput_container_consent input[type="checkbox"]{
  flex:none !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  border:1px solid #B9B3A8 !important;
  border-radius:0 !important;
  accent-color:#B88E56 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .ginput_container_consent input[type="checkbox"]{
  background:#FFFFFF !important;
  box-shadow:none !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .ginput_container_consent input[type="checkbox"]:checked{
  background:#B88E56 !important;
  border-color:#B88E56 !important;
}
/* Crochet blanc (icône du thème Orbital) */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .ginput_container_consent input[type="checkbox"]::before{color:#FFFFFF !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .ginput_container_consent input[type="checkbox"]:focus-visible{outline:2px solid #B88E56 !important;outline-offset:2px !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_consent_label{
  margin:0 !important;
  font-family:'Inter',sans-serif !important;
  font-weight:400 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#4A5157 !important;
}
/* Lien « politique de confidentialité » : au survol, un trait or se trace
   de gauche à droite par-dessus le trait gris et le texte passe à l'or */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_consent_label a{
  color:#1B1E21 !important;
  text-decoration:none !important;
  background-image:linear-gradient(#B88E56,#B88E56), linear-gradient(#B9B3A8,#B9B3A8) !important;
  background-repeat:no-repeat !important;
  background-position:left bottom, left bottom !important;
  background-size:0% 1px, 100% 1px !important;
  padding-bottom:1px !important;
  transition:color .4s ease, background-size .5s cubic-bezier(.65,0,.35,1) !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_consent_label a:hover,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_consent_label a:focus-visible{
  color:#B88E56 !important;
  background-size:100% 1px, 100% 1px !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_consent_label a:focus-visible{outline:2px solid #B88E56 !important;outline-offset:2px !important}
@media (prefers-reduced-motion:reduce){
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_consent_label a{transition:none !important}
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_consent_description{
  order:2;
  max-height:none !important;
  overflow:visible !important;
  margin:8px 0 0 30px !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  font-size:12px !important;
  line-height:1.5 !important;
  color:#6B7176 !important;
}

:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_consent_description_text{
  max-height:none !important;
  overflow:visible !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  font-size:12px !important;
  line-height:1.5 !important;
  color:#6B7176 !important;
}

/* ---------- Messages d'erreur ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_error input,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_error select{border-bottom-color:#B3261E !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_error textarea{border-color:#B3261E !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_validation_message,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .validation_message{
  margin:6px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  font-size:13px !important;
  color:#B3261E !important;
}

/* ---------- Bouton Véloce (même style que vlc-lift) ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_footer{
  margin:24px 0 0 !important;
  padding:0 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button{
  position:relative !important;
  z-index:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:16px !important;
  min-height:56px !important;
  height:auto !important;
  width:auto !important;
  padding:0 28px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  background-color:#B88E56 !important;
  /* Remplissage noir : entre par la gauche, ressort par la droite */
  background-image:linear-gradient(#1B1E21,#1B1E21) !important;
  background-repeat:no-repeat !important;
  background-size:0% 100% !important;
  background-position:right center !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  line-height:1 !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  color:#FFFFFF !important;
  transition:transform .45s cubic-bezier(.34,1.4,.64,1), background-size .5s cubic-bezier(.65,0,.35,1) !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button:hover,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button:focus-visible{
  transform:translate(-4px,-4px) !important;
  background-size:100% 100% !important;
  background-position:left center !important;
  color:#FFFFFF !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button:focus-visible{outline:2px solid #1B1E21 !important;outline-offset:4px !important}

/* Cadre or qui reste derrière (en L, en bas à droite) */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  font-size:0 !important;
  opacity:1 !important;
  background:none !important;
  z-index:-1 !important;
  pointer-events:none !important;
  border:1px solid #B88E56 !important;
  -webkit-clip-path:polygon(calc(100% - 9px) 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - 9px), calc(100% - 9px) calc(100% - 9px)) !important;
          clip-path:polygon(calc(100% - 9px) 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - 9px), calc(100% - 9px) calc(100% - 9px)) !important;
  /* Au repos : collé au bouton (annule le translateY(-50%) de Divi sur .et_pb_button) */
  transform:translate(0,0) !important;
  transition:transform .45s cubic-bezier(.34,1.4,.64,1), border-color .5s ease !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button:hover::before,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button:focus-visible::before{
  transform:translate(8px,8px) !important;
  border-color:#4A5157 !important;
}

/* Flèche Lucide */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button::after{
  content:"" !important;
  display:inline-block !important;
  position:relative !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  margin:0 !important;
  font-size:0 !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  flex:none !important;
  width:28px !important;
  height:28px !important;
  background-color:currentColor !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat !important;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Bouton pendant l'envoi */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button:disabled{opacity:.6 !important;cursor:wait !important}

/* ---------- Message de confirmation ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .vlc-form_confirmation_wrapper .gform_confirmation_message{
  padding:32px !important;
  border:1px solid #B88E56 !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:20px !important;
  color:#1B1E21 !important;
}

/* ---------- Mobile : un champ par ligne ---------- */
@media (max-width:640px){
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button{white-space:normal !important;line-height:1.35 !important;padding:14px 24px !important;letter-spacing:2px !important}
}

@media (prefers-reduced-motion:reduce){
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button,
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button::before{transition:none !important}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_button:hover{transform:none !important}
}


/* ---------- Ajouts : éléments absents du formulaire Carrières ---------- */

/* Texte d'exemple dans les champs */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper ::placeholder{color:#9A9FA3 !important;opacity:1}

/* Listes déroulantes : chevron or (Lucide chevron-down) */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select{
  -webkit-appearance:none !important;
          appearance:none !important;
  padding-right:28px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B88E56' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 2px center !important;
  background-size:18px 18px !important;
  cursor:pointer !important;
}

/* Listes déroulantes : le texte indicatif (« Choisir… ») reste gris tant que rien n'est choisi.
   Nécessite un Texte indicatif sur le champ (Avancé → Texte indicatif). */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select:has(option.gf_placeholder:checked),
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select:has(option[value=""]:checked){
  color:#9A9FA3 !important;
}

/* ---------- Listes déroulantes personnalisées ----------
   1) Avec « Interface améliorée » activée sur le champ (Gravity Forms) :
      liste entièrement stylée, dans tous les navigateurs.
   2) Sans : Chrome et Edge récents utilisent la liste personnalisable
      (appearance:base-select) ; les autres gardent la liste native. */

/* Texte des choix = paragraphe du site */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container{
  font-family:'Inter',sans-serif !important;
  font-weight:300 !important;
  font-size:17px !important;
}

/* 1) Interface améliorée (Chosen) : la boîte fermée, soulignée comme les autres champs */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container{width:100% !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container-single .chosen-single{
  display:flex !important;
  align-items:center !important;
  height:40px !important;
  padding:0 28px 0 0 !important;
  border:0 !important;
  border-bottom:1px solid #B9B3A8 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#1B1E21 !important;
  line-height:40px !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container-single .chosen-default{color:#9A9FA3 !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container-active .chosen-single,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container-active.chosen-with-drop .chosen-single{
  border-bottom:2px solid #B88E56 !important;
  background:transparent !important;
  box-shadow:none !important;
}
/* Chevron or */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container-single .chosen-single div{width:20px !important;right:2px !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container-single .chosen-single div b{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B88E56' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
  transition:transform .3s ease;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-with-drop .chosen-single div b{transform:rotate(180deg)}
/* La liste ouverte */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container .chosen-drop{
  margin-top:6px !important;
  border:1px solid #E4E0D8 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:0 14px 30px rgba(27,30,33,.10) !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container-single .chosen-search{display:none !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container .chosen-results{margin:0 !important;padding:0 !important;max-height:280px !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container .chosen-results li{
  padding:7px 16px !important;
  font-family:'Inter',sans-serif !important;
  font-weight:300 !important;
  font-size:17px !important;
  line-height:1.4 !important;
  color:#4A5157 !important;
  background:none !important;
}
/* Survol : beige au lieu du bleu */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container .chosen-results li.highlighted{
  background:#F5F3EF !important;
  color:#1B1E21 !important;
}
/* Choix sélectionné : texte or */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .chosen-container .chosen-results li.result-selected{
  color:#B88E56 !important;
  font-weight:400 !important;
}

/* 2) Liste personnalisable (Chrome / Edge récents, sans Interface améliorée) */
@supports (appearance:base-select){
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select,
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select::picker(select){appearance:base-select !important}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select::picker-icon{display:none}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select::picker(select){
    margin-top:6px;
    padding:0;
    border:1px solid #E4E0D8;
    border-radius:0;
    background:#FFFFFF;
    box-shadow:0 14px 30px rgba(27,30,33,.10);
    /* Toujours sous le champ (pas de bascule vers le haut) */
    position-area:block-end span-inline-end;
    position-try-fallbacks:none;
    position-try-order:normal;
    /* Ouverture douce */
    opacity:1;
    transform:translateY(0);
    transition:opacity .35s ease, transform .35s cubic-bezier(.22,.61,.36,1), overlay .35s allow-discrete, display .35s allow-discrete;
  }
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select:not(:open)::picker(select){
    opacity:0;
    transform:translateY(-8px);
  }
  @starting-style{
    :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select:open::picker(select){
      opacity:0;
      transform:translateY(-8px);
    }
  }
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option{
    padding:7px 16px;
    font-family:'Inter',sans-serif;
    font-weight:300;
    font-size:17px;
    color:#4A5157;
    background:#FFFFFF;
    transition:background-color .3s ease, color .3s ease;
  }
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option::checkmark{display:none}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option:focus{outline:none}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option:hover,
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option:focus-visible{background:#F5F3EF;color:#1B1E21}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option:checked{color:#B88E56;font-weight:400;background:#FFFFFF}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option.gf_placeholder,
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper select option[value=""]{display:none}
}

/* Titres de section (champ « Section ») */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gsection{
  border:0 !important;
  border-bottom:1px solid #B88E56 !important;
  padding:0 0 10px !important;
  margin:36px 0 8px !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_fields > .gsection:first-child{margin-top:0 !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gsection_title{
  margin:0 !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#1B1E21 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gsection_description{
  padding-top:4px !important;
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  color:#4A5157 !important;
}

/* Descriptions sous les champs */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_description:not(.gfield_consent_description):not(.gfield_validation_message){
  padding-top:6px !important;
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  line-height:1.5 !important;
  color:#6B7176 !important;
}

/* Cases à cocher et boutons radio (hors consentement) */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gchoice{display:flex !important;align-items:flex-start !important;gap:12px !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gchoice input[type="checkbox"],
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gchoice input[type="radio"]{
  flex:none !important;
  width:18px !important;
  height:18px !important;
  margin:3px 0 0 !important;
  border:1px solid #B9B3A8 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  accent-color:#B88E56 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gchoice input[type="checkbox"]{border-radius:0 !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gchoice input:checked{background:#B88E56 !important;border-color:#B88E56 !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gchoice input::before{color:#FFFFFF !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gchoice label{
  margin:0 !important;
  font-family:'Inter',sans-serif !important;
  font-weight:400 !important;
  font-size:15px !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#4A5157 !important;
}

/* Téléversement multiple : zone de dépôt */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_drop_area{
  padding:24px !important;
  border:1px dashed #B9B3A8 !important;
  border-radius:0 !important;
  background:#F5F3EF !important;
  color:#4A5157 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_drop_area .gform_button_select_files{
  border:1px solid #1B1E21 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  color:#1B1E21 !important;
}

/* Formulaires sur plusieurs pages : Suivant (style du bouton d'envoi) et Précédent */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_page_footer{margin:24px 0 0 !important;padding:0 !important;display:flex !important;gap:16px !important;flex-wrap:wrap !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_next_button{
  min-height:56px !important;
  padding:0 28px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#B88E56 !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  letter-spacing:2.5px !important;
  text-transform:uppercase !important;
  color:#FFFFFF !important;
  cursor:pointer !important;
  transition:background-color .3s ease !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_next_button:hover{background:#1B1E21 !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_previous_button{
  min-height:56px !important;
  padding:0 24px !important;
  border:1px solid #1B1E21 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:14px !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  color:#1B1E21 !important;
  cursor:pointer !important;
}

/* Boîte d'erreur en haut du formulaire */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_validation_errors{
  margin:0 0 24px !important;
  padding:14px 18px !important;
  border:0 !important;
  border-top:2px solid #B3261E !important;
  border-radius:0 !important;
  background:#F5F3EF !important;
  box-shadow:none !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_validation_errors .gform_submission_error{
  font-family:'Inter',sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:#B3261E !important;
}

/* Roue de chargement */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gform_ajax_spinner{border-left-color:#B88E56 !important}

/* ---------- Étoile or sur tous les champs nécessaires ---------- */

/* Sous-champs des champs composés (Nom, Adresse…) quand le champ est obligatoire */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_contains_required .ginput_complex .gform-field-label--type-sub::after{
  content:"*";
  margin-left:1px;
  color:#B88E56;
}

/* Consentement obligatoire : étoile à la fin du texte */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield--type-consent.gfield_contains_required .gfield_consent_label::after{
  content:"*";
  margin-left:2px;
  font-family:'Barlow',sans-serif;
  font-weight:600;
  color:#B88E56;
}

/* Masque « (Nécessaire) » si le réglage texte est encore actif sur un formulaire */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_required_text{
  font-size:0 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form_wrapper .gfield_required_text::after{
  content:"*";
  font-size:14px;
  font-weight:600;
  color:#B88E56;
}

/* ============================================================
   VELOCE — Formulaire en 2 étapes (option C)
   Classe du formulaire : vlc-form vlc-form--etapes
   Pagination : Indicateur de progression → Étapes
   Fond foncé en haut (étapes), carte blanche pleine largeur dessous
   ============================================================ */

/* ---------- Conteneur : fond foncé ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper{
  background:#1B1E21 !important;
  padding:0 !important;
}

/* ---------- Indicateur d'étapes : deux barres, l'active en or ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_page_steps{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
  padding:40px 40px 32px !important;
  border:0 !important;
}
/* Barre en haut, numéro et libellé sur la même ligne dessous */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step::before{
  content:"";
  grid-column:1 / -1;
  display:block;
  width:100%;
  height:3px;
  background:#4A5157;
  transition:background-color .4s ease;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step_active::before,
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step_completed::before{
  background:#B88E56;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step_number{
  display:inline !important;
  width:auto !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  letter-spacing:.16em !important;
  color:#8A9095 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step_number::before{content:"0"}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step_completed .gf_step_number::after{display:none !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step_active .gf_step_number{color:#B88E56 !important}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step_label{
  padding:0 !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#8A9095 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_step_active .gf_step_label{color:#FFFFFF !important}

/* ---------- Chaque page = carte blanche pleine largeur ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gform_page{
  margin:0 !important;
  padding:44px 40px 0 !important;
  background:#FFFFFF !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gform_page_fields .gform_fields{
  row-gap:26px !important;
}

/* ---------- Titre de l'étape (champ HTML) = H3 du site ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gfield--type-html h3{
  margin:0 !important;
  padding:0 0 10px !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:22px !important;
  line-height:1.2 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  color:#B88E56 !important;
}
/* Texte sous le titre = paragraphe du site */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gfield--type-html p{
  margin:0 !important;
  padding:0 0 16px !important;
  font-family:'Inter',sans-serif !important;
  font-weight:300 !important;
  font-size:17px !important;
  line-height:1.5 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#4A5157 !important;
}

/* ---------- Boutons radio en liste (Type de projet, Vous êtes) ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gfield--type-radio .gfield_radio{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  margin-top:8px !important;
  border-top:1px solid #E4E0D8 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gfield--type-radio .gchoice{
  align-items:center !important;
  gap:14px !important;
  padding:16px 4px !important;
  border-bottom:1px solid #E4E0D8 !important;
  cursor:pointer;
  transition:background-color .25s ease;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gfield--type-radio .gchoice:hover{
  background:#FAF9F6 !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gfield--type-radio .gchoice input{
  margin:0 !important;
  border-radius:50% !important;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gfield--type-radio .gchoice label{
  flex:1 1 auto !important;
  font-size:16px !important;
  color:#4A5157 !important;
  cursor:pointer;
}
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gfield--type-radio .gchoice:has(input:checked) label{
  font-weight:500 !important;
  color:#1B1E21 !important;
}

/* ---------- Message : fond beige léger ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper textarea{
  height:110px !important;
  border-color:#E4E0D8 !important;
  background:#FAF9F6 !important;
}

/* ---------- Pied de chaque étape : boutons, sans ligne ---------- */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gform_page_footer{
  justify-content:flex-end !important;
  align-items:center !important;
  margin:32px 0 0 !important;
  padding:0 !important;
  border-top:0 !important;
}
/* Étape 2 : Précédent à gauche, Envoyer à droite */
:is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gform_page_footer:has(.gform_previous_button){
  justify-content:space-between !important;
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gf_page_steps{padding:24px 20px 20px !important}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gform_page{padding:28px 20px 0 !important}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gform_page_footer{flex-direction:column-reverse !important;align-items:stretch !important}
  :is(#et-boc, body) :is(#page-container, #et-main-area) .gform_wrapper.vlc-form--etapes_wrapper .gform_page_footer :is(.gform_next_button,.gform_previous_button,.gform_button){width:100% !important;justify-content:center !important}
}

/* ---------- Divi : 30 px vides sous le module Gravity Forms ---------- */
.et_pb_gravity_forms::after{
  display:none;
}

/* ==========================================================
   Bannière Complianz — style Véloce
   (couleurs gold réglées dans Complianz > Bannière > Couleurs)
   ========================================================== */
#cmplz-cookiebanner-container .cmplz-cookiebanner {
	--cmplz_button_border_radius: 0px;
	--cmplz_banner_border_radius: 0px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	transition: background-color .2s ease, color .2s ease;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
	background-color: #9c7746;
	border-color: #9c7746;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
	background-color: #b88e56;
	color: #ffffff;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
}

/* Mobile : bandeau mince collé au bas de l'écran */
@media (max-width: 767px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 10px 12px !important;
		gap: 8px !important;
		grid-template-columns: 1fr !important;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, .15);
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider,
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-information {
		display: none !important;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body {
		margin: 0 !important;
		max-height: none !important;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
		font-size: 11px !important;
		line-height: 1.35 !important;
		margin: 0 !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		height: 34px !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 4px !important;
		font-size: 10px !important;
		line-height: 1 !important;
		white-space: nowrap;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences {
		font-size: 0 !important;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences::after {
		content: "Préférences";
		font-size: 10px;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-documents {
		margin: 0 !important;
		font-size: 10px !important;
		line-height: 1 !important;
		justify-content: center;
	}
	/* Préférences ouvertes : on garde l'en-tête et le texte complet */
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-header {
		display: grid !important;
	}
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-message {
		-webkit-line-clamp: unset;
		display: block;
	}
}

/* Pages légales (Politique de confidentialité, Politique de cookies) : dégagement sous l'en-tête */
body.page:not(.et_pb_pagebuilder_layout) #main-content .container {
	padding-top: 150px;
	padding-bottom: 80px;
}
body.page:not(.et_pb_pagebuilder_layout) #main-content .container:before {
	display: none;
}



/* ============================================================
   VELOCE — Bannière de consentement Complianz, style du site
   À coller dans le style.css du thème enfant, juste APRÈS le bloc
   bannière existant (#cmplz-cookiebanner-container …).
   Ordinateur et tablette seulement : la barre mince mobile (767 px et moins)
   n'est pas touchée, sauf les boutons.
   ============================================================ */

#cmplz-cookiebanner-container .cmplz-cookiebanner{
  --vlc-or:#B88E56;
  --vlc-or-fonce:#9C7746;
  --vlc-noir:#1B1E21;
  --vlc-ardoise:#4A5157;
  --vlc-trait:#E4E0DA;
}

/* --- Boutons (partout, mobile compris) --- */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{
  text-align:center !important;   /* pas de « display » ici : Complianz cache lui-même les boutons qui ne servent pas à l'étape affichée */
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  letter-spacing:2px !important;
  text-transform:uppercase;
  min-height:46px;
  padding:12px 16px !important;
  border-radius:0 !important;
  transition:background-color .4s ease, border-color .4s ease, color .4s ease !important;
}
/* Accepter : or plein */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept{
  background:var(--vlc-or) !important;
  border:1px solid var(--vlc-or) !important;
  color:#FFFFFF !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{
  background:var(--vlc-noir) !important;
  border-color:var(--vlc-noir) !important;
}
/* Refuser, Préférences, Enregistrer : contour fin */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:is(.cmplz-deny, .cmplz-view-preferences, .cmplz-save-preferences){
  background:transparent !important;
  border:1px solid rgba(74,81,87,.35) !important;
  color:var(--vlc-noir) !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:is(.cmplz-deny, .cmplz-view-preferences, .cmplz-save-preferences):hover{
  background:transparent !important;
  border-color:var(--vlc-or) !important;
  color:var(--vlc-or) !important;
}

@media (min-width:768px){
  /* --- Carte : carrée, ombre douce, fin trait or en haut --- */
  #cmplz-cookiebanner-container .cmplz-cookiebanner{
    padding:26px 28px 20px !important;
    border:0 !important;
    border-top:2px solid var(--vlc-or) !important;
    box-shadow:0 24px 60px rgba(27,30,33,.18), 0 4px 12px rgba(27,30,33,.08) !important;
    row-gap:14px !important;
  }

    /* --- En-tête : logo centré, titre centré dessous (X en haut à droite) --- */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{
    grid-template-columns:24px 1fr 24px !important;   /* colonnes égales de chaque côté : tout reste bien centré */
    grid-template-rows:auto auto !important;
    row-gap:14px !important;
    align-items:center;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo{
    display:flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    justify-content:center !important;
    width:auto !important;max-width:none !important;height:auto !important;
    overflow:visible !important;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo :is(img, svg){
    display:block !important;
    width:auto !important;
    height:48px !important;            /* hauteur du logo dans la bannière */
    max-width:100% !important;max-height:none !important;
    object-fit:contain !important;     /* jamais coupé */
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo:empty{display:none !important}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title{
    grid-row:2 !important;
    grid-column:2 !important;
    justify-self:center !important;
    text-align:center !important;
    font-family:'Barlow',sans-serif !important;
    font-weight:600 !important;
    font-size:15px !important;
    letter-spacing:2.5px !important;
    text-transform:uppercase;
    color:var(--vlc-noir) !important;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider{display:none !important}

  /* Fermer : X Lucide, trait 1.25 */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close{
    grid-column:3 !important;
    grid-row:1 !important;
    align-self:start !important;
    justify-self:end !important;
    width:24px !important;height:24px !important;
    cursor:pointer;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg{display:none !important}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close::before{
    content:"";
    display:block;
    width:24px;height:24px;
    background:var(--vlc-noir);
    transition:background-color .3s ease;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:hover::before{background:var(--vlc-or)}

  /* --- Message --- */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message *{
    font-family:'Inter',sans-serif !important;
    font-weight:300 !important;
    font-size:14px !important;
    line-height:1.55 !important;
    color:var(--vlc-ardoise) !important;
    text-align:center !important;
  }

  /* --- Boutons : centrés, sur une ligne, même largeur --- */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{gap:8px !important;justify-content:center !important}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{flex:1 1 0 !important;width:auto !important;margin:0 !important}

  /* --- Lien Politique de confidentialité --- */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents{justify-content:center !important}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents a{
    font-family:'Inter',sans-serif !important;
    font-weight:400 !important;
    font-size:12px !important;
    color:var(--vlc-ardoise) !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px;
    transition:color .3s ease;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents a:hover{color:var(--vlc-or) !important}

  /* --- Vue « Préférences » : catégories en cadres fins --- */
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category{
    background:#FFFFFF !important;
    border:1px solid var(--vlc-trait) !important;
    border-radius:0 !important;
    margin-bottom:8px !important;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title{
    font-family:'Barlow',sans-serif !important;
    font-weight:600 !important;
    font-size:13px !important;
    letter-spacing:2px !important;
    text-transform:uppercase;
    color:var(--vlc-noir) !important;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active{
    background:var(--vlc-or) !important;
    color:#FFFFFF !important;
    font-family:'Barlow',sans-serif !important;
    font-weight:600 !important;
    font-size:11px !important;
    letter-spacing:1.5px !important;
    text-transform:uppercase;
    line-height:1 !important;
    padding:6px 10px !important;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description,
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description *{
    font-family:'Inter',sans-serif !important;
    font-weight:300 !important;
    font-size:13px !important;
    line-height:1.5 !important;
    color:var(--vlc-ardoise) !important;
  }
}

/* Lien « Politique de cookies » : Complianz l'envoie sans texte, on l'affiche nous-mêmes.
   :empty = s'applique seulement tant que le lien est vide (si Complianz le corrige, son texte reprend sa place) */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents a.cookie-statement:empty::before{
  content:"Politique de cookies";
}