body
{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
	background-color: #333;
	scrollbar-base-color: #333; 
	scrollbar-track-color: #333; 
	color: #cff;
	font-size: 12px;
	font-family: trebuchet ms, arial;
	line-height: 1.6 em;
}
table
{
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}
p {text-align: justify;}
#invis {color: #666667; font-size: 5px; letter-spacing: 11px; line-height: 0.1px;}

#layer-deco3
{
	float: right; 
	height: 605px;
	width: 5%;
	background: url(decor/dentelle-haut-d.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
#header1
{
	height: 200px;
	width: auto;
	margin: 0 5%;
	padding: 0;
	background: url(http://angelsanctuary.free.fr/decor/header0.jpg) repeat-x #70727f; /* url(decor/header.jpg) repeat-x  remplacé par l'echo image dans index  #858d95 vert d'eau*/
}
#menu-main
{
	position: relative; 
	z-index: 5;
	margin-top: 0;
	margin-right: 0;
	padding: 0;
	width: 351px;
	height: 200px;
	background: url(decor/dentelle-haut-g.gif);
	float: right;
	filter: alpha(opacity = 77);
	opacity: .77;
}
#header2
{
	height: 50px;
	width: auto;
	margin: 0 5%;
    padding-left: 0; /*24px;*/
	padding-right: 0; /*217px;*/
	background: url(decor/dentelle-milieu.jpg) top right no-repeat #6f727f;
}
#bg-content
{
	position: absolute; 
	margin: 0 5%;
	padding: 0;
	padding-left: 2px; /*hack opera */
	background: url(decor/lace2.jpg) top right repeat-y #666675;
	height: auto;
	min-height: 720px;
	width: auto; /* 90% IE hack // ou auto pour FF */
	z-index: 1;
}
#layer-deco
{
	position: relative; 
	z-index: 3;
	padding: 0;
	background: url(decor/lace.jpg) bottom left repeat-y;
	width: auto;
	height: auto;
}
#layer-deco2
{
	position: relative; 
	z-index: 3;
	padding: 0;
	background: url(decor/dentelle-bas.jpg) top right no-repeat;
	width: auto;
	height: auto;
	float: right;
}
#content
{
	/*position: relative; 
	z-index: 10;*/
	width: auto;
	margin: auto;
    padding: 2px 21px 10px 24px;
}
#footer
{
	z-index: 2;
	margin: 0;
	margin-left: -2px; /*hack opera */
	padding: 0;
	color: #666675;
    font-size: 10px;
	text-align: center;
	background: url(decor/lace2-bas.jpg) top right no-repeat #333;
	width: auto; /* ff2 */
}

a {color: #fff; text-decoration: none;}
a:hover {color: #6ae5f5; text-decoration: none;}
a:visited {color: #a5abac; text-decoration: none;}
a:visited:hover {color: #6ae5f5; text-decoration: none;}

#yks2           {vertical-align: middle; margin-bottom: 2px; border: 0; background: url(misc/yks2.gif);} /* = nob-small 129-12px */
#yks2:hover {vertical-align: middle; margin-bottom: 2px; border: 0; background: url(misc/yks2.gif) bottom;}

img {border: solid 1px #534f66;}
img#small {border: solid 1px #534f66; vertical-align: middle; margin-bottom: 2px;}
img#nob {border: 0;}
img#nob-post-ie {border: 0;} /* juste pour IE */
img#nob-small {border: 0; vertical-align: middle; margin-bottom: 2px;}
img#nob-small2 {border: 0; vertical-align: middle; margin-bottom: 2px;}
img#nob-small2:hover{padding: 0 3px;}
img#nob-small2:visited:hover {padding: 0 3px;}
img#nob-haut {border: 0; margin-bottom: 1.5px; margin-top: -2px;}
img#workimg {border: solid 2px #70727f; margin: auto; margin-top: 7px; margin-left: 13px; width: 180px; height: 170px;}

tbody#bib td {border: solid 1px #534f66; border-color: #534f66;}
#bib-ieff {height: 1283px;} /* different sous ie */
#bib-tdfr {width: 230px; vertical-align: top; background: #666675; 
filter: alpha(opacity = 74); opacity: .74;}

h1
{
	border-bottom: 3px double #6ae5f5;
	background: url(decor/puce1.gif) left no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	font-family: helvetica, tahoma, verdana, arial;
	font-size: 14px;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #6ae5f5;
}
h1:hover, h2:hover, h3:hover, h6:hover, .h7:hover, #news-site:hover {background-color: #777787; filter: alpha(opacity = 74); opacity: .74;}
h2
{
	border-bottom: 1px dotted #6ae5f5;
	background: url(decor/puce1.gif) top left no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	font-family: ms sans serif, helvetica, verdana;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #6ae5f5;
}
h3
{
	border-bottom: 1px dotted #9ab;
	background: url(decor/puce3.gif) top left no-repeat;
	padding-left: 10px;
	padding-top: 2px;
	font-family: ms sans serif, helvetica, verdana;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #cff;
}
h6		/* special CREDITS-SOURCE*/
{
	border-bottom: 1px dotted #9ab;
	text-align: right;
	margin-bottom: 0;
	font-family: ms sans serif, helvetica, verdana;
	font-size: 11px;
	letter-spacing: 1.5px;
	color: #abc;
}
.h7		/* doujin */
{
	border-bottom: 1px dotted #9ab;
	margin-bottom: 5px;
	font-family: ms sans serif, helvetica, verdana;
	font-size: 11px;
	font-weight: bold; 
	letter-spacing: 0.5px;
	color: #6ae5f5;
	display: block;
}
.hrp		/* hr pointillé */
{
	border-top: 1px dotted #9ab;
	margin-top: 5px;
	display: block;
}
#credit
{
	text-align: right;
	font-size: 10px;
	filter: alpha(opacity = 80); 
	opacity: .8;
}

#bras
{
	padding-top: 7px;
	/*margin-left: -24px;*/
	height: 43px; 
	background: url(decor/header-bras.jpg) no-repeat;
	overflow: auto;
}

.form
{
	border: 1px dotted #6ae5f5; 
	padding: 2px 3px; 
	background-color: #666675; 
	color: #cff;
	font-size: 10px;
	filter: alpha(opacity = 80);
	opacity: .8;
	/*margin-left: 24px; remplacé par le margin du tableau dans l'index */ 
}
.submit
{
	border: 1px dotted #6ae5f5; 
	padding: 1px 3px; 
	width: 19px;
	background: url(decor/search.gif) no-repeat #666675; 
	color: #666675;
	font-size: 10px;
	cursor: pointer;
}

.cursor { cursor: pointer;}
.raye { text-decoration: line-through;}
.en { color: #9ab; letter-spacing: 0.03px; font-style: italic;}
.enn { color: #9ab; letter-spacing: 0.03px; font-style: italic; margin-left: 14px; float: right; font-family: arial; letter-spacing: 1.1px; font-size: 11px}
.emph { color: #6ae5f5; line-height: 15px;}		/* EMPHASE version vive */
.emph2 { color: #5e989f; line-height: 15px;}		/* EMPHASE version moins claire */
.impt1 { font-style: italic;}		/* IMPORTANT v1 (ancien italique) */
.impt2 { border-bottom: dotted 1px;}		/* IMPORTANT v2 (ancien souligné) */
font#cap {font-variant: small-caps;}
.small
{
	font-family: trebuchet ms, arial, verdana;
	font-size: 9px;
	letter-spacing: 0.03px;
	line-height: 12px;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity = 50); 
	opacity: .5;
}
.small2
{
	font-family: trebuchet ms, arial, verdana;
	font-size: 9px;
	letter-spacing: 0.03px;
	line-height: 10px;
}
.smallen
{
	color: #aaa; 
	font-family: trebuchet ms, arial, verdana; 
	font-size: 9px; 
	letter-spacing: 0.03px; 
	font-style: italic;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity=50); 
	opacity: .5;
}
.onglet
{
	background: #777787;
	padding: 0 8px;
	margin: 0;
	border: 1px solid #9ab;
	border-bottom: none;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #6ae5f5;
} 
.onglet a {color: #cff}
.onglet a:hover {color: #6ae5f5; font-size: 13px; font-weight: bold;}
.onglet2	/* l'onglet SELECTIONNE */
{
	background: #7b8792;
	padding: 0 8px;
	margin: 0;
	border: 1px solid #9ab;
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #fff;
} 
/*.onglet2 a {color: #fff}*/
/*.onglet2 a:hover {color: #6ae5f5;}*/

#postit
{
	float: right; 
	width: 250px; 
	margin: -3px -3px 8px 9px;
	filter: alpha(opacity = 88); 
	opacity: .88;
}
#postit-work
{
	float: right; 
	width: 250px; 
	margin: -3px 16px 3px 27px;
	filter: alpha(opacity = 88); 
	opacity: .88;
}
p.postit
{
	padding: 0px 21px 0px 19px; 
	background: url(decor/postit-fond.gif) repeat-y; 
	margin-top: 0; /* -5px; sous IE */
}
p.postit-work
{
	padding: 0px 21px 0px 19px; 
	background: url(decor/postit-fond.gif) repeat-y; 
	margin-top: 0; /* -3/-5px; sous IE */
	text-align: left;
}
#news-site
{
	border: 1px dotted #9ab;
	padding: 1px 15px;
	margin: 24px 1%;
	clear: both;
	background-color: #666675; filter: alpha(opacity = 82); opacity: .82;
}
#news-yuki
{
	border: 2px solid #6ae5f5;
	padding: 1px 15px;
	margin: 24px 1%;
	background-color: #666675; filter: alpha(opacity = 82); opacity: .82;
}
#news-yuki:hover {background-color: #707783; filter: alpha(opacity = 74); opacity: .74;}
h4 /* news site */
{
	background: url(decor/puce3.gif) top left no-repeat;
	padding-left: 10px;
	margin-top: 0;
	font-family: ms sans serif, helvetica, verdana;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #cff;
}
h5 /* news yuki */
{
	background: url(decor/puce3.gif) top left no-repeat;
	padding-left: 10px;
	margin-top: 0;
	font-family: ms sans serif, helvetica, verdana;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #6ae5f5;
}

#galerie
{
	float: right;
	width: 178px;
	margin: 0 -11px 4px 10px;
	padding: 0;
	text-align: center;
}
#vign {width: 50px; height: 50px;}
.v1 {height: 80px}
.colo1 {color: #b40026; font-weight: bold} /*A5*/
.colo2 {color: #3ee93a; font-weight: bold} /*B5*/
.insp {width: 140px; height: 25px;}
#dj
{
	width: 50%;
	vertical-align: top;
	font-size: 10px; 
	padding: 7px;
	background: #70727f;
	border: 1px solid #534f66;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=82);
	filter: alpha(opacity = 82); 
	opacity: .82;
}
#tome
{
	float: left; 
	margin: 0 15px 15px 0; 
	text-align: center; 
	width: 109px; 
	padding: 4px; 
	background-color: #70727f; 
	border: 1px solid #534f66;
	font-size: 10px;
	filter: alpha(opacity = 80); opacity: .80;
}
#tome2 /* DELUXE FR */
{
	float: left; 
	margin: 0 16px 16px 0; 
	text-align: center; 
	width: 152px; 
	padding: 5px; 
	background-color: #70727f; 
	border: 1px solid #534f66;
	font-size: 10px;
	filter: alpha(opacity = 80); opacity: .80;
}
#vg-tome
{
	margin-bottom: 4px;
	height: 130px;
	/*width: 83px;*/
}
#vg-tome2
{
	margin-bottom: 4px;
	height: 121px; /* BUNKO */
	width: 83px;
}
#vign-as
{
	float: left; 
	margin: 0 16px 16px 0; 
	text-align: center; 
	width: 95px;
	display: block;
}

#conte
{
	margin-left: 40px;
	margin-right: 40px;
	padding: 8px 20px;
	border: 3px double #534f66;
	background: #70727f;
	filter: alpha(opacity = 75); opacity: .75;
}
#table-talk
{
	text-align: left; 
	padding: 5px; 
	border: solid 1px #534f66; 
	background: #70727f;
}
#table-talkimg
{
	margin: 3px 0; 
	width: 98%; 
	position: relative;
}
#wallp
{
	float: left; 
	margin: 0 16px 16px 0; 
	text-align: center; 
	width: 170px; 
	padding: 5px; 
	background-color: #70727f; 
	border: 1px solid #534f66;
	font-size: 10px;
}
.ml-lgd /* legende */
{
	clear: left; 
	width: 560px; 
	text-align: center; 
	font-size: 10px; 
	color: #6ae5f5; 
	letter-spacing: 1pt; 
	font-style: italic; 
	font-family: comic sans ms;
}

/* MENU SECONDAIRE affichage pour chacun */
#interviews {visibility: hidden; text-align: center; margin: -10px 255px 0 172px; position: absolute; z-index: 10;} /* pas de -10px sous IE*/
#works {visibility: hidden; text-align: center; margin: -10px 259px 0 167px; position: absolute; z-index: 11;}
#download {visibility: hidden; text-align: center; margin: -10px 260px 0 172px; position: absolute; z-index: 12;}
#fanwork {visibility: hidden; text-align: center; margin: -10px 260px 0 172px; position: absolute; z-index: 13;}
#products {visibility: hidden; text-align: center; margin: -10px 260px 0 172px; position: absolute; z-index: 14;}
#site {visibility: hidden; text-align: center; margin: -10px 260px 0 172px; position: absolute; z-index: 15;}
#bibliod {visibility: hidden; text-align: center; margin: -10px 260px 0 172px; position: absolute; z-index: 16;}


/* nouveaux tooltips, par http://peutetreunereponse.over-blog.com/article-6614978.html */

a.tooltip em {display:none;}
a.tooltip {color: #6ae5f5;}
a.tooltip:visited {color: #6ae5f5;}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
	cursor: help;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -20px;
    padding: 5px;
    color: #cff;
    border: 1px solid #534f66;
    background: #70727f;
    width: 170px;
}
a.tooltip:hover em span { /* la ptite fleche */
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(decor/infobulle.gif);
    margin: 0;
    padding: 0;
    border: 0;
}

a.tool2 em {display:none;} /* version pour les fiches persos AS */
a.tool2:visited {color: #fff;}
a.tool2:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
	cursor: help;
}
a.tool2:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -60px;
    padding: 10px;
	text-align: justify;
    color: #cff;
    border: 1px solid #534f66;
    background: #70727f;
    width: 234px;
	font-size: 11px;
	font-family: tahoma, trebuchet ms;
	line-height: 15px;
}

a.tool3 em {display:none;} /* version MUSIQUE.HTM */
a.tool3:visited {color: #ddd;}
a.tool3:hover {
    /*border: 0;*/
    position: relative;
    text-decoration:none;
	cursor: help;
}
a.tool3:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -60px;
    padding: 10px;
	text-align: center;
    color: #ddd;
    /*border: 1px solid #000;*/
    background: #333;
    width: 145%;
	font-size: 12px;
	font-family: trebuchet ms;
	line-height: 15px;
}
a.tool3:active em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -60px;
    padding: 10px;
	text-align: center;
    color: #ddd;
    /*border: 1px solid #000;*/
    background: #333;
    width: 145%;
	font-size: 12px;
	font-family: trebuchet ms;
	line-height: 15px;
}
/* fin */



/* TOOLTIP oeuvres/works - le lien visible */
a.notework {position: relative; text-decoration: none; color: #fff;}
a:hover.notework {text-decoration: none;}

/* TOOLTIP oeuvres/works - le texte caché */
a.notework span {display: none;}
a:hover.notework span {display: none; color: #cff;}
a:focus.notework span {position: relative; display: block; border: 0; color: #cff;}
a:active.notework span {position: relative; display: block; border: 0; color: #cff;}




/* TOOLTIP biblio - le lien visible */
a.zoom {position:relative; text-decoration: none;}
a:hover.zoom {text-decoration: none;}

a.zoom2 {position:relative; text-decoration: none; color: #6ae5f5;}
a:hover.zoom2 {text-decoration: none; color: #6ae5f5;}
a:visited.zoom2 {text-decoration: none; color: #6ae5f5;}

a.note {position:relative; text-decoration: none; color: #6ae5f5;}
a:hover.note {text-decoration: none; color: #6ae5f5;}
a:visited.note {text-decoration: none; color: #6ae5f5;}


/* TOOLTIP biblio  - l'image cachée */
a.zoom span {display: none;}
a:hover.zoom span {position: absolute; 
display: inline;
top: -40px;
left: -29px;
z-index: 50;
border: solid 1px;
}
a.zoom2 span {display: none;}
a:hover.zoom2 span {position: absolute; 
display: inline;
top: 19px;
left: 1px;
z-index: 51;
border: double 2px;
}
a.note span {display: none;}
a:hover.note span {position: absolute; 
display: inline;
top: 20px;
left: -60px;
z-index: 51;
border: solid 1px #7c508c; padding: 5px;
background-color: #30113a;
}



/* POP UP des resultats de la recherche par FreeFind*/

#ffresult_win
{
	z-index:1; 
	padding: 20px 0 16px 0; 
	margin:0px; 
	width:720px;
	height:700px; 
	border:none; 
	display:none; 
	position:absolute; 
	top:0px; 
	left:0px;
}
#ffresult_bar
{
	cursor: move; 
	z-index:5; 
	position:absolute; 
	top:0px; 
	left:0px; 
	background-color: #333333; 
	padding:0; 
	text-align: right; 
	width:100%; 
	height:20px; 
	display:block; 
	border: 2px solid #534f66; 
	border-bottom: 0px;
}
a#ffrclose /* juste le texte pour fermer la POP UP */
{
	z-index: 6;
	font-family: trebuchet ms, sans-serif, arial; 
	font-size: 11px; 
	color: #cff;
}
#ffresult_2
{
	z-index:7; 
	position: relative; 
	height: 100%; 
	background-color:white; 
	display:block;
}
#ffresult_cvr
{
	z-index:0; 
	position:absolute; 
	top:0px; left:0px; 
	display:block; 
	width:100%; 
	height:100%;
}
#ffresult_ifr /* iframe chargee a l'interieur */
{
	z-index:1; 
	position:absolute; 
	top:0px; 
	left:0px; 
	border:solid; 
	border-width: 0px 1px 0px 1px; 
	border-color: #333333;
}
#ffresult_btm
{
	position:absolute; 
	bottom:-1px; 
	left:0px; 
	border:solid; 
	border-color: #333333; 
	border-width: 1px; 
	border-top: 0px; 
	display: block; 
	z-index:18; 
	background-color: #333333; /*#d0d0d0; */
	width:100%; 
	height:16px;
}
#ffresult_sbx /* onmousedown="ffresults.drag(event,true);*/
{
	cursor: se-resize; 
	float:right; 
	border:none; 
	border-color: #333333; 
	border-width: 0px; 
	width:16px; 
	height:16px;
}



/* DVD DELUXE EDITION 2004 - FOND GENERAL des MENUS */
div#illust-fond {
	border: solid 1px #333;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 720px;
	height: 540px;
	z-index: 1;
}
/* DVD DELUXE EDITION 2004 - MENU PCP principal */
/* dans dvdmenu.css */

/* DVD DELUXE EDITION 2004 - galerie d'illustrations MENU  */

div#illust-menu {
	position: absolute;
	padding: 0;
	margin-left: 370px;
	margin-top: 0px;
	z-index: 5;
}
ul {
	position: absolute;
	width: 255px;
	top: 168px;
	left: 0px;
	padding-top: 0px;
	background: transparent url(yuki/dvddeluxe2004/illust-menu-liste.jpg) top left no-repeat;
	height: 248px;
	overflow: hidden;
}
ul, li { /* Liste pour les 2 menus */
	list-style-type: none;
	margin:0;
	padding:0;
}
li {display: inline;}	/* correction pour IE5 et IE5.5 */
li a {
display: block;
height: 62px;
width: 255px;
text-decoration: none;
}
li a:hover {background: transparent url(yuki/dvddeluxe2004/illust-menu-liste.jpg) top left no-repeat;}


/* Décalage de l'arrière-plan pour chaque bouton */
a#menu01:hover {background-position: 0 -248px;}
a#menu02:hover {background-position: 0 -310px;}
a#menu03:hover {background-position: 0 -372px;}
a#menu04:hover {background-position: 0 -434px;}
/* Spécial 5e bouton : "menu" */
div#menu05 {position: absolute;
	left: 0px;
	top: 460px;
	margin-left: 61px;
	padding-top: 0px;
	background: transparent url(yuki/dvddeluxe2004/illust-menu-menu.gif) top left no-repeat;
	width: 131px;
	height: 35px;
	overflow: hidden;
}
a#menu05 {
display: block;
width: 131px;
height: 35px;
}
a#menu05:hover {
background: transparent url(yuki/dvddeluxe2004/illust-menu-menu.gif) top left no-repeat;
background-position: 0 -35px;
}


/* DVD DELUXE EDITION 2004 - galerie d'illustrations PAGES */

div#illust-imgl {
	position: absolute;
	margin: 0;
	padding-left: 86px;
	padding-top: 74px;
	z-index: 5;
}
div#illust-imgh {
	position: absolute;
	margin: 0;
	padding-left: 238px;
	padding-top: 74px;
	z-index: 5;
}
div#illust-imgc {
	position: absolute;
	margin: 0;
	padding-left: 190px;
	padding-top: 74px;
	z-index: 5;
}
div#illust-boutons {
	position: absolute;
	margin: 0;
	padding-left: 81px;
	padding-top: 460px;
	white-space: nowrap;
	z-index: 2;
}

div#pload {position: absolute;
	top: -5000px;
	left: -5000px;
	height: 1px;
}