/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/multi-page.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements. 

Please see 'Terms of use' on stunicholls.com
=================================================================== */
#bodymain { background:#eee;  }
#wrapper {min-width:750px; height:400px; text-align:left; position:relative;}
#content {clear:both; position:relative;}
#menu {position:relative; font-family:arial, sans-serif; font-size:10px; height:360px;}
#menu img#loading {position:absolute; left:400px; top:220px;}
#menu ul {padding:0; margin:0; list-style:none;}
#sub1 {position:absolute; left:303px; top:230px;  /*  was  left:303px; top:99px; */}
#sub2 {position:absolute; left:95px; top:0px;}
/* #sub0 li {width:93px; height:93px; border:3px solid #666; margin:2px 2px 0 0; text-align:center; background:#f5f5dc;}  */
#sub0 { width:300px;  }  /* width of list  -  added JMP  */
#sub0 li { /* width:200px;  was   width:193px  height:23px;*/ /* border:1px dotted #666;*/ margin:2px 2px 0 0; text-align:center; background:#f5f5dc; line-height:10px; font-size:12px; cursor:  pointer; font-family:georgia, serif;}
#sub0 li:hover { /* width:200px;  was   width:193px  height:23px;*/ /* border:1px dotted #666;*/color:red; border-right:#c00 solid 5px; margin:2px 2px 0 0; text-align:center; background:#f5f5dc; line-height:10px; font-size:12px; cursor:  pointer; font-family:georgia, serif;}
#sub0 li img {margin:13px 21px 0 21px; border:10px solid #000; border-color:#000 #ddd #eee #666; cursor:  pointer;}
#sub0 li.clicked {color:#c00;}

#sub1 { width:400px; position:relative;   top:-200px; /*  */ }  /* added JMP  */
html body#bodymain div#wrapper div#content div#menu div#sub1 div#titre-general  { font-size:22px; font-family:Georgia;}
div#titre-inter { width:400px; font-size:16px;color:#a00; font-family:Georgia; background:#ddd; padding:4px;}
div#listepianos  { width:400px; font-size:16px; font-weight:700; font-family:Georgia;}
#sub1 ul {width:303px; background:#eae; position:relative;  top:-150px;/*   ******/ }
#sub1 ul li {width:93px; height:70px; border:1px dotted #999; margin:2px 2px 0 0; float:left; display:inline; background:#f5f5dc; text-align:center;}
#sub1 ul li img {border:1px solid #000; border-color:#000 #ddd #eee #666;}
#sub1 ul li img.vert {margin:8px 11px 0 11px;  /*  13px 21px 0 21px;  */} 
#sub1 ul li img.horz {margin:8px auto 0 auto;  /* 21px auto 0 auto;  */} 

#sub2 ul li {width:650px; height:650px; padding:5px; text-align:center;}
#sub2 ul li img {position:relative; z-index:10; border:1px solid #000;}
#sub2 ul li img.vert {margin:5px auto;}
#sub2 ul li img.horz {margin:85px auto 0 auto;}

#sub2 ul li b {display:block; width:750px; height:600px; position:absolute; left:-95px; top:0; z-index:0; background:#aaa; opacity:0.8; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}

.none {display:none;}
.yes {display:block;}

div#sub1 ul#sub_4.yes li#top_41