/* CSS Document */
body {
margin:0;
padding:0;
background-color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}

#blog {
position:absolute;
top:0px;
right:0px;
display:block;
width:100px;
height:100px;
}
#blog a {
display:block;
text-indent:-100em;
z-index:0;
overflow:hidden;
width:100px;
height:100px;
background:url(book/blog.gif) no-repeat;
}
#background {
position:absolute;
width:100%;
height:700px;
margin-top:30px;
}
#container {
display:block;
width:520px;
height:auto;
position:relative;
margin-left:auto;
margin-right:auto;
}

#book, #bookback {
background-repeat:no-repeat;
background-position:center;
width:515px;
height:605px;
display:block;
position:relative;
z-index:2;
}
#book {
background-image:url(book/bookindex.jpg);
}
#bookback {
background-image:url(book/back.jpg);
}

#bio {
position:absolute;
left:195px;
top:30px;
z-index:3;
width:240px;
height:150px;

}
#bio p {
color:#CCCCCC;
text-align:justify;
font-size:11px;
font-style:italic;
}

p a, p a:link, p a:visited {
color:#666666;
text-decoration:none;
}
p a:hover, p a:active {
color:#999999;
text-decoration:none;
font-weight:bold;
}

#resume {
position:absolute;
left: 60px;
top:235px;
width:390px;
z-index:4;
color:#FFFFFF;
text-align:justify;
font-size:12px;
}
.blank {
width:100%;
height:100%;
border:none;
display:block;
}
h2#copyright {
text-align:center;
z-index:6;
position:relative;
color:#333333;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

#titre {
position:absolute;
top: 20px;
left:180px;
z-index:3;
padding-top:0px;
margin-top:0px;
}

#illu {
position:absolute;
top:565px;
left:45px;
z-index:3;
padding-top:0;
margin-top:0;
}
h1 a, h1{
font-family:"Century Gothic", Verdana, sans-serif;
font-size:48px;
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:right;
}
a span.O {
font-family:"Century Gothic", Verdana, sans-serif;
font-size:48px;
color:#000000;
text-decoration:none;
font-weight:normal;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:right;
}
a span.O:hover {
color:#FFFFFF;
}
#titre h1 a:hover {
color:#CCCCCC;
}

#illu a {
color:#FFFFFF;
text-decoration:none;
}
#illu a:hover {
color:#A382FF;
font-weight:bold;
text-decoration:none;
}
h2 {
font-family:"Century Gothic", Verdana, sans-serif;
font-size:15px;
font-weight:normal;
color:#CCCCCC;
padding-left:5px;
text-align:right;
margin-top:0px;
}

#back a {
position:relative;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#CCCCCC;
padding-bottom:2px;
padding-top:2px;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
text-decoration:none;
}
#back a:hover {
color:#FFFFFF;
}