body{
     background: black;
     
     color: white;
     text-align: center;
     font-family: Arial;
     /*font-weight: bold;*/
     font-size: 12px;
     }
.content {position: absolute;
          left: 50%;
          top: 50%;
          width: 736px;
          height: 428px; margin-left: -368px; margin-top: -214px;
          text-align: right;
          }
.menu{display: block; width: 736px;margin: 0; padding:0;font-weight: bold;height:25px; background: black;
text-align: right;}  

a {color: white;
   text-decoration: none;
   }
a:hover{color: orange;border: none;}
p {margin: 1em;}
h1{font-family: Serif;font-size: 32pt; background:#E1E1E1;opacity: 0.50; margin:1em 0; 0 0 0; padding: 0 0.2em;}
img {border: none;}

#mini {
float: left;width:190px; height:300px;margin-top:1em;overflow: auto;
margin-left:0;
scrollbar-face-color: #000;
scrollbar-shadow-color: #030303;
scrollbar-highlight-color: #999;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #555;
scrollbar-arrow-color: #B8C8FE
}

#mini a>img {height: 33px;border: solid white 1px;}
#mini a:hover>img {border:solid orange 1px;}
#mini a span{display:none;}
#mini a:hover span{display:block;position: absolute;
      top: 47px;
      margin-top:30px;
      margin-left: -174px;
      left: 50%;width: 530px;
      height: 350px;
      text-align: center;}
#mini a:hover span img{
      max-height:350px;
      height: auto !important;
      height: 350px;
      max-width: 530px;
      width: auto !important;
      /*width: 530px;*/
      
      }


#autos {background: #211 url(img/fond-autos.jpg); color:#663300;}
#autos .menu{background: #000; color: #666;}
#autos h1{color:#333; margin:0;}

#bio {color: black;
     background: url(img/bio.jpg) white;
     background-repeat: no-repeat;
     text-align: right;
      }
#bio .menu{background: #000;}
#bio h1{background:none; }
#bio p a{color: orange;}

#contact {background: #211 url(img/fond-contact.jpg);text-align: left;}
#contact h1{background: #333; color:white; margin:85px 0 20px 0;}

#divers .menu{color: blue;}
#divers {background: #33C url(img/fond-divers.jpg);}
#divers h1{color:#333; margin:0;}

#links{background: url(img/fond-lien.jpg) no-repeat center;
      text-align: left;}
#links h1{color:#333; opacity: 0.2;}

#news{background-color: grey;}
#nus .menu{color: #600;}
#nus{background:url(img/fond-nu.jpg); }
#nus h1{color:#600; margin:0;}

#portraits {background: #211 url(img/fond-portrait.jpg); color:#663300;}
#portraits img{opacity:1; }
#portraits .menu{background: #000;}
#portraits h1{color:#333; margin:0;}

#shows .menu{color: #366; }
#shows{background:url(img/fond-shows.jpg)  }
#shows h1{color:#366; margin:0;}
