a {color:black;}
a:hover {text-decoration:none;}
a:visited {color:black;}


.photo {
width:719px;
 height:600px;
 background:url(../lbox/back5.jpg) no-repeat center center;
 text-align:left; position:relative;
 padding-top : 30px;
 }

.photo dl {
font-size:0.9em;
 position:absolute;
 width:400px;
 top:100px;
 left:100px;
 color : white ;
 }
 
.photo dl dt {
font-family:"times new roman", serif;font-size:1.8em;
 margin-bottom:2em;
 }
 
.photo dl dd 
{font-family:verdana, arial, sans-serif;
  padding:0;
  margin:0;
  line-height:1.7em;
  margin-bottom:2em;
  font-size:11px;
  }
  
.photo dl dd:first-letter {
font-weight:bold;

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

.photo ul.topic li {
display:block;
 width:240px;
 height:31px;
 float:left;
 }
 
.photo ul.topic li a.set {
margin-top:-15px;
display:block;
 font-size:11px;
 width:239px;
 height:30px;
 text-align:center;
 line-height:30px;
 color:#FFF000;
 text-decoration:none;
 border:1px solid black;
 
 background: url(../lbox/entete.jpg);/****************couleur de fond des menus k2C divers et crew****************************/
 font-family:verdana, arial, sans-serif;#D2691E
 }

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

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#FFF000; background: url(../lbox/enteteho.jpg);}/****************couleur de fond des menus k2C divers et crew en hover****************************/

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block;
 position:absolute;
 left:0px;
 top:32px;
 list-style:none;
 padding:0;
 margin:0;
 height:375px;
 background: url(lbox/close.gif) no-repeat right top;/****************couleur de fond avec les couleurs miniatures ****************************/
 width:479px;
 padding:70px 100px;
 
 }

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

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{
display:block;
 width:110px;
 height:85px;
 cursor:default;
 float:left;
 text-decoration:none;
 background:black;/****************couleur de fond des photos vides ****************************/
 border:1px solid #888;
 }

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

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{
position:absolute;
 display:block;
 width:0;
 height:0;
 overflow:hidden;
 border:0;
 }

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

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

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute;
 display:block;
 width:0;
 height:0;
 overflow:hidden;
 border:0;
 }

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{
position:static;
 outline:0;
 }

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute;
 left:200px;
 top:170px;
 width:200px;
 height:150px;
 padding:0;
 background:#000;
 border:0;
 z-index:5;
 }

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{
position:absolute;
 left:15px;
 top:24px;
 width:640px;
 height:480px;
 padding:0;
 background:#000;
 border:4px solid #fff;
 z-index:10;
 }