.elementor-315 .elementor-element.elementor-element-c53e9d9{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:40px;--padding-bottom:90px;--padding-left:90px;--padding-right:90px;}.elementor-315 .elementor-element.elementor-element-c53e9d9:not(.elementor-motion-effects-element-type-background), .elementor-315 .elementor-element.elementor-element-c53e9d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-315 .elementor-element.elementor-element-d7ae53e{text-align:center;}.elementor-315 .elementor-element.elementor-element-d7ae53e .elementor-heading-title{color:var( --e-global-color-51ff0f9 );}.elementor-315 .elementor-element.elementor-element-355a31f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -180px;padding:0px 0px 0px 0px;}.elementor-315 .elementor-element.elementor-element-355a31f .elementor-divider-separator{width:50%;}.elementor-315 .elementor-element.elementor-element-355a31f .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-315 .elementor-element.elementor-element-7d9c37f{text-align:center;color:var( --e-global-color-51ff0f9 );}.elementor-315 .elementor-element.elementor-element-69e78a8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:90px;--padding-right:90px;}@media(max-width:767px){.elementor-315 .elementor-element.elementor-element-c53e9d9{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-315 .elementor-element.elementor-element-355a31f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -40px;}.elementor-315 .elementor-element.elementor-element-69e78a8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-315 .elementor-element.elementor-element-cd22300{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}}/* Start custom CSS for divider, class: .elementor-element-355a31f */.elementor-315 .elementor-element.elementor-element-355a31f {
    padding: 0px 0px;
}

.elementor-315 .elementor-element.elementor-element-355a31f .elementor-divider-separator {
    border-top: var(--divider-border-width) solid !important;
    border-image-source: linear-gradient(to right, #fff, transparent);
    border-image-slice: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69e78a8 */@media screen and (max-width: 1200px) {

  /* Widget Elementor pleine largeur */
  .espace-client .elementor-widget-mobile__width-initial {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Override du clamp() et de la variable CSS du plugin */
  body .espace-client #upfp_container {
    --upfp-container-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body #upfp_nav.upfp_col {
    flex: 0 0 180px !important;
    width: 180px !important;
    min-width: 0 !important;
  }

  body #upfp_file.upfp_col {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
  }

  /* Masquer le panneau utilisateur à droite */
  body #upfp_info.upfp_col {
    display: none !important;
  }
}


@media screen and (max-width: 768px) {

  /* Wrapper Elementor */
  .espace-client {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Widget Elementor pleine largeur */
  .espace-client .elementor-widget-mobile__width-initial {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
  }

  .espace-client .elementor-shortcode {
    width: 100% !important;
  }

  /* Conteneur principal en colonne */
  body .espace-client #upfp_container {
    --upfp-container-width: 100% !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Sidebar nav empilée en haut */
  body #upfp_nav.upfp_col {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 200px !important;
    overflow-y: auto !important;
    border-bottom: 1px solid #ddd !important;
    border-right: none !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
  }

  /* Zone fichiers pleine largeur */
  body #upfp_file.upfp_col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  /* Toolbar : forcer le wrap */
  body #upfp_file.upfp_col .upfp_banner {
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Tous les éléments internes respectent la largeur parente */
  body #upfp_file.upfp_col * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Supprimer les min-width rigides du plugin */
  body #upfp_file.upfp_col input,
  .upfp-popup .upf_inner {
    min-width: 0 !important;
  }

  /* Popups : ne pas dépasser le viewport */
  .upfp-popup .upf_inner {
    width: 95vw !important;
    max-width: 95vw !important;
  }
}



@media screen and (max-width: 480px) {

  body #upfp_nav.upfp_col {
    max-height: 150px !important;
    font-size: 14px !important;
  }
}/* End custom CSS */