.lutrin
{

position:relative;
top:0;
left:0;
width:940px;
height:518px;
z-index:10;
padding:10px;
padding-top:10px;


}

a
{
color:yellow;
font-size:11px;
padding:1px;
text-decoration:none;
}
.livre
{
position:relative;
top:10;
left:10;
width:700px;
height:488px;
background-color:white;
z-index:10;
overflow:hidden;
}

#zoom1
{
position:relative;
top:0;
left:0;

background: white url(G8.gif) no-repeat top left;
z-index:60;
width:700px;
height:488px;
}


#navig
{
position:absolute;
top:160px;
left:720px;
width:210px;
height:30px;
background-color:transparent;
z-index:98;
font-size:11px;
color:#ffff99;
font-family:verdana,arial,helvetica;
text-align:justify;

}
#navig img
{
cursor:pointer;
}

.touchpad
{
position:absolute;
top:10px;
width:100px;
height:140px;
background-color:white;
z-index:90;
}


#touchpad1
{
left:720px;
}

#touchpad2
{
left:830px;
}
.coverpad
{
position:absolute;
top:10px;
width:100px;
height:140px;
background-color:red;
z-index:89;
}


#coverpad1
{
left:720px;
}

#coverpad2
{
left:830px;
}


#show{
position:absolute;
top:230px;
left:790px;
width:120px;
height:100px;
z-index:90;
display:none;
}


#edition{
height:15px;
z-index:90;
color:yellow;
font-size:11px;
}


.page
{
width:350px;
height:488px;
top:0px;
position:absolute;
}

#pagedroite
{
left:350px;
width:350px;
height:488px;
/*background :yellow url(1.jpg) no-repeat top left;*/
background-color:white;
float:left;
cursor:pointer;
z-index:60;
}

#pagegauche
{
background :transparent url(0.jpg) no-repeat top right;
position:absolute;
top:0px;
left:0px;
width:350px;
background-color:white;
float:left;
z-index:60;
}

#backdroite
{
position:absolute;
top:0px;
left:700px;
width:0px;
background-color:white;
float:left;
display:none;
z-index:90;
}

#backgauche
{
position:absolute;
top:0px;
left:0px;
width:0px;
background-color:white;
float:left;
display:none;
z-index:90;
}

#fonddroite
{
background-color:white;
position:absolute;
top:0px;
left:350px;
width:350px;
float:left;
z-index:40;
}

#fondgauche
{
background-color:white;
position:absolute;
top:0px;
left:0px;
width:350px;
float:left;
z-index:40;
}

#ii
{
width:50%;
}


#mover_left
{
top:0px;
left:0px;
height:487px;
width:30px;
background-color:yellow;
position:absolute;
z-index:80;
-moz-opacity:0.1;
opacity: 0.10;
filter:alpha(opacity=10);
display:none;
}


#mover_top
{
top:0px;
left:0px;
height:30px;
width:700px;
background-color:white;
position:absolute;
z-index:80;
-moz-opacity:0.1;
opacity: 0.10;
filter:alpha(opacity=10);
display:none;
}

.form
{
font-size:10px;
background-color:silver;
}

#mover_right
{
top:0px;
left:670px;
height:488px;
width:30px;
background-color:yellow;
position:absolute;
z-index:80;
-moz-opacity:0.1;
opacity: 0.10;
filter:alpha(opacity=10);
display:none;
}


#mover_bottom
{
top:458px;
left:0px;
height:30px;
width:700px;
background-color:yellow;
position:absolute;
z-index:80;
-moz-opacity:0.1;
opacity: 0.10;
filter:alpha(opacity=10);
display:none;
}


.menubar span
{
font-size:11px;
color:#ff9988;
font-weight:bold;
}



#flechedrapide
{
top.100px;
left:710px;
position: absolute;
z-index:90;
background :transparent url(fleched.png) no-repeat top right;
width:49px;
height:33px;
}
#pagineright
{
textalign:right;
}
#pagineleft
{
textalign:left;
}

#fermer
{
color:white;
font-size:18px;

}
#ouvrir
{
color:RED;
font-size:13px;
cursor:pointer;

}