Site en construction (Ajout css et html)

www/css/style.css

@@ -0,0 +1,117 @@
+@charset "UTF-8"; /* La feuille de style est encodée en UTF-8 */
+
+
+/**************************/
+/* Mise en forme générale */
+/**************************/
+* {
+    margin: 0;
+    padding: 0;
+    font-family: 'Segoe UI';
+}
+
+body {
+   background: #B47871 url('../images/Logo\ ALT-F4\ Bleu.svg') repeat center;
+}
+
+main {
+    width: 800px;
+    margin: auto;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+h1, h2, p {
+    text-align: center;
+    margin: 10px 0;
+}
+
+.flex-row-center {
+    display: flex;
+    justify-content: center;
+}
+
+.flex-col {
+    display: flex;
+    flex-direction: column;
+}
+
+
+/*******************************/
+/* Mise en forme du formulaire */
+/*******************************/
+form {
+    width: 100%;
+    background-color: #f0f0ec;
+    border: 1px solid #000000;
+    border-radius: 10px;
+}
+
+fieldset {
+    display: block;
+    text-align: right;
+    margin: 15px;
+}
+
+legend {
+    font-size: 1.2em;
+    font-weight: bold;
+}
+
+form div {
+    justify-items: center;
+    margin: 0 10px;
+}
+
+label {
+    width: 15%;
+    display: flex;
+    align-items: center;
+    justify-content: right;
+}
+
+label[for=commentaire] {
+    width: 100%;
+    justify-content: left;
+    margin: 10px 0;
+}
+
+label[for=date_visite] {
+    width: 40%;
+    justify-content: left;
+}
+
+input {
+    width: 35%;
+    margin: 10px;
+}
+
+#courriel {
+    width: 85%;
+}
+
+#date_visite {
+    width: 60%;
+}
+
+button {
+    width: 15%;
+    display: block;
+    justify-content: center;
+    margin: 10px auto;
+    padding: 10px;
+}
+
+
+/****************************/
+/* Mise en forme de l'aside */
+/****************************/
+aside {
+    width: 250px;
+    border: 1px solid #000000;
+    background-color: #4c00ff;
+    position: fixed;
+    left: 10px;
+    bottom: 10px;
+}