<table id="liste2">
  <tr>
    <th>Nom</th>
    <th>Pr&eacute;nom</th>
    <th>Logon</th>
    <th>Ville</th>
    <th>Pays</th>
  </tr>
  <tr class="ligneImpaire" onMouseOver="this.className='ligneOver'" onMouseOut="this.className='ligneImpaire'" onClick="this.className='ligneClick'">
    <td>Boy</td>
    <td></td>
    <td>bobi</td>
    <td>Bruxelles</td>
    <td>Belgique</td>
  </tr>
  <tr class="lignePaire" onMouseOver="this.className='ligneOver'" onMouseOut="this.className='lignePaire'" onClick="this.className='ligneClick'">
    <td>Dupond</td>
    <td>Marcel</td>
    <td>duma</td>
    <td>&nbsp;</td>
    <td><p>Belgique</p></td>
  </tr>
  <tr class="ligneImpaire" onMouseOver="this.className='ligneOver'" onMouseOut="this.className='ligneImpaire'" onClick="this.className='ligneClick'">
    <td>Du chemin</td>
    <td></td>
    <td></td>
    <td></td>
    <td><p></p></td>
  </tr>
  <tr class="lignePaire" onMouseOver="this.className='ligneOver'" onMouseOut="this.className='lignePaire'" onClick="this.className='ligneClick'">
    <td>Gonzales</td>
    <td>Manuel</td>
    <td>goma</td>
    <td>Lisbone</td>
    <td>Portugal</td>
  </tr>
  </table>
<p>&nbsp;</p>
</body>
</html>

table#liste2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        font-weight: lighter;
        padding: 0.4em;
        border-left: 0.4em thin gray;
        border-right: 0.4em thin gray;
        }
table#liste2 th {
        text-align: center;
        border: 0.4em dotted black;
        background-color:silver;
        color: White;
        }
table#liste2 tr.lignePaire {
        border-left: 0.4em groove gray;
        background-color: #FFC3DE;
        color: #0002FF;
        }
table#liste2 tr.ligneImpaire {
        border: 0.4em groove white;
        background-color: #C3FBFF;
        color: #FF005A;
        }
table#liste2 tr.ligneOver td {
        border: 0.4em outset white;
        border-top: 0.4em outset Gray;
        cursor: pointer;
        background-color: #DEFFC3;
        color: Black;
        padding: 0.4em;
        font-style: italic;/* ici se trouve mon problème */
        }
table#liste2 tr.ligneClick td {
        border: 0.4em groove white;
        background-color: #F5FFFA;
        color: #000;
        padding: 0.4em;
        }
table#liste2 tr.ligneOut td {
        border: 0.4em groove white;
        background-color: #F5FFFA;
        color: #000;
        padding: 0.4em;
        }
table#liste2 tr.ligneImPaire td {
        border: 0.4em groove white;
        padding: 0.4em;
        }
table#liste2 tr.lignePaire td {
        border: 0.4em groove white;
        padding: 0.4em;
        }