/* CSS image clickable pas utilisé

#galerie1 {width:100%; overflow:hidden;}
#galerie1 a {position:relative; float:left; margin:5px;}
#galerie1 a span { display:none; background-image:url(zoom.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; left:15px; top:15px;}
#galerie1 img { border: solid 1px #999; padding:5px;}
#galerie1 a:hover span { display:block;} 
*/
/* code HTML 
<div id="galerie1">
    <a href="../articles_modeles/ASW15_B/3_vues_max_1000x1000.jpg">
        <span></span>
        <img src="../articles_modeles/ASW15_B/3_vues_max_400x400.jpg" alt="" />
    </a>
*/
 


/*http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/ */

.thumbnail{
position: relative;
ffffloat: left;

z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -50px; /*position where enlarged image should offset horizontally */

}