.elementor-5529 .elementor-element.elementor-element-65b760a{--display:flex;--min-height:69vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5529 .elementor-element.elementor-element-51f2992{--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;--justify-content:space-between;--padding-top:42px;--padding-bottom:42px;--padding-left:42px;--padding-right:42px;}.elementor-5529 .elementor-element.elementor-element-51f2992:not(.elementor-motion-effects-element-type-background), .elementor-5529 .elementor-element.elementor-element-51f2992 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#353535;}.elementor-5529 .elementor-element.elementor-element-c5e987f{--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-5529 .elementor-element.elementor-element-c1b4c93 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-5529 .elementor-element.elementor-element-6720c5a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:normal;line-height:20px;color:#C4C3C3;}.elementor-5529 .elementor-element.elementor-element-cd609c0{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-5529 .elementor-element.elementor-element-df97ef7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-5529 .elementor-element.elementor-element-1226def .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:normal;color:#C4C3C3;}.elementor-5529 .elementor-element.elementor-element-c6affad{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5529 .elementor-element.elementor-element-c6affad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-5529 .elementor-element.elementor-element-a922201 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:normal;color:#C4C3C3;}.elementor-5529 .elementor-element.elementor-element-358dc62{--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;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-5529 .elementor-element.elementor-element-358dc62:not(.elementor-motion-effects-element-type-background), .elementor-5529 .elementor-element.elementor-element-358dc62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5529 .elementor-element.elementor-element-540639d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#B8B8B8;--border-color:#B8B8B8;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5529 .elementor-element.elementor-element-3721d91{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#B8B8B8;--border-color:#B8B8B8;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5529 .elementor-element.elementor-element-fc3e275{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;background-color:#FFFFFF;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-padding-top:12px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:12px;--n-tabs-title-padding-left:12px;--n-tabs-title-font-size:17px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#000000;}.elementor-5529 .elementor-element.elementor-element-fc3e275 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-5529 .elementor-element.elementor-element-fc3e275.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;border-color:#C3954D;}.elementor-5529 .elementor-element.elementor-element-fc3e275.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-5529 .elementor-element.elementor-element-fc3e275.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;border-color:#C3954D;}.elementor-5529 .elementor-element.elementor-element-fc3e275.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-5529 .elementor-element.elementor-element-fc3e275.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-5529 .elementor-element.elementor-element-fc3e275 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}body.elementor-page-5529:not(.elementor-motion-effects-element-type-background), body.elementor-page-5529 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7F6;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5529 .elementor-element.elementor-element-51f2992{--width:50%;}.elementor-5529 .elementor-element.elementor-element-358dc62{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-65b760a *//* ==========================================================================
   Hotels & Co — Espace pro
   Formulaires WP-Members : connexion (#wpmem_login) + inscription (#wpmem_reg)
   ========================================================================== */

/* --- 1. Variables et conteneurs ------------------------------------------ */

#wpmem_login,
#wpmem_reg {
  --hc-noir:    #1f1f1d;
  --hc-noir-h:  #3a3935;
  --hc-or:      #b9903f;
  --hc-texte:   #2c2c2a;
  --hc-gris:    #6f6e69;
  --hc-bord:    #dcdad3;
  --hc-bord-h:  #bfbdb4;
  --hc-fond:    #ffffff;

  box-sizing: border-box;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  color: var(--hc-texte);
}

#wpmem_login *,
#wpmem_reg * {
  box-sizing: border-box;
}

#wpmem_login fieldset,
#wpmem_reg fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

/* --- Titres internes masqués (doublon avec les onglets Elementor) -------- */

#wpmem_login legend,
#wpmem_reg legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* --- 2. Libellés --------------------------------------------------------- */

#wpmem_login label[for="log"],
#wpmem_login label[for="pwd"],
#wpmem_reg label.text,
#wpmem_reg label.select {
  display: block;
  margin: 0 0 6px;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--hc-gris);
}

#wpmem_reg .req {
  margin-left: 3px;
  color: var(--hc-or);
  font-weight: 400;
}

#wpmem_reg .req-text {
  margin-top: 16px;
  font-size: 0.75rem;
  color: var(--hc-gris);
}

/* --- 3. Champs texte et select ------------------------------------------- */

#wpmem_login .div_text,
#wpmem_reg .div_text,
#wpmem_reg .div_select {
  position: relative;
  margin: 0 0 18px;
}

#wpmem_login input.username,
#wpmem_login input.password,
#wpmem_reg input.textbox,
#wpmem_reg select.dropdown {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border: 1px solid var(--hc-bord);
  border-radius: 4px;
  background: var(--hc-fond);
  font-family: inherit;
  font-size: 0.9375rem;
  color: var(--hc-texte);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#wpmem_login input.username:hover,
#wpmem_login input.password:hover,
#wpmem_reg input.textbox:hover,
#wpmem_reg select.dropdown:hover {
  border-color: var(--hc-bord-h);
}

#wpmem_login input.username:focus,
#wpmem_login input.password:focus,
#wpmem_reg input.textbox:focus,
#wpmem_reg select.dropdown:focus {
  outline: none;
  border-color: var(--hc-or);
  box-shadow: 0 0 0 3px rgba(185, 144, 63, 0.15);
}

#wpmem_login input:-webkit-autofill,
#wpmem_reg input:-webkit-autofill {
  -webkit-text-fill-color: var(--hc-texte);
  transition: background-color 9999s ease 0s;
}

#wpmem_reg select.dropdown {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 40px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6e69' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px 18px;
}

/* --- 4. Icônes dans les champs (connexion uniquement) -------------------- */

#wpmem_login input.username,
#wpmem_login input.password {
  padding-left: 44px;
}

#wpmem_login .div_text::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  z-index: 1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#wpmem_login .div_text:has(.username)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6e69' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 21v-1.5A4.5 4.5 0 0 1 9.5 15h5a4.5 4.5 0 0 1 4.5 4.5V21'/%3E%3C/svg%3E");
}

#wpmem_login .div_text:has(.password)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6e69' stroke-width='1.5' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
}

/* --- 5. Cases à cocher --------------------------------------------------- */

#wpmem_login #rememberme,
#wpmem_reg #tos {
  flex: none;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  accent-color: var(--hc-noir);
  cursor: pointer;
}

#wpmem_login label[for="rememberme"] {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--hc-gris);
  cursor: pointer;
}

#wpmem_reg .div_text:has(#tos) {
  display: flex;
  align-items: flex-start;
  margin: 4px 0 24px;
  padding: 14px;
  border: 1px solid var(--hc-bord);
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--hc-gris);
}

#wpmem_reg .div_text:has(#tos) #tos {
  margin-top: 2px;
}

#wpmem_reg .div_text:has(#tos) a {
  color: var(--hc-texte);
  text-decoration: none;
  border-bottom: 1px solid var(--hc-or);
}

#wpmem_reg .div_text:has(#tos) a:hover {
  color: var(--hc-or);
}

/* --- 6. Boutons ---------------------------------------------------------- */

#wpmem_login .button_div,
#wpmem_reg .button_div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0;
  margin-top: 4px;
}

#wpmem_login input.buttons,
#wpmem_reg input.buttons {
  flex: 0 0 100%;
  width: 100%;
  height: 50px;
  margin-top: 20px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: var(--hc-noir);
  color: #f1efe8;
  font-family: inherit;
  font-size: 0.9375rem;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#wpmem_reg input.buttons {
  margin-top: 0;
}

#wpmem_login input.buttons:hover,
#wpmem_reg input.buttons:hover {
  background: var(--hc-noir-h);
}

#wpmem_login input.buttons:active,
#wpmem_reg input.buttons:active {
  transform: scale(0.995);
}

/* --- 7. Mot de passe oublié ---------------------------------------------- */

#wpmem_login .link-text {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid var(--hc-bord);
}

#wpmem_login .link-text-forgot {
  font-size: 0.8125rem;
  color: var(--hc-gris);
}

#wpmem_login .link-text-forgot a {
  color: var(--hc-or);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

#wpmem_login .link-text-forgot a:hover {
  border-bottom-color: var(--hc-or);
}/* End custom CSS */