Test final

menu_contextuel/custom_context_menu.css

-/* === Conteneur principal du menu contextuel === */
-#whiteBox {
-    position: absolute; 
-    display: none; 
-    min-width: 50px;         
-    max-width: 300px;         
-    background-color: white; 
-    color: #323046;           
-    border: 2px solid #323046;
-    border-radius: 10px;
-    padding: 10px;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
-    font-family: "Helvetica", sans-serif; 
-    z-index: 10000;
-  }
-  
-  /* === Titre/texte indiquant le mot sélectionné === */
-  #whiteBox #selectedWord {
-    margin: 0;
-    margin-bottom: 8px;
-    font-size: 14px;
-    line-height: 1.3;
-    color: #323046;  
-    font-weight: bold;
-    text-align: center; 
-  }
-  
-  /* === Conteneur des icônes === */
-  #whiteBox .icon-container {
-    position: relative;
-    display: flex;
-    flex-direction: column; 
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    margin: 0;
-    padding: 0;
-  }
-  
-  #whiteBox .icon-container:hover {
-    background-color: rgba(255, 255, 255, 0.1); 
-    border-radius: 6px;
-  }
-  
-  /* === Les icônes elles-mêmes === */
-  #whiteBox .icon {
-    width: 40px;       
-    height: 40px;
-    transition: transform 0.2s ease;
-    margin : 0 auto;
-    display: block;
-  }
-  
-  #whiteBox .icon:hover {
-    transform: scale(1.15); 
-  }
-  
-  /* === Message (tooltips) === */
-  #whiteBox .tooltip {
-    visibility: hidden;
-    background-color: #333;
-    color: #fff;
-    text-align: center;
-    padding: 6px;
-    border-radius: 5px;
-    position: absolute;
-    bottom: -34px; 
-    left: 50%;
-    transform: translateX(-50%);
-    white-space: nowrap;
-    font-size: 12px;
-    opacity: 0;
-    transition: opacity 0.2s ease, visibility 0.2s ease;
-    z-index: 1000;
-  }
-  
-  #whiteBox .icon-container:hover .tooltip {
-    visibility: visible;
-    opacity: 1;
-  }
-  
\ No newline at end of file