#connexion-hero {
  min-height: calc(100vh - 183px);
  padding: 0;
  display: flex;
}
#connexion-hero .container {
  display: flex;
  flex-grow: 1;
}
#connexion-hero .section-wrapper {
  gap: 8%;
}
#connexion-hero .section-left {
  align-items: center;
  padding: 2rem 2rem;
}
#connexion-hero .section-title {
  text-align: center;
  margin-bottom: 0.4rem;
}
#connexion-hero .section-slogan {
  color: var(--main-color);
  font-weight: 400;
  font-size: var(--size-15-19-19);
  text-align: center;
}
#connexion-hero .section-hint {
  font-size: var(--size-10-12-12);
  line-height: 1.333em;
  text-align: left;
  max-width: 536px;
}
#connexion-hero .section-hint {
  font-size: var(--size-10-12-12);
  line-height: 1.333em;
  text-align: left;
  max-width: 536px;
}
#connexion-hero .section-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#connexion-hero .section-content-wrapper .content-text{
  color: var(--main-color);
  font-size: 16px;
  line-height: 15px;
  text-align: center;
}
#connexion-hero .section-content-wrapper a.content-text{
  text-decoration: underline !important;
  text-underline-offset: 0.2em;
}
#connexion-hero .ultimate-form-wrapper {
  width: 100%;
  max-width: 536px;
  padding: 5.5% 6%;
  border-radius: var(--site-br);
  margin: 2rem 0;
}
#page-mon-compte #connexion-hero .ultimate-form-wrapper {
  max-width: unset;
}
#page-mon-compte #connexion-hero .ultimate-form-wrapper .um-account-main {
  padding: 0 0 0 5%;
}
@media (max-width: 992px) {
  #connexion-hero .section-wrapper {
    gap: 1rem;
  }
  #connexion-hero .section-left {
    padding: 0;
  }
  #connexion-hero .section-right {
    margin: 0;
  }
}

#connexion-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}
@media (max-width: 992px) {
  #connexion-image-wrapper {
    position: relative;
    width: 100vw;
  }
}

#ultimate-form-wrapper .um:not(.um-admin), #ultimate-form-wrapper .um-account-nav a, #ultimate-form-wrapper .um .um-field-label {
    color: var(--main-color)!important;
    font-size: var(--size-13-15-15) !important;
}
#ultimate-form-wrapper .um-account-name {
    margin-bottom: 2rem;
}
#ultimate-form-wrapper .um-account-name a, #ultimate-form-wrapper .um-account-main div.um-account-heading {
    color: var(--main-color)!important;
}
#ultimate-form-wrapper input:not(.select2-search__field), #ultimate-form-wrapper input::placeholder {
  background-color: #AED4C2 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 1.5em 2em!important;
  color: var(--main-color)!important;
  font-size: var(--size-13-15-15) !important;
  line-height: 1em !important;
  text-align: left !important;
  height: fit-content !important;
}
#ultimate-form-wrapper input::placeholder {
  padding: 1.5em 0 !important;
}
#ultimate-form-wrapper input:-webkit-autofill,
#ultimate-form-wrapper input:-webkit-autofill:hover,
#ultimate-form-wrapper input:-webkit-autofill:focus,
#ultimate-form-wrapper input:-webkit-autofill:active {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;

  -webkit-text-fill-color: unset !important;
  transition: background-color 9999s ease-in-out 0s;
}
#ultimate-form-wrapper .um-field .select2.select2-container .select2-selection {
  background-color: #AED4C2 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 1.5em 2em!important;
  height: fit-content;
  display: flex;
}
#ultimate-form-wrapper .um-field .select2.select2-container .select2-selection .select2-selection__rendered, #ultimate-form-wrapper .um-field .select2.select2-container .select2-selection .select2-selection__placeholder {
  color: var(--main-color)!important;
  font-size: var(--size-13-15-15) !important;
  line-height: 1em !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}
#ultimate-form-wrapper .um-field .select2-container.select2-container--open .select2-dropdown, #ultimate-form-wrapper .um-search-filter .select2-container.select2-container--open .select2-dropdown {
    border: 1px solid var(--theme-gray) !important;
    border-radius: var(--site-br);
    padding: 15px;
}
#ultimate-form-wrapper input.um-button {
  width: fit-content !important;
  background-color: var(--main-color) !important;
  border: none !important;
  border-radius: 999px !important;
  margin-top: 1rem !important;
  padding: 1em 2em!important;
  color: #fff !important;
  font-size: var(--size-13-15-15) !important;
  line-height: 1em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
#ultimate-form-wrapper .um-field-checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
}
#ultimate-form-wrapper .um-field-checkbox .um-field-checkbox-state , #ultimate-form-wrapper .um-field-checkbox .um-icon-android-checkbox-outline {
  color: #fff !important;
  position: relative !important;
}
#ultimate-form-wrapper .um-field-checkbox .um-field-checkbox-state .um-icon-android-checkbox-outline-blank {
  color: #fff !important;
}
#ultimate-form-wrapper .um-field-checkbox .um-field-checkbox-option {
  color: #fff!important;
  font-size: var(--size-13-15-15) !important;
  line-height: 1em !important;
  text-align: left !important;
  margin-left: 0.6rem !important;
}
#ultimate-form-wrapper .um-link-alt {
  color: #fff!important;
  font-size: var(--size-13-15-15) !important;
  line-height: 1em !important;
  text-align: center !important;
  text-decoration: underline !important;
  text-underline-offset: 0.2em !important;
}
#ultimate-form-wrapper .um-field-block {
  color: var(--main-color)!important;
  color: #fff !important;
  font-size: var(--size-13-15-15) !important;
  line-height: 1em;
  text-align: left;
}
#ultimate-form-wrapper .um:not(.um-admin) {
  margin-bottom: 0 !important;
}
#ultimate-form-wrapper .um-icon-eye:before {
  color: var(--main-color);
}
#ultimate-form-wrapper .um-toggle-password {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2rem;
}
#ultimate-form-wrapper .um-field .select2.select2-container .select2-selection .select2-selection__arrow {
  width: fit-content !important;
  height: 100% !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}
#ultimate-form-wrapper .um-field .select2.select2-container .select2-selection .select2-selection__arrow:before {
  width: fit-content !important;
  height: fit-content !important;
  color: var(--main-color);
}
#ultimate-form-wrapper .um-field .select2-container--default .select2-selection--multiple .select2-selection__clear, #ultimate-form-wrapper .um-field .select2-container--default .select2-selection--single .select2-selection__clear, #ultimate-form-wrapper .um-search-filter .select2-container--default .select2-selection--multiple .select2-selection__clear, #ultimate-form-wrapper .um-search-filter .select2-container--default .select2-selection--single .select2-selection__clear {
    color: var(--main-color);
    line-height:unset;
    right: 20px;
}
#ultimate-form-wrapper .um-field-error {
  padding: 6px 12px;
}
#ultimate-form-wrapper .um-account-profile-link {
  display: none;
}
.um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: var(--theme-pink)!important;
}