/* CSS Document */

html,
body,
#paulbiss{
	margin:0px;
	padding:0px;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px}

#paulbiss{
	height:100%}

html{
	background-color:#fff;
	}	
h1{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	}
	

hr{
	clear:both;
	height:0px;
	width:0px;
	margin:0px;
	padding:0px;
	visibility:hidden;
	color:#FFFFFF;}
	
a:link{
	color:#99FF00;
	text-decoration:none}
a:hover{
	color:#FFFFFF}
a:visited{
	color:#003366}
a:active{
	color:#FF0000}
	
.ecrire{color:#21edff;}
.small{font-size:0.6em}
.italics{font-style:italic}
.underlined{text-decoration:underline}
.emphasis{
	color:#000000}
#print{
	display:none;
	visibility:hidden}	
#bio{text-align:left}
#bio li{
	height:2.6em;}
#intro{text-align:left}
.partage{text-align:left}
.partage li{
	display:block;
	list-style-type:none;
	}
#object{
	text-decoration:underline;
	font-weight:600}

#paulbiss{
	position:relative;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}

#img_gallery{
	margin-left:auto;
	margin-right:auto}

#menu ul,
#menu{
	width:0px;
	visibility:hidden;
	display:none}

#menu_droite ul,
#menu_droite{
	width:0px;
	visibility:hidden;
	display:none}

#rss{
	display:none}

#contenu_chanson{
	padding:4px;

	}

#contenu{
	padding-top:3%;
/*	height:90%;*/
	text-align:left;
	color:#FFFFFF;
	line-height:17px;
	padding-left:6px;
	width:600px;
	margin-left:auto;
	margin-right:auto}
	
#contenu li{
	list-style-type:none;
	text-align:left}

li#active a{
	color:#21edff}	

#footer{
	position:relative;
	top:180px;
	text-align:center;
	}	
	
#footer li{
	display:inline;
	width:150px;
	background-color:#003333}

h2.close{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;}

	
.grey{
	color:gray}	
	
.date{
	font-family:"Courier New", Courier, monospace;
	font-weight:600;
	display:inline-block;
	margin-right:15px;
	border-bottom-style:dotted;
	border-bottom-width:thin;
	border-bottom-color:#FF0000;
	width:105px}	


/*** RSS ***/

#rss{
	position:relative;
	top:30px;}
	
#rss h2{
	color: #e57b00;
	height:10px;
	font-size:10px}

#rss ul{
	display:inline}

#rss ul li{
	display: inline;
	color: #bababa;
	margin: 0;}

#rss ul li a{
	color: #e57b00;}

#rss ul li a:hover{
	text-decoration: none;}



/***************** Style for changing the font size ************************/

	
div.slider div.knob {
	background: #000;
	width: 16px;
	height: 16px;}
	
div.advanced {
	width: 100px;
	background: url('../images/slider.png') 0 center repeat-x;}
	
div.advanced div.knob {
	background: no-repeat center center;
	cursor: pointer;}
	
div#fontChange div.knob {
	background-image: url('../images/red.png');
	position:absolute;
	left:150px;
	top:0px}

#fixed{
	position:absolute;
	left: 0px;
	font-size:10px;
	float:left}	
#fontChange{
	position:absolute;
	left:0px;}

/* Style livre d'or */

#livre_d_or{
	background-image:url('../images/Test_livre_dor.png');
	height:800px;
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:0}

	
.auteur{
	position:relative;
	font-family:Tahoma, Georgia, "Times New Roman";
	font-size:14px;
	font-weight:700;
	color:#006699;
	text-align:left;}	

.date_livre{
	position:relative;
	font-size:10px;
	color:#808080;
	font-weight:600;
	text-align:left;}

.texte{
	position:relative;
	padding-top:6px;
	padding-left:12px;
	color:#003366;
	text-align:left;}	
	
.texte:first-line{
	font-weight:800}	
	
#message1,
#message2,
#form_livre{
	position:absolute;
	width:385px;
	height:185px;
	line-height:1;
	text-align:left}	

#message1{
	left:212px;
	top:255px;
	padding-left:5px;
	clear:both}
#message2{
	left:390px;
	top:454px;
	width:345px}	
#form_livre .auteur{
	padding-top:8px}	

#message1 .auteur{
	padding-top:35px;
	padding-left:13px;}	
#message2 .auteur{
	width:345px;}
	
#image0{
	float:left;
	height:72px;
	width:80px;
	padding:10px;}
#image1{
	height:90px;
	width:120px;
	float:right;}

#message1 .date_livre{
	padding-left:13px;}
		
#form_livre h4{
	margin-top:0px;}

#form_livre label{
	padding-left:3px;
	display:block;
	width:130px;
	float:left;}	

#livreSubmit{
	position:absolute;
	top:130px;
	left:20px;}