img {
border:none;
}
.thumbs {
float:left;
list-style:none;
margin:10px 0 0 0px; 
padding:0 5px 0 5px;

}
#miniatures-lien {
background: #fff url(../images/bg-mini.png) 0 0 repeat-x;
border-bottom: 1px solid #e1e1e1;
padding: 5px 10px 0px 5px;
height: 94px;
margin: 0;
}
#miniatures-lien li {
background: #fff;
float: left;
margin: 3px 3px 0 3px;
}
#miniatures-lien li.last {
	width: 5px;
}
#miniatures-lien img {
	border: 3px solid #fff;
	opacity: 0.60;
	width: 80px;
	height: 80px;
}

.large #miniatures-lien li {
	margin-top: 7px;
}
.large #miniatures-lien img {
	width: 70px;
	height: 70px;
}

#miniatures-lien img:hover {
opacity: 1;
}
#miniatures-lien img.selection {
border: 3px solid #ff0000;
opacity:1;
}
.miniatures {
list-style: none;
padding-left: 10px;
margin: 0;
display: block;
}
.miniatures li {
position: relative;
float: left;
clear: left;
}
.miniatures h3 {
margin: 0; /*ie7 */
}
.miniatures span {
font-size: 12px;
width: 300px;
padding: 5px;
float: left;
clear: left;
border-left:1px solid silver;
}
.numero,
.titre-oeuvre { 
float: left;
margin-top: 20px;
padding: 2px 6px 2px 6px;
}
.numero {
clear: left;
margin-right: 5px;
color:white;
background: gray;
}
.titre-oeuvre { 
padding: 5px 0 5px 5px;
}
.thumbs a {
cursor: pointer; /* IE7 */
}
.thumbs a:hover {
color: #323232;
}
.miniatures .active {
color: #000;
}
.miniatures .active .numero {
background: #ff0000;
}
.visualiseur {
float: right;
position:relative; 
width:650px; 
height:465px; 
}
.visualiseur img {
position:absolute;
left:0;
top: 15px;
}
.visualiseur img[src*="loader"] {
position:absolute; 
left:50%; 
top:50%; 
margin:15px 0 0 15px;
}
#miniatures-lien li{
display: inline;
}
.accordeon {
float: left;
clear: left;
margin-top: 10px;
}