.bordure-fine {
        border: 0px solid #ccc;
        border-radius: 4px;
        padding: 6px;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .bordure-fine:hover {
        background-color: #e6f0ff; /* bleu très clair */
        box-shadow: 0 0 6px rgba(0, 102, 204, 0.2); /* ombre douce */
        
    }

/* Animation vibration */
    @keyframes vibrate {
      0% { transform: translate(0); }
      20% { transform: translate(-2px, 2px); }
      40% { transform: translate(-2px, -2px); }
      60% { transform: translate(2px, 2px); }
      80% { transform: translate(2px, -2px); }
      100% { transform: translate(0); }
    }

    td {
	  
      /* padding: 5px;*/
      border: 0px solid #ccc;
      text-align: center;
    }

    /* Vibration + couleur de fond uniquement sur cette cellule */
    td.vibre:hover {
      background-color: #e6f0ff; /* couleur de fond au survol */
    }

    
    /* Vibration sur la cellule avec classe .vibre uniquement */
    td.vibre:hover img {
		
	/* animation: vibrate 0.3s linear infinite; */
	 animation: vibrate 0.3s linear 2;
	/* animation: vibrate 0.3s linear infinite;*/
	 
    }

    img {
      transition: transform 0.2s;
    }