continuation de la partie advertiser

src/app/advertiser/pages-popularity/pages-popularity.component.scss

@@ -0,0 +1,60 @@
+.myContainer {
+  font-size: small;
+  max-width: 100vw;
+  height: 100vh;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+
+input {
+  font-size: small;
+  width: 140px;
+}
+
+.filtersContainer {
+  background-color: white;
+  width: 60%;
+  margin: 50px 50px 50px 50px;
+  padding: 20px 20px 20px 20px;
+}
+
+.chartContainer {
+  background-color: white;
+  border: solid 1px black;
+  padding: 10px 10px 10px 10px;
+  margin: 50px 50px 50px 50px;
+}
+
+
+// ---------------------------------------------
+// periode
+
+.periode {
+  padding: 10px 10px 0px 10px;
+}
+
+.periode .titleContainer {
+  text-align: right;
+  border-right: solid 1px #dcdcdc;
+  font-weight: bold;
+}
+
+
+// -------------------------------------------------------------------------
+
+
+// aura
+::ng-deep .mat-checkbox-ripple .mat-ripple-element {
+  background-color: grey !important;
+}
+
+// contenu coche
+::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: black !important;
+}
+
+// indeterminate
+::ng-deep .mat-checkbox .mat-checkbox-frame {
+  border: solid 1px black !important;
+  background-color: white !important;
+}