.nw { white-space:nowrap; }

@font-face {  
	font-family:Zapf1;  
	src: url(fonts/zapf.ttf) format('truetype');
}
@font-face {  
	font-family:Zapf2;  
	src:url(fonts/zapf.eot);
}

.ZapfVoiceTitle {
	font-family:Zapf1, Zapf2, sans-serif;
	padding-top:140px;
	font-size:25px;
	text-align:center;
	color:brown;
}
.ZapfVoiceTitle a {
	color:brown !important;
}

.ZapfVoice {
	font-family:Zapf1, Zapf2, sans-serif;
	font-size:20px;
	text-align:center;
	color:black;
}


.ZapfTombTitle {
	font-family:Zapf1, Zapf2, sans-serif;
	font-size:20px;
	text-align:center;
	color:brown !important;
}
.ZapfTomb {
	font-family:Zapf1, Zapf2, sans-serif;
	font-size:16px;
	line-height:20px;
	text-align:center;
	color:black !important;
}

.ZapfPaper {
	font-family:Zapf1, Zapf2, sans-serif;
	font-size:20px;
	text-align:center;
	color:black;
	font-weight:bold;
}

.ZapfChapter {
	font-family:Zapf1, Zapf2, sans-serif;
	font-size:16px;
	text-align:center;
	color:white;
}

.ZapfTitle {
	font-family:Zapf1, Zapf2, sans-serif;
	font-size:16px;
	text-align:center;
	color:yellow;
}





a {
    color: lime;
    text-decoration: none;
}
a img {
	border:0;
}

a:link { color: blue; text-decoration: none }

a#section {color: brown;}


a:hover#section {
    color: yellow;
    background-color: red;
}

a:hover#chapter {
    color: yellow;
    background-color: red;
}




.c { text-align:center; }
.flt_c { float:center; }
.flt_l { float:left; }
.cls { clear:both; }

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    text-align: justify;
    color: #FFFFFF;
}

table#main {
  background-image:url(../images/fonds/pierre.jpg);
  background-position:top left;
  background-repeat:repeat;
}

body {
    SCROLLBAR-FACE-COLOR: #661100;
    SCROLLBAR-HIGHLIGHT-COLOR: #DDDDDD;
    SCROLLBAR-SHADOW-COLOR: #661100;
    SCROLLBAR-3DLIGHT-COLOR: #661100;
    SCROLLBAR-ARROW-COLOR: #EEEEEE;
    SCROLLBAR-TRACK-COLOR: #DDDDDD;
    SCROLLBAR-DARKSHADOW-COLOR: #440000;
	overflow:hidden;
}


a.quoteAuthor {
	font-family:Zapf1, Zapf2;
	vertical-align:bottom;
	font-size:18px;
	color:blue;
}
a.quoteAuthor2 {
	color:lime;
}
a.quoteAuthor3 {
	color:brown;
}

a:hover#chorusChap {
    color: yellow !important;
    background-color:red;
}

a#chorusGoChap {
    color: yellow;
}

a:hover#chorusGoChap {
    color: yellow;
    background-color: red;
}

td a:hover {
    color: #000066;
    background-color: #FFFF00;
}

.intro { color:yellow; font-size:2em;}
.chorus { color:white; font-size:2em;}

.quo_sub { color:yellow; vertical-align:sub; font-size:7px;}
.max_sub { color:white; vertical-align:sub; font-size:0.8em;}
.nb_sup { color:yellow; vertical-align:super; font-size:0.8em;}

div#buttonTexte {
	position:fixed !important;
	position:absolute;
	bottom:0px;
	background-fixed:fixed;
	background-repeat:no-repeat;
	width:200px;
	height:25px;
	background-position:bottom center;
}

div#logo {
	position:fixed !important;
	position:absolute;
	bottom:0px;
	background-fixed:fixed;
	background-repeat:no-repeat;
	width:140px;
	height:65px;
	right:0px;
	text-valign:bottom;
	background-position:bottom right;
}

div#scrollTxt {
	width:100%;
	overflow:auto;
	marginheight=0;
	marginwidth=0;
	frameborder=0;
	scrolling=no;
}

div#tomb {
	width:250px;
	height:250px;
	background-fixed:fixed;
	background-repeat:no-repeat;
	background-position:center center;
}

#footer{
	position:fixed !important;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:65px;
	text-align:center;
}
#footer a.left { float:left; }
#footer a.right { float:right; }

#content{
	height:100%;
	overflow:auto;
 }
 
 .quoteAuthor_ {
	font-family:Zapf1, Zapf2;
	vertical-align:bottom;
 }
 
  .maximtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
 	color:white;
 /* 	font-weight:bold;	*/
}
 
 .maximtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:yellow;
}
 
 .maximfootnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#08f7fa;
 }
 
 .voicefootnote {
	text-align:left;
	margin-top:110px;
	margin-left:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CDF;
	text-shadow:0px 0px 8px #6FF;
 }
 
 .quotetxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:black;
}
 
 .introtitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:yellow;
 }
 
.introtxt {
	font-family:Zapf1, Zapf2, 'Comic Sans MS', 'Monotype Corsiva', Verdana;
	font-size:25px;
	color:yellow;
}
  
div.chapterpicture {
	width:590px;
	height:390px;
	margin:0 auto 0 auto;
	background-repeat:no-repeat;
	background-position:center center;
}

div.chapterintrotxt {
/*	padding-top:156px;	*/
	padding-top:20px;
	text-align:center;
} 

div.mirror {
	width:350px;
	height:480px;
	margin:0 auto 0 auto;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	background-image:url(images/fonds/miroir.jpg);
 }

 
 
/* CSS for the scrollers */
div.vertical_scroller {
	position:relative;
	display:block;
	margin:0 auto 0 auto;
	overflow:hidden;
	font-family:Zapf1, Zapf2, sans-serif;
	border:0px;
	text-align:left;
}

div.scrollingtext {
	position:absolute;
	text-align:center;
	width:100%;
}
div.scrollingtext a {
	color:#FF0;
	text-decoration:none;
}
div.scrollingtext a:hover {
	text-decoration:underline;
}

div.scroll_intro {
	margin-top:10px;
	width:520px;
/*	height:158px;	*/
	height:295px;
	font-size:24px;
	color:#FF0;
}

div.scroll_voice {
	margin-top:10px;
	width:200px;
	height:140px;
	font-size:18px;
	color:#000;
}


/***************************************************************************************/

table.chapters {
	background-image:url(images/fonds/tissu.jpg);
	border-collapse:collapse;
	border:3px double #999;
	width:100%;
	margin-bottom:1.5em;
}

table.chapters td {
	font-size:16px;
	width:24%;
	border:0px;
	border-right:1px solid white;
	font-family:Zapf1, Zapf2, sans-serif;
	color:white;
	text-align:center;
	padding:0.7em;
	vertical-align:top;
}

table.chapters td a.titre {
	color:yellow;
	font-size:110%;
}

table.chapters td a.titre:hover {
	background-color:red;
}