.floating-box {
    position: fixed;
    right: 2px;
    top: 140px;
    z-index: 1000;
}

@media (min-width: 480px) {
    .floating-box {
        top: 90px;
    }
}

@media (min-width: 768px) {
    .floating-box {
        top: 100px;
    }
}

@media (min-width: 769px) {
    .floating-box {
        top: 80px;
    }
}

    .floating-box .floating-img {
        height: 40px;
        position: relative;
        z-index: 100;
        /*opacity: 0.7;*/
    }

    /* -aaaa- .floating-box .floating-text {
        height: 40px;
        width: auto;

        border: 1px solid red;
        opacity: 0.1;
         
	permet de re-positionner par rapport à floating-img 
		dbt
	
        position: absolute;
        top: 10px;
        right: -5px;
         fin 
        z-index: 100;
         permet l'effet de pliage 
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;

        opacity: 0.7;
        background-color: green;
    }*/

        /*.floating-box .floating-text span {
            color: green;
             font-size: 18px; 
             font-weight: 900; 
            display: block;
            padding-left: 30px;
            width: 0;
            box-sizing: inherit;
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            white-space: nowrap;

            background-color: white;
        }*/

    /*.floating-box div:hover.floating-text span {
        width: 230px;
    }*/
/*@media (max-width: 600px) {
	.floating-box div:hover.floating-text span {
	  width: 150px; 
	}
}*/