/*style des onglets*/
.photo {width:484px; text-align:left; position:relative; margin-left:6px; padding-top:6px; height:482px;}

ul.topic {padding:0; margin:0; list-style:none; width:484px; height:auto; position:relative; z-index:10;}

/*style des onglets*/
ul.topic li {display:block; width:125px; height:31px; float:left;}
ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

ul.topic li a ul, 
ul.topic li ul 
{display:none;}

ul.topic li.active a
{color:#000; background:#aaa;}

ul.topic li a:hover,
ul.topic li:hover a
{color:#fff; background:#5F9740;}


/*bordure grise hors*/
ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:350px; padding:20px 40px; border:20px solid #aaa; z-index:1;}
/*bordure grise dessus*/
ul.topic li a:hover ul, 
ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:350px; padding:20px 40px; border:20px solid #5F9740; z-index:100;}

ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

ul.topic li a:hover ul li a:hover, 
ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

ul.topic li a:hover ul li a:hover img, 
ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.belimg{
z-index:101;
position:absolute;
width:100%;
height:100%;
background:#444444;
filter:alpha(opacity=60);   /* Internet Explorer 6     */
-moz-opacity:0.6;           /* Mozilla 1.6 et infér.   */
opacity: 0.6;               /* CSS3 et Mozilla récents */
}

.imgbel{
z-index:110;
position:absolute;
width:640px;
height:480px;
border: 10px solid #FFFFFF;
left: 50%;
top: 50%;
margin-left:-320px;
margin-top:-240px;
}

.ferme{
z-index:120;
position:absolute;
width:82px;
height:24px;
left:565px;
top:0px;
background-image: url(../images_site/fermer.png);
background-position: right;
background-repeat: no-repeat;
}

.ferme a{
width:82px;
height:24px;
position:absolute;
text-align:center;
font-weight: bold;
text-decoration: none;
color: #870A09;
}