body{
     background: black;
     -webkit-transition: background-color 1s ease 0.15s;
     -moz-transition: background-color 1s ease 0.15s;
     transition: background-color 1s ease 0.15s;
     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;
          border-radius: 15px;
          }
.menu{display: block; width: 736px;margin: 0; font-weight: bold;height:26px; background: black;
text-align: right;}
.menu dl{display: inline-block; width: 50px;z-index: 20;position: relative;}
.menu dl dd {display: none;}

.menu dl:hover dd{display:inline-block;margin:0;float: left;}

a {color: white;
   text-decoration: none;
   }
a:hover{
/* Fonctionne déjà sur webkit */
		    -webkit-transition-property: color margin font-size;
				-webkit-transition-duration: 1s;
				
				/* Bientôt supporté par Firefox */
        -moz-transition-property:  color margin font-size;
				-moz-transition-duration: 1s;
				
				/* ? et lorsque ce sera standardisé */
				transition-property: color margin font-size;
				transition-duration: 1s;
        
        

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:180px; height:340px;margin-top:0;overflow: auto;
margin-left:10px;
background: rgba(25,25,25,0.4);
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;
border-bottom-left-radius: 15px;
}

#mini a>img {height: 33px;border: solid white 1px;}
#mini a:hover>img {border:solid orange 1px;}
#mini a span{
      -moz-transition: all 1s ease 0.15s;
      -o-transition: all 1s ease 0.15s;
      -webkit-transition: all 1s ease 0.15s;
      transition: all 1s ease 0.15s;
      display:block;
      position: absolute;
      top: 47px;
      margin-top:30px;
      margin-left: -169px;
      left: 50%;width: 525px;
      height: 340px;
      text-align: center;
      vertical-align:middle;
      
      opacity: 0;}
#mini a:hover span{opacity: 1;background: rgba(25,25,25,0.4);border-bottom-right-radius: 15px;}
#mini a span img{border-bottom-right-radius: 15px;
      max-height:340px;
      height: auto !important;
      height: 340px;
      max-width: 525px;
      width: auto !important;
      /*width: 530px;*/
      
      
      
      }


#autos>div {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;color:#00C;}
#bio h1{background:none; }
#bio p a{color: orange;}
#bio a:hover img{-moz-transform: scale(1.2);}

#contact {background: #000;-webkit-transition: background 1s ease 0.15s;
     -moz-transition: background 1s ease 0.15s;
     transition: background 1s ease 0.15s;}
#contact>div{background: url(img/fond-contact.jpg);text-align: left;color:rgb(102,204,204);}
#contact h1{background: #333; color:white; margin:85px 0 20px 0;}
#contact form {margin-left: 20px;line-height: 1.2em;}
#contact input {height: 1em; background: #999; border:0;vertical-align: middle;}
#contact #submit {display: block; height: 2em;color: #999; border: dotted 1px; background: none;}

#divers {background: #333;-webkit-transition: background 1s ease 0.15s;
     -moz-transition: background 1s ease 0.15s;
     transition: background 1s ease 0.15s;}
#divers .menu{color: blue;background: #333;}
#divers>div {background: #33C url(img/fond-divers.jpg);}
#divers h1{color:#333; margin:0;}

#expo, #expo .menu {background: #CCC;color: #999;-webkit-transition: background-color 1s ease 0.15s;
     -moz-transition: background-color 1s ease 0.15s;
     transition: background-color 1s ease 0.15s;}
#expo>div {background: url(img/expo.jpg) no-repeat center;
background-size: 736px;color: #FFF;}
#expo h1{background: #333; color:white; margin:0px 0 20px 0;}
#expo h2{color: #CCC;}

#links, #links .menu{background: #666;-webkit-transition: background 1s ease 0.15s;
     -moz-transition: background 1s ease 0.15s;
     transition: background 1s ease 0.15s;}
#links>div{background: url(img/fond-lien.jpg) no-repeat center;
      text-align: left;color: #999;}
#links h1{color:#333; opacity: 0.2;}

#news{background-color: grey;}

#nus, #nus .menu {background: #362000;}
#nus .menu{color: #600;}
#nus>div{background:url(img/fond-nu.jpg); }
#nus h1{color:#600; margin:0;}

#bijoux, #bijoux .menu{background: #D89F31;}
#bijoux h1{margin: 0;}
#bijoux>div{background:url(img/fond-bijoux.jpg); }


#portraits {background: #32231F;}
#portraits>div {background: #211 url(img/fond-portrait.jpg); color:#953300;}
#portraits img{opacity:1; }
#portraits .menu{background: #32231F;;}
#portraits h1{color:#333; margin:0;}

#portraits-nb {background: #32231F;}
#portraits-nb>div {background: #211 url(img/fond-portrait-nb.jpg); color:#953300;}
#portraits-nb img{opacity:1; }
#portraits-nb .menu{background: #32231F;;}
#portraits-nb h1{color:#333; margin:0;}

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

#theogonie>div{background: url(img/fond-theogonie.jpg);}
#theogonie h1{color:#666; margin:0;}
#theogonie .menu{color: #A84200; }
#theogonie #mini a{ font-weight:bold;}
#theogonie #mini a:hover{color: orange;border: none;}


#degurci, #degurci .menu {background: #222;}
#degurci>div{background: url(img/fond-degurci.jpg);}
#degurci h1{color: #222;}