/* CSS Document */

#couv {
background-image:url(book/linecouv.jpg);
}

#sommaire h1 {
color:#66cccc;
margin-left:6px;
}
#content {
position:absolute;
left:500px;
top:190px;
display:block;
width:400px;
height:390px;
overflow:auto;
z-index:50;

}
#content h1 {
text-align:center;
padding-bottom:10px;
}
#contentp {
position:absolute;
left:505px;
top:35px;
display:block;
width:400px;
height:550px;
overflow:auto;
z-index:50;
}
#contentp p {
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-left:15px;
padding-right:15px;
padding-bottom:5px;
padding-top:5px;
}
h2 {
color:#000000;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:center;
padding-top:15px;
}
h3 {
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
.pad, #contentp p.pad, #contentp h2.pad {
padding-left:100px;
}

#contentp p.pad {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#contentp p.center {
text-align:center;
}
#contentp ul {
list-style-image:url(book/licoche.gif);
}
#contentp li {
margin-left:0px;
padding-right:15px;
font-size:11px;
}
#content ul li {
	color: #333333;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-align: justify;
	background-image: url(book/ligne.gif);
	margin-left: 0px;
	margin-right: 15px;
	padding-bottom:5px;
	margin-bottom:5px;
	padding-right:5px;
	list-style-type:none;
}
#content ul li em {
color:#000000;
font-family:"Courier New", Courier, mono;
font-weight:bold;
font-size:12px;
font-style:normal;
text-transform:uppercase;
text-decoration:underline;
}
#listepersos {
width:114px;
height:180px;
background-image:url(book/listepersos.gif);
background-repeat:no-repeat;
display:block;
z-index:100;
cursor:move;
}
#listepersos li {
text-indent:-100em;
z-index:0;
list-style:none;
list-style-type:none;
}

#listepersos a {
display:block;
text-indent:-100em;
z-index:0;
overflow:hidden;
cursor:crosshair;
}
#lyen {
height:15px;
width:40px;
margin-left:20px;
margin-top:15px;
}
#listepersos li a:link {
background:none;
}
#listepersos li a:visited  {
background-image:url(book/trait.gif);
background-position: center left;
background-repeat:repeat-x;
}
#listepersos li a:hover {
background-image:url(book/coche.gif);
background-position: top right;
background-repeat:no-repeat;
}
#listepersos li a.current {
background-image:url(book/coche.gif);
background-position: top right;
background-repeat:no-repeat;
}
#ruan {
height:15px;
width:73px;
margin-left:18px;
}
#ludmea {
height:14px;
width:86px;
margin-left:15px;
}
#luka {
height:15px;
width:73px;
margin-left:18px;
}
#line {
height:16px;
width:91px;
margin-left:14px;
}
#linep {
height:15px;
width:68px;
margin-left:19px;
}
#sarai {
height:15px;
width:68px;
margin-left:19px;
}
#jumeaux {
height:15px;
width:78px;
margin-left:14px;
}
#nato {
height:15px;
width:40px;
margin-left:14px;
}
#autres {
height:15px;
width:50px;
margin-left:16px;
}
/* Hides from IE5-mac \*/
* html #ruan,* html #ludmea,* html #lyen,* html #luka,* html #line,* html #linep,* html #sarai,* html #jumeaux,* html #nato,* html #autres {margin-left: 0px;}
/* End hide from IE5-mac */

#ludipix, #ruanpix, #linepix, #lukapix, #lyenpix, #lineppix {
position:absolute;
width:140px;
height:171px;
left:778px;
top:24px;
background-repeat:no-repeat;
display:block;
z-index:89;
}

#ludipix {

background-image:url(book/ludmeaphoto.jpg);

}
#ruanpix {

background-image:url(book/ruanphoto.jpg);

}
#linepix {

background-image:url(book/linephoto.jpg);

}
#lukapix {

background-image:url(book/lukaphoto.jpg);

}
#lyenpix {

background-image:url(book/lyenphoto.jpg);

}

#lineppix {

background-image:url(book/linepphoto.jpg);

}
#none {
display:none;
position:absolute;
width:140px;
height:171px;
left:729px;
top:17px;
z-index:89;
}

p a, p a:link, p a:visited, a, li a, li a:link, li a:visited {
color:#990000;
text-decoration:none;
}
p a:hover, a:hover, li a:hover {
text-decoration:underline;
}