.elementor-394 .elementor-element.elementor-element-957ea6d{--display:flex;--min-height:100vh;--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;--background-transition:0.3s;}.elementor-394 .elementor-element.elementor-element-957ea6d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-394 .elementor-element.elementor-element-616ff3e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-394 .elementor-element.elementor-element-616ff3e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-394 .elementor-element.elementor-element-caadfdf{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-394 .elementor-element.elementor-element-caadfdf.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-394 .elementor-element.elementor-element-957ea6d{--min-height:100vh;--justify-content:center;}.elementor-394 .elementor-element.elementor-element-957ea6d.e-con{--align-self:center;}.elementor-394 .elementor-element.elementor-element-616ff3e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-394 .elementor-element.elementor-element-957ea6d{--width:100%;}}/* Start custom CSS */html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  display: flex;
  flex-direction: column;
}

#principal {
  flex: 0 0 85%;
  overflow-y: auto;
}

#footer77 {
  flex: 0 0 15%;
  display: flex;
  /* Ajoutez ici d'autres styles pour l'apparence du footer */
}

/* Pour les écrans plus petits, vous pouvez ajuster les proportions */
@media screen and (max-height: 600px) {
  #principal {
    flex: 0 0 80%;
  }
  
  #footer77 {
    flex: 0 0 20%;
  }
}/* End custom CSS */