.cadre-container {
    padding: 30px;
    border-radius: 10px;
    max-width: 300px;
    width: 100%;
    text-align: center;
	z-index: 3;

}
        .cadre-item {
            display: flex;
            align-items: center;
            margin: 10px 0;
            text-align: center; /* Centrage du texte si nécessaire */
			opacity: 0.5;
			top: 300px;
			left: 750px;
			position: relative;

        }
		
		

        .cadre-item img.logo {
            width: 32px;
            height: 32px;
            margin-right: 10px;
            cursor: pointer;
			
        }

        .cadre-item .loading-icon {
            width: 18px;
            height: 18px;
            margin-left: 5px; /* Espacement pour éviter le chevauchement */
            animation: spin 1s linear infinite;
        }

        .cadre-item span {
            font-size: 18px;
			font-weight: 500;
            cursor: pointer;
            min-width: 50px; /* Largeur minimale pour uniformiser l'alignement */
            text-align: right; /* Alignement à droite pour les pourcentages */
        }

        .positive {
            color: green;
        }

        .negative {
            color: red;
        }

        .loading {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .loading img {
            width: 50px;
            height: 50px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            100% {
                transform: rotate(360deg);
            }
        }

        .error {
            color: red;
            font-size: 16px;
        }