* {
    padding:0;
    margin:0;
}

html, body,  #container, #library {

}

body {
    background-color:#DEC748;
}

#container {
    position:relative;
    padding:auto;
    margin:auto;
    background-image:url("imgs/fondHead.jpg");
    background-repeat:repeat-y;
    width:776px;
    padding:0px 18px 22px 18px;
}

#extra2 {
    position:absolute;
    background-image:url("imgs/LightOn.jpg");
    width:740px;
    height:237px;
    left:18px;
    top:83px;
    z-index:0;
}

#extra3 {
    position:absolute;
    background-image:url("imgs/Message.png");
    width:206px;
    height:72px;
    top:90px;
    right:65px;
}

#sticker {
    position:absolute;
    background-image:url("imgs/WhiteLabel.png");
    top:66px;
    right:95px;
    height:17px;
    padding:0px 10px 0px 10px;
}

#sticker a, #sticker a:active, #sticker a:hover,#sticker a:link {
    font-family:Courier;
    font-size:12px;
    font-weight:bold;
    color:black;
    text-decoration:none;
    position:relative;
    top:-2px;
}

.sticker-moz {
    top:-1px;
}
        
#menu {
    position:relative;
    left:19px;
    width:701px;
    height:99px;
    background-image:url("imgs/menuBackground.png");
    list-style-type:none;
}

#menu a span {
    display:none;
}

.nb {
    position:absolute;
    z-index:1;
    font-family:verdana, helvetica, arial, sans-serif;
    font-size:16px;
    color:#6A2E17;
    top:13px;
    width:33px;
    text-align:center;
}

#book span.nb {
    left:33px;
}

#movie span.nb {
    left:192px;
}

#music span.nb {
    left:368px;
}

#game span.nb {
    left:528px;
}

#book a, #movie a, #music a, #game a {
    position:absolute;
    height:47px;

}

#book a {
    left:26px;
    width:144px;
    background-image:url("imgs/menuBook.png");
}
    
#book a:hover {
    background-image:url("imgs/menuBook-over.png");
}

#movie a {
    left:170px;
    width:185px;
    background-image:url("imgs/menuMovie.png");
}
    
#movie a:hover {
    background-image:url("imgs/menuMovie-over.png");
}

#music a {
    left:355px;
    width:160px;
    background-image:url("imgs/menuMusic.png");
}
    
#music a:hover {
    background-image:url("imgs/menuMusic-over.png");
}

#game a {
    left:515px;
    width:164px;
    background-image:url("imgs/menuGame.png");
}
    
#game a:hover {
    background-image:url("imgs/menuGame-over.png");
}

#library * img {
    border:0;
    width:94px;
    height:131px;
    position:absolute;
    top:14px;
    z-index:1;
}

.img1 {
    left:20px;
}

.img2 {
    left:140px;
}

.img3 {
    left:260px;
}

.img4 {
    left:380px;
}

.img5 {
    left:500px;
}

.img6 {
    left:620px;
}


#library {
    background-image:url("imgs/fondLibrary.jpg");
    background-position:0px -38px;
    position:relative;
    width:740px;
    top:22px;
}

.floor {      
    width:749px;
    height:160px;
    position:relative;
    margin-top:52px;
}

.itemholder1, .itemholder2, .itemholder3, .itemholder4, .itemholder5, .itemholder6 {
    background-image:url("imgs/BookCover.png");
    width:115px;
    height:155px;
    z-index:2;
}

.itemholderout1, .itemholderout2, .itemholderout3, .itemholderout4, .itemholderout5, .itemholderout6 {
    background-image:url("imgs/BookCoverOUT.png");
    width:115px;
    height:155px;
    z-index:2;
}

.infos6, .infos5, .infos4, .infos3, .infos2, .infos1, .visible1 {
    background-color:transparent;
    background-image:url("imgs/bottomInfos.png");
    background-position:bottom left;
    background-repeat:repeat-x;
    padding-bottom:24px;
    position:absolute;
    top:-55px;
    width:300px;
    z-index:4;
    visibility:visible;
}

.infos1 {
    left:92px;
}

.infos2 {
    left:210px;
}

.infos3 {
    left:330px;
}

.infos4 {
    left:450px;
}

.infos5 {
    left:570px;
}

.infos6 {
    left:690px;
}

.infos6 p, .infos5 p, .infos4 p, .infos3 p, .infos2 p, .infos1 p, .visible1 p {
    border-color:white;
    border-style:solid;
    border-width:2px;
    border-bottom:0px;
    background-color:#EB9002;
    padding:10px;
    font-family:Arial, Helvetica;
    font-weight:bold;
    font-size:12px;
    color:white;
}

.hidden, .hidden1, .hidden2, .hidden3, .hidden4, .hidden5, .hidden6 {
    display:none;
}

.field {
    color:#922B18;
}


.itemholder1, .itemholderout1 {
    position:absolute;
    left:12px;
}

.itemholder2, .itemholderout2 {
    position:absolute;
    left:132px;;
}

.itemholder3, .itemholderout3 {
    position:absolute;
    left:252px;
}

.itemholder4, .itemholderout4 {
    position:absolute;
    left:372px;
}

.itemholder5, .itemholderout5 {
    position:absolute;
    left:492px;
}

.itemholder6, .itemholderout6 {
    position:absolute;
    left:612px;
}