continuation de la page 'search', mise en place des pubs

src/app/user/search/page-search/page-search.component.scss

@@ -1,41 +1,69 @@
-.conteneur {
-  text-align: center;
-  max-width: 100%;
-  max-height: 100vh;
-  overflow-x: hidden;
-  overflow-y: hidden;
+.lightTheme {
+  color: black;
+  border-color: black;
+}
+.darkTheme {
+  color: white;
+  border-color: white;
 }
 
-.blocMilieu1 {
-  height: 70vh;
-  margin-bottom: 70px
+.conteneur {
+  text-align: center;
+  max-width: 100vw;
+  height: 100vh;
+  overflow-x: hidden;
 }
 
+
 .inputSearchBar {
   width: 50%;
+  font-size: x-large;
 }
-
 .btnRechercher {
   border: solid black 1px;
   border-radius: 5px;
+  font-size: x-large;
 }
 
-.conteneurPubGauche {
-  border: solid black 2px;
+
+.celluleGrilleVideo {
+  border: solid 4px;
+  border-radius: 5px;
+  width: 100%;
+}
+.lightTheme .celluleGrilleVideo{
+  border-color: black;
+  background-color: #f0f0f0;
+}
+.darkTheme .celluleGrilleVideo{
+  border-color: white;
+  background-color: #646464;
+}
+
+
+.conteneurVideosGrid {
   height: 75vh;
-  margin-left: 20px;
+  width: 100%;
 }
 
-.conteneurPubDroite {
-  border: solid black 2px;
+.cellulePub {
+  padding: 0px 10px 0px 10px;
+  width: 100%;
+  text-align: center;
+  justify-content: center;
+}
+
+.conteneurPub {
   height: 75vh;
-  margin-right: 20px;
-}
-
-.conteneurPubBas {
-  //width: 80%;
-  //margin-left: auto;
-  //margin-right: auto;
-  height: 100%;
-  border: solid black 2px;
+  text-align: center;
+  justify-content: center;
+  vertical-align: middle;
+  display: block;
+  width: 75%;
+  margin-left: auto;
+  margin-right: auto;
+  position: absolute;
+  top: 50%;
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
 }