Voici un bout de code (j'ai retiré tout ce qui n'était pas indispensable...)
HTML :
<div id="barreGrise">
<div id="divNav">ici se trouve le menu</div>
</div>
<div id="logo">ici se trouve un logo</div>
<div id="titreGalerie"><font class="titre">Titre de la galerie</font></div>
<ul id="slideshow">
<li>
<h3></h3>
<span>images/femmes/photo000.jpg</span>
<p>Femmes, extérieur nuit</p>
<img src="images/femmes_thumbs/photo000.jpg" alt="" />
</li>
<li>
<h3></h3>
<span>images/femmes/photo000.jpg</span>
<p>Femmes, extérieur nuit</p>
<img src="images/femmes_thumbs/photo000.jpg" alt="" />
</li>
</ul>
<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title=""></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title=""></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title=""></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title=""></div>
</div>
</div>
<div id="pied">
<table width="100%">
<tr>
<td width="74%" align=middle >
<font class="font5" style="text-align:left">© 2011 Tous droits réservés | <a
href="contact.html"><font class="font5">Contact</font></a></font>
</td>
</tr>
</table>
</div>
CSS :
body {margin:0; background:#333; padding:5px; font:11px Verdana,Arial}
#slideshow {list-style:none; color:#333; background:#333; }
#slideshow span {display:none}
#wrapper {width:778px; margin:5px auto; display:none ;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:727px; height:484px; padding:2px; background:#333; margin:auto }
#information {position:absolute; bottom:0; width:727px; height:0; background:#333; color:#fff;
overflow:hidden; z-index:200; opacity:.6; filter:alpha(opacity=60)}
#information h3 {padding:4px 8px 3px; font-size:11px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#information p {padding:0 8px 8px; font-size:11px; font-style:italic;}
#image {width:727px; height:484px;}
#image img {position:absolute; z-index:25; width:auto}
#imgprev {left:0; background:url(images/prev2.png) left center no-repeat; margin-left:-40px;}
#imgnext {right:0; background:url(images/next2.png) right center no-repeat; margin-right:-40px;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
#slideleft {float:left; width:20px; height:81px; background:url(images/prev2.png) center center no-repeat; }
#slideleft:hover {background:url(images/prev3.png) center center no-repeat;}
#slideright {float:right; width:20px; height:81px; background:url(images/next2.png) center center no-
repeat}
#slideright:hover {background:url(images/next3.png) center center no-repeat;}
#slidearea {float:left; position:relative; width:733px; margin-left:3px; height:71px; overflow:hidden}
#slider {position:absolute; left:0; height:71px}
#slider img {cursor:pointer; padding:5px}
.titre{font-size:11px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#92a449;}
#titrethumbs{margin:15px 0 0 30px;}
#barreGrise{width:100%; height:60px; background-color:#464646; margin:0 auto; padding:0;}
#divNav{width:58%; height:auto; background-color:#464646; margin:auto; padding-top:30px; min-width:582px;}
#logo{position:absolute; left: 140px; top: 29px; width:76px; height:75px;}
#titreGalerie{width:58%; height:auto; margin:auto; padding-top:5px;}
#pied{width:58%; height:auto; margin:auto; padding-top:0px; text-align:center }
En espérant que ça pourra vous aider...
