* {
   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 {}