edit: ajout typo et strutucre contenu menu informations

v1-com-officielle/src/assets/style.css

@@ -64,6 +64,8 @@ html, body{
   inset: 0;
   overflow-x: hidden;
   display: block;
+  scrollbar-color: var(--main-color) transparent;
+  scrollbar-width: thin;
 }
 
 canvas {
@@ -107,6 +109,8 @@ canvas {
   overflow-y: scroll;
 }
 
+
+/*=============Classes générales*/
 .uiStyle{
   background-color: var(--back-color);
   border-style: solid;
@@ -114,3 +118,52 @@ canvas {
   border-width: thin;
   border-radius: 0;
 }
+
+.icon{
+  width: 16.1px;
+  height: auto;
+  fill: currentColor;
+}
+
+.iconBtnStyle{
+  background-color: var(--back-color);
+  color: var(--main-color);
+  border-color: var(--main-color);
+  border-width: thin;
+  border-style: solid;
+  border-radius: 16.1px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.iconBtnStyle:hover{
+  background-color: var(--main-color);
+  color: var(--back-color);
+}
+
+.textBtnStyle{
+  background-color: var(--back-color);
+  color: var(--main-color);
+  font-size: 13.12px;
+  font-family: 'lineal';
+  border-color: var(--main-color);
+  border-width: thin;
+  border-style: solid;
+  border-radius: 16.1px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+
+/*================ PC LARGE*/
+@media(min-width:1000px){
+  .textBtnStyle{
+    font-size: 16.1px;
+  }
+}
+
+.textBtnStyle:hover{
+  background-color: var(--main-color);
+  color: var(--back-color);
+}