#creations{
position:relative;
height:420px;
background:url(../../../images/commun/f_creations.gif) no-repeat;
padding:0;
margin:0 0 6px 0;
overflow:hidden;
zoom:1;
}
#creations #f_sb1{
position:absolute;
top:5px;
left:1px;
width:120px;
height:410px;
background:#fff;
z-index:2;
}
#masque_sb1,
#masque_sb2{
display:none;
}
#creations #sb1{
position:absolute;
top:65px;
left:20px;
width:80px;
height:300px;
z-index:3;
}
#creations #cont_sb1{
position:relative;
height:300px;
overflow:hidden;
zoom:1;
}
#creations #cont_sb1 .item{
height:50px;
padding:0 0 10px 0;
overflow:hidden;
zoom:1;
}
#creations #cont_sb1 .item a{
position:relative;
display:block;
width:80px;
height:50px;
overflow:hidden;
zoom:1;
}
#creations #cont_sb1 .item a:hover,
#creations #cont_sb1 .item a.on{
outline:none;
border:3px solid #989898;
width:74px;
height:44px;
}
#creations #cont_sb1 .item img{
display:block;
}
#creations #cont_sb1 .item a:hover img,
#creations #cont_sb1 .item a.on img{
position:relative;
margin:-3px 0 0 -3px;
}
#precedent_sb1,
#suivant_sb1{
position:absolute;
left:20px;
outline:none;
display:block;
background-image:url(../../../images/commun/sprite.png);
height:30px;
width:80px;
text-indent:-9999px;
z-index:5;
overflow:hidden;
zoom:1;
}
#precedent_sb1{
top:20px;
}
#precedent_sb1.off,
#precedent_sb1.off:hover{
cursor:default;
background-position:left bottom;
}
#precedent_sb1:hover{
background-position:left -30px;
}
#suivant_sb1{
top:370px;
background-position:-80px 0;
}
#suivant_sb1:hover{
background-position:-80px -30px;
}
#suivant_sb1.off,
#suivant_sb1.off:hover{
cursor:default;
background-position:-80px -60px;
}

/* SB2 */
#creations #loading_sb2{
background:url(../../../images/commun/loading.gif) no-repeat center center;
position:absolute;
right:0;
top:0;
width:420px;
height:420px;
z-index:1;
}
#creations #sb2{
position:absolute;
left:1px;
top:20px;
width:533px;
height:390px;
z-index:1;
}
#creations #cont_sb2{
position:relative;
width:533px;
height:390px;
overflow:hidden;
zoom:1;
}
#creations #cont_sb2 li{
float:left;
width:408px;
height:400px;
padding:0 0 0 125px;
}
#creations #cont_sb2 li img{
display:block;
margin:0 0 8px 0;
}
#creations #cont_sb2 li h2{
width:340px;
font-size:14px;
margin:0 0 8px 0;
}
#creations #cont_sb2 li p{
width:340px;
font-size:11px;
}

#precedent_sb2,
#suivant_sb2,
#zoom_sb{
position:absolute;
outline:none;
display:block;
top:350px;
right:25px;
background-image:url(../../../images/commun/sprite.png);
background-position:-160px 0;
width:20px;
height:20px;
text-indent:-9999px;
overflow:hidden;
zoom:1;
z-index:5;
}
#precedent_sb2.off,
#precedent_sb2.off:hover{
cursor:default;
background-position:-160px -40px;
}
#precedent_sb2:hover{
background-position:-160px -20px;
}
#suivant_sb2{
top:350px;
right:0px;
background-position:-180px 0;
}
#suivant_sb2:hover{
background-position:-180px -20px;
}
#suivant_sb2.off,
#suivant_sb2.off:hover{
cursor:default;
background-position:-180px -40px;
}
#zoom_sb{
top:0;
right:0;
width:53px;
height:17px;
background-position:-200px 0;
}
#zoom_sb:hover{
background-position:-200px -17px;
}