[pierrepercee]

Essayez déjà ça :

Code :

[== HTML ==]
  <div class="main-main util-clearfix">
            <pre><div id='slider'><ul>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image3.jpg" alt="image3.jpg" /></a></li>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image5.jpg" alt="image5.jpg" /></a></li>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image2.jpg" alt="image2.jpg" /></a></li>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image1.jpg" alt="image1.jpg" /></a></li>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image4.jpg" alt="image4.jpg" /></a></li>
</ul>
</div><br />francais anglais</pre>

à remplacer par:

Code :

[== HTML ==]
  <div class="main-main util-clearfix">
           <div id='slider'><ul>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image3.jpg" alt="image3.jpg" /></a></li>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image5.jpg" alt="image5.jpg" /></a></li>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image2.jpg" alt="image2.jpg" /></a></li>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image1.jpg" alt="image1.jpg" /></a></li>
  <li>  <a href="#"><img class="img-candidat" src="uploads/images/Gallery/diaporama/image4.jpg" alt="image4.jpg" /></a></li>
</ul>
</div><br />francais anglais

La suppression de la balise <pre> me semble une bonne idée dans un premier temps... A faire dans votre gabarit ou dans la page...
Bonne chance !