@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; line-height:22px; font-size:12px; color:#565656; background:url(../images/mode5_01.jpg) repeat-x top}
img { border:none}
a { color:#7f7f7f; text-decoration:none}
a:hover { color:#ff6100; text-decoration:underline}

.biaodan { background:url(../images/mode5_21.jpg) no-repeat; width:144px; height:28px; line-height:28px; margin:0; border:none; text-indent:3px;}
.biaodan2 { background:url(../images/mode5_30.jpg) no-repeat; width:144px; height:28px; line-height:28px; margin:0; border:none; text-indent:3px;}
#affiche {background:url(../images/affiche-bj.jpg) 0 0 no-repeat;width:235px;height:70px; margin:0 0 10px 0;}

.product { width:200px; height:180px; float:left; margin:10px 5px 10px 5px; padding:0; overflow:hidden;}
.product img { width:180px; height:135px; border:1px solid #dbdbdb; background:#FFFFFF; padding:1px;}
.product a img{ width:180px; height:135px; border:1px solid #dbdbdb; background:#FFFFFF; padding:1px;}
.product a:hover img{ width:180px; height:135px; border:1px solid #b0c7d5; background:#b0c7d5; padding:1px;}
.product p { width:182px; height:21px; line-height:21px; display:block; margin:0; padding:0; background:url(../images/index_47.gif); text-indent:25px; overflow:hidden; border:1px #dbdbdb solid}

.tlttle { color:#33b9ff; font-weight:bold; font-size:14px}

.tlttle2 { color:#565656; font-weight:bold;}
.tlttle2 a{ color:#565656; font-weight:bold; text-decoration:none}
.tlttle2 a:hover{ color:#ff6100; font-weight:bold; text-decoration:none}

.company{ margin:10px 0 10px 0; color:#565656;}

#right-nav {
position:fixed;
right:50px;
top:150px;
width:50px;
height:100px;
z-index:200;
}

#right-nav a {
display:block;
height:70px;
position:relative;
top:100px;
margin:10px 0 0 0;
}

#b {width:92px;height:348px;}