*{ font-family: "Arial"; padding: 0; margin: 0; } body{ background-attachment: fixed; background-image:url("../ressources/image/background.jpg"); background-size: cover; display: flex; justify-content: center; flex-direction: column; } #container{ margin-top: 3em; display: flex; justify-content: center; } h1{ font-size: 2em; text-align: center; margin-bottom: 3em; } .villeSelect, .villeText{ box-sizing: border-box; margin-bottom: 0.7em; } .villeText{ width: 20%; } .villeSelect{ margin-bottom: 0.7em; margin-left: 2%; width: 33%; } #submit{ margin-top: 1em; margin-left: 50%; transform: translate(-50%); } #formulaire{ background-color: white; border-radius: 10px; padding: 4em; width: 40%; } .form{ box-sizing: border-box; width: 55%; margin-bottom: 0.7em; } .button{ cursor: pointer; font-weight: bold; padding: 8px; color: white; background-color: rgb(65, 154, 28); border-radius: 5em; border: none; } .line{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: left; width: 100%; } .error{ margin-top: 1em; color: red; text-align: center; } .label{ box-sizing: border-box; font-size: 1.1em; width: 45%; min-width: 8em; }