/* CSS Document */
html, body {
padding:0px;
margin:0px;
}
.blank {
display:block;
width:100%;
height:100%;
}

/* Text Styles */

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:center;
color:#000000;
text-transform:uppercase;
}
.wingdings {
font-family:Wingdings;
font-size:12px;
}
#titre {
position:absolute;
bottom:20px;
left:720px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
font-style:italic;
z-index:200;
text-transform:none;
font-weight:bold;
}
/* Hides from IE5-mac \*/
* html #titre {bottom: 30px;}
/* End hide from IE5-mac */

#container h1 {
padding-left:10px;
}
a {
border:0px;
}
body {
background:#999999;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}
#blog {
position:absolute;
text-indent:-200em;
left:970px;
top:610px;
width:200px;
height:65px;
display:block;
}
#download {
position:absolute;
text-indent:-200em;
left:990px;
top:500px;
width:200px;
height:100px;
display:block;
}
#zarkans {
position:absolute;
text-indent:-200em;
left:100px;
top:620px;
width:220px;
height:150px;
display:block;
}
/*#blog a {
display:block;
text-indent:-100em;
z-index:0;
overflow:hidden;
width:100px;
height:100px;
background:url(http://www.lesenfantsdelo.com/book/blog.gif) no-repeat;
}*/

#background {
position:absolute;
width:100%;
height:800px;
margin-top:0px;
}
#container {
display:block;
width:1260px;
height:auto;
position:relative;
margin-left:auto;
margin-right:auto;
}

#book {
background-image:url(http://www.lesenfantsdelo.com/book/book.jpg);
background-repeat:no-repeat;
display:block;
position:relative;
left:0px;
width:1260px;
height:800px;
z-index:2;
}
#tome {
position:absolute;
top:173px;
left:933px;
width:140px;
z-index:1;
margin-top:5px;
display:block;
}

#bookmark {
position:absolute;
top:-1px;
left:233px;
width:185px;
z-index:1;
margin-top:5px;
display:block;
}

#bookmark li, #bookmark2 li, #bookmark3 li, #tome li {
list-style:none;
list-style-type:none;
background-repeat:no-repeat;
display:block;
}

#bookmark li a, #bookmark2 li a, #bookmark3 li a, #bookmark li a.active, #bookmark2 li a.active, #bookmark3 li a.active, #tome li a, #tome li a.active, #facebook li a, #facebook li a.active  {
display:block;
text-indent:-100em;
z-index:0;
overflow:hidden;
cursor:crosshair;
text-decoration:none;

}

li #zarkan {
height:158px;
background:url(http://www.lesenfantsdelo.com/book/zarkan.jpg) 0 0 no-repeat;
}
li a#zarkan:hover, li a.active#zarkan {
background-position:-189px 0;
cursor:help;
}
li #news {
background:url(http://www.lesenfantsdelo.com/book/newsb.jpg) 0 0 no-repeat;
height:76px;
}
li a#news:hover, li a.active#news {
background-position:-189px 0;

}
li #histoire {
background:url(http://www.lesenfantsdelo.com/book/histoire.jpg) 0 0 no-repeat;
height:42px;
}
li a#histoire:hover, li a.active#histoire {
background-position:-189px 0;
}
li #perso {
background:url(http://www.lesenfantsdelo.com/book/persos.jpg) 0 0 no-repeat;
height:49px;
}
li a#perso:hover, li a.active#perso {
background-position:-189px 0;
}
#bookmark2 {
position:absolute;
top:318px;
left:225px;
width:180px;
z-index:1;
margin-top:10px;
}

li #album {
height:43px;
background:url(http://www.lesenfantsdelo.com/book/album.jpg) 0 0 no-repeat;
}
li a#album:hover, li a.active#album {
background-position:-180px 0;
}

li #chat {
height:47px;
background:url(http://www.lesenfantsdelo.com/book/chat.jpg) 0 0 no-repeat;
}
li a#chat:hover, li a.active#chat {
background-position:-180px 0;
}
#bookmark3 {
position:absolute;
top:407px;
left:212px;
width:184px;
z-index:1;
margin-top:10px;
}

li #bonus {
height:46px;
background:url(http://www.lesenfantsdelo.com/book/bonus.jpg) 0 0 no-repeat;
}
li a#bonus:hover, li a.active#bonus {
background-position:-184px 0;
}
li #divers {
height:46px;
background:url(http://www.lesenfantsdelo.com/book/divers.jpg) 0 0 no-repeat;
}
li a#divers:hover, li a.active#divers {
background-position:-184px 0;
}
li #liens {
height:44px;
background:url(http://www.lesenfantsdelo.com/book/liens.jpg) 0 0 no-repeat;
}
li a#liens:hover, li a.active#liens {
background-position:-184px 0;
}
li #gribouilli {
height:55px;
background-image:url(http://www.lesenfantsdelo.com/book/gribouilli.jpg);
}

li #tome1 {
height:39px;
background: url(http://www.lesenfantsdelo.com/book/tome1.jpg) 0 0 no-repeat;
width:131px;
}
li a#tome1:hover, li a.active#tome1 {
background-position:-131px 0;
}

li #tome2 {
height:38px;
background: url(http://www.lesenfantsdelo.com/book/tome2.jpg) 0 0 no-repeat;
width:131px;
}
li a#tome2:hover, li a.active#tome2 {
background-position:-131px 0;
}

li #tome3 {
height:38px;
background: url(http://www.lesenfantsdelo.com/book/tome3.jpg) 0 0 no-repeat;
width:142px;
}
li a#tome3:hover, li a.active#tome3 {
background-position:-142px 0;
}

li #tome4 {
height:38px;
background: url(http://www.lesenfantsdelo.com/book/tome4.jpg) 0 0 no-repeat;
width:144px;
}
li a#tome4:hover, li a.active#tome4 {
background-position:-144px 0;
}

#actus {
position:absolute;
left:1000px;
top:383px;
width:220px;
height:150px;
font-size:12px;
list-style:none;
padding:0px;
margin:0px;

}
#actus li {
padding-bottom:30px;
}
li a#chapitre, li a#commentaire, li a#blogen {
	text-decoration:none;
	color:#900;
}

#facebook {
position:absolute;
left:498px;
top:636px;
width:400px;
height:150px;
list-style:none;
padding:0px;
margin:0px;
display:block;
}
li #facebookness {
height:25px;
background: url(http://www.lesenfantsdelo.com/book/facebookness.jpg) 0 0 no-repeat;
width:221px;
}
li a#facebookness:hover, li a.active#facebookness {
background-position:-221px 0;
}
li #facebookleo {
height:25px;
background: url(http://www.lesenfantsdelo.com/book/facebookleo.jpg) 0 0 no-repeat;
width:327px;
}
li a#facebookleo:hover, li a.active#facebookleo {
background-position:-327px 0;
}

#contact {
position:absolute;
text-indent:-100em;
left:55px;
top:430px;
width:185px;
height:165px;
display:block;
}


#couv, #couvline, #couv2 {
width:129px;
height:141px;
background-position:center;
background-repeat:no-repeat;
left:110px;
top:37px;
position:absolute;
display:block;
z-index:3;
}

#sommaire {
width:165px;
height:260px;
left:80px;
top:170px;
position:absolute;
display:block;
z-index:4;
overflow:hidden;
}
/* Hides from IE5-mac \*/
* html #sommaire {top: 180px;}
/* End hide from IE5-mac */

#sommaire h1 {
font-size:17px;
font-weight:bold;
text-align:center;
padding-bottom:0px;
}
#sommaire ul {
margin: 0 0 0 0;
padding-left:0;
padding-top:0px;
}
#sommaire li, #sommaire li a {
color:#cccccc;
font-size:11px;
text-align:left;
list-style:none;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
padding-top:0px;
padding-bottom:0px;
}

#sommaire li.auteur {
color:#cccccc;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
font-style:italic;
padding-bottom:5px;
padding-top:1px;
}
#sommaire li.link a, #sommaire li a {
text-decoration:none;
}
#sommaire li.link a, #sommaire li a:hover, #sommaire li.link {
color:#FFFFFF;
}

#content p, #contentm p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;

}

#concours {
position:absolute;
text-indent:-200em;
left:909px;
top:540px;
width:68px;
height:55px;
display:block;
background-image:url(http://www.lesenfantsdelo.com/book/concours.gif);
}
#footer {
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:10px;
left:-30px;
}
#footer li {
list-style:none;
list-style-type:none;
display:inline;
padding-left:2px;
padding-right:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
}
#footer li a {
text-decoration:none;
color:#666666;
padding-left:3px;
padding-right:3px;

}
#footer li a em {
color:#333333;
text-decoration:underline;
font-style:normal;
}
#footer li a:hover {
text-decoration:none;
color:#990000;
border-bottom:#660000 1px solid;
border-top:#660000 1px solid;
padding-top:2px;
padding-bottom:2px;
}
#footer li a:hover em {
text-decoration:none;
color:#660000;
}
.copy {
color:#333333;
font-size:9px;
margin-top:-5px;
text-transform:none;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
margin-left:30px;
margin-right:90px;
text-align:center;
}
.copy a {
text-decoration:none;
color:#333333;
}
.copy a:hover {
text-decoration:underline;
color:#cccccc;
}
.copy em {
text-decoration:underline;
font-style:normal;
}

/* Classes */
.linone {
list-style:none;
list-style-type:none;
}
.center {
text-align:center;
}
.active {
margin:0;
padding:0;
text-decoration:none;
}
.cb {
border:none;
}