/* style/global.css */
/* 1. Importations (TOUJOURS EN TOUT PREMIER) */
@import url("./variables.css");
@import url("./header_footer.css");
@import url("./form_devis.css");
/* On force la page à prendre toute la hauteur de l'écran */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* Le Header et le Footer gardent leur taille et prennent 100% de large */
header, footer {
    flex-shrink: 0;
    width: 100%;
    background-color: black;
}

/* C'est CE bloc qui va s'étirer pour pousser le footer vers le bas */
.main-content {
    flex: 1 0 auto;
    width: 100%;
    background: url(../gauche-2.jpg) left no-repeat fixed, url(../droit-4.jpg) right no-repeat fixed;
    background-color: black;
    background-size: 25%, 25% auto;
    /* Ces 3 lignes permettent de centrer ton formulaire (ou autre) au milieu de la page */
    display: flex;
    justify-content: center;
    align-items: center; /* flex-start permet au formulaire de commencer en haut s'il est très long */
    padding: 20px;
    box-sizing: border-box;
}