scroll bar customization

www/actualisation/css/styles.css

@@ -346,12 +346,15 @@ margin-left:262px;*/
   width: 510px;
   height: 530px;
   background-color: #ffffff;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  padding-right: 20px;
 }
 
 #News {
   position: absolute;
   top: 0px;
-  overflow: hidden;
+  /* overflow: hidden; */
   width: 480px;
   height: 530px;
   display: none;
@@ -464,42 +467,6 @@ margin-left:262px;*/
   border: 1px solid #cc3300;
 }
 
-.Scrollbar-Up {
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  background-image: url(../images/up.png);
-  font-size: 0px;
-}
-.Scrollbar-Track {
-  width: 10px;
-  height: 530px;
-  position: absolute;
-  top: 20px;
-  background-color: #eee;
-}
-.Scrollbar-Handle {
-  position: absolute;
-  width: 10px;
-  height: 50px;
-  background-color: #cc3300;
-  left: -1px;
-  top: 17px;
-}
-.Scrollbar-Down {
-  position: absolute;
-  top: 560px;
-  width: 10px;
-  height: 10px;
-  font-size: 0px;
-  background-image: url(../images/down.png);
-}
-#Scrollbar-Container {
-  position: absolute;
-  top: -18px;
-  left: 520px;
-}
-
 #trait_vertical1 {
   float: left;
   height: 610px;
@@ -777,3 +744,61 @@ adresse1 td {
   margin: 10px;
   visibility: hidden;
 }
+
+/**
+ * SCROLL BAR
+ */
+/* Chrome, Safari, Edge Scrollbar */
+::-webkit-scrollbar {
+  width: 10px;
+}
+::-webkit-scrollbar-track {
+  background: #eee;
+}
+::-webkit-scrollbar-thumb {
+  background: #cc3300;
+}
+/* Firefox-specific Scrollbar */
+@-moz-document url-prefix() {
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: #cc3300 #eee;
+    scrollbar-gutter: stable;
+  }
+}
+
+/* Style scrollbar buttons (arrows) */
+::-webkit-scrollbar-button {
+  background: #555;
+  height: 16px;
+  width: 16px;
+}
+/* Optional: Style the top (up) and bottom (down) buttons differently */
+/* ::-webkit-scrollbar-button:vertical:start {
+  background: url("up-arrow.png") center no-repeat;
+}
+::-webkit-scrollbar-button:vertical:end {
+  background: url("down-arrow.png") center no-repeat;
+}
+::-webkit-scrollbar-button:horizontal:start {
+  background: url("left-arrow.png") center no-repeat;
+}
+::-webkit-scrollbar-button:horizontal:end {
+  background: url("right-arrow.png") center no-repeat;
+} */
+
+.Scrollbar-Up {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background-image: url(../images/up.png);
+  font-size: 0px;
+}
+.Scrollbar-Down {
+  position: absolute;
+  top: 560px;
+  width: 10px;
+  height: 10px;
+  font-size: 0px;
+  background-image: url(../images/down.png);
+}