|
@@ -0,0 +1,78 @@
|
|
|
+* {
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ margin: 0;
|
|
|
+ font-family: monospace;
|
|
|
+}
|
|
|
+
|
|
|
+header {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 5% 0;
|
|
|
+ font-size: 1.75em
|
|
|
+}
|
|
|
+
|
|
|
+main {
|
|
|
+ width: 90%;
|
|
|
+ margin: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.section-title {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 2.5em;
|
|
|
+ margin-bottom: 5%;
|
|
|
+}
|
|
|
+
|
|
|
+.container {
|
|
|
+ padding-bottom: 7.5%;
|
|
|
+}
|
|
|
+
|
|
|
+.container:last-of-type {
|
|
|
+ padding-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+#chart-container {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+#data-container {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.identite {}
|
|
|
+
|
|
|
+.usager {
|
|
|
+ width: 46%;
|
|
|
+ margin: 2%;
|
|
|
+ padding: 1%;
|
|
|
+ text-transform: capitalize;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.usager-identite {
|
|
|
+ font-size: 1.5em;
|
|
|
+ position: relative;
|
|
|
+ margin-top: 2.5%;
|
|
|
+ ;
|
|
|
+}
|
|
|
+
|
|
|
+.frequentation {
|
|
|
+ font-size: 1.1em;
|
|
|
+ margin: 0;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.situation {}
|
|
|
+
|
|
|
+.espace {}
|
|
|
+
|
|
|
+.telephone {}
|