body{
	background:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	}
div#entete{
	background:#000;
	color:#fff;
	margin:0px;
	width:1000px;
	height:90px;
	}
	
#liensRef
{
width:800px;
float:left;
}	
	
div#texte{
	background:#000;
	color:#fff;
	height:90px;
	float:left;
	}
	
div#texte
{
height:90px;
height: 100px;
}	
	
div#banniere_droite
{
height:90px;
margin-left:359px;
}

div#banniere
{
height:76px;
width:358px;
background-image:url(images/banniere.jpg);
float:left;
}
	
div#container{
	width:930px;
	margin-left:auto;
	margin-right:auto;
		
	}
	
div#livrehaut{
	margin-left:75px;
	margin-top:25px;
	margin-bottom:0px;
	margin-right:0px;
	height:40px;
	background-image:url(images/fondlivre_haut.jpg);
	background-repeat:no-repeat;
	}
div#menu{
	width:75px;
	float:left;
	position:relative;
	right:-10px;
	
	}


div.bouton{
text-align:right;
margin-bottom:18px;
margin-right:10px;
width: 90px;
height: 34px;
}
div.bouton:hover{
text-align:right;
margin-bottom:18px;
margin-left:0px;
width: 90px;
height: 34px;
}

div.bouton2{
text-align:right;
margin-bottom:18px;
margin-left:0px;
}
div.bouton2:hover{
text-align:right;
margin-bottom:18px;

margin-left:10px;
}

div.bouton2{text-align:left;}

div#livrecontenu{
	
	width:780px;
	overflow:hidden;
	min-height:460px;
	background-image: url(images/fondlivre_contenu.jpg);
	float:left;
	}

div#menu2{
	width:75px;
	float:left;
	left:-20px;
	position:relative;
	}	
	
div#livrepied{
	margin:0px 0px 0px 75px;
	float:left;
	background-image: url(images/fondlivre_bas.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:40px;
	}
div#txtgauche{
	width:300px;
	float:left;
	margin-left:50px;}
div#txtdroit{
	width:300px;
	margin-left:420px;}
	
	div#txtdroit2{
	width:100px;
	
	float:left;
	}
	
div#tache
{
width:75px;
height:100px;
margin-left:10px;
float:left;
}

div#menuhaut{
	background:#000;
	padding-top:5px;
	padding-left:100px;
	height:15px;
	}

.icones
{
float:left;
margin-right:10px;
}

h1{margin:0px 0px 15px 0px;}

h2{
font-size:16px;
font-weight:bold;
text-align:center;
margin:0px;
}

h3{
font-size:14px;
font-weight:bold;
margin:0px;
}

h1
{
font-size:17px;
font-weight:bold;
text-align:center;
}
p{
	margin:0px;
	padding:0px;
	text-align:justify;
	}
	
a img{border: none;}

.decalage
{
width: 300px;
}

span.statutlivre
{
color:red;
float:right;
}
span.statutlivre3
{
color:green;
float:right;
}
span.statutlivre4
{
color:blue;
float:right;
}

span.statutlivre2
{
color:red;
float:right;
margin-right:20px;
}

p.pseudo
{
display:block; 
margin-left:50px;
margin-top:6px;
color:#000000;
font-weight: bold;
}

a.forum2
{
height: 30px;
width: 170px;
background: url(images/forum.jpg);
display:block; 
}

a.forum2:hover
{
height: 30px;
width: 170px;
background: url(images/forum2.jpg);
display:block; 
}


#inscription
{
height: 60px;
width: 82px;
float: left;
margin-left:15px;
}

#forum
{
height: 30px;
width: 165px;
margin-left:15px;
float: left;
}

a.jeunesse
{
height: 31px;
width: 125px;
margin-left:10px;
margin-top:15px;
background: url(images/jeunesse.jpg);
display:block; 
}


a.inscription2
{
height: 31px;
width: 82px;
background: url(images/inscription.jpg);
display:block; 
}

a.inscription2:hover
{

height: 31px;
width: 82px;
background: url(images/inscription2.jpg);
display:block; 
} 

div#connexion
{
width: 500px;

}

a.fav
{
float: left;
width:200px;
}

#page
{
margin-left:23px;
height: 30px;
width: 220px;
float:left;
text-align:right;
}

#nomlivre
{
margin-left:75px;
height: 30px;
width: 200px;
float:left;
text-align:left;
}

#precedent
{
margin-left:23px;
top:-35px;
position:relative;
height: 75px;
width: 78px;
float:left;
}

#precedent:hover
{
margin-left:23px;
top:-35px;
position:relative;
height: 75px;
width: 78px;
background: url(images/precedent.png);

}

#suivante
{
margin-left:646px;
top:-35px;
position:relative;
height: 78px;
width: 87px;
}
#suivante:hover
{
margin-left:646px;
top:-35px;
position:relative;
height: 78px;
width: 87px;
background: url(images/suivante.png);

}

.btmaj
{
margin-left:70px;
}
.btmaj2
{
margin-left:100px;
}

.textareacentrer
{
margin-left:15px;
}

.invisible2
{
margin-top:4px;
position:relative;
}

.invisible
{
top:-28px;
margin-left:15px;
position:relative;
}

.pseudoetpasse
{
color:#ffffff;
}

a.test
{
height:100px;
width:100px;
}

.data
{
text-align: left;
width: 175px;
}

table#sample {
    width: 330px;

}

a
{
text-decoration:none;
font-family: Georgia;
color:#ff0000;
}

#bienvenue
{
color:#FFEF00;
font-family: Georgia;
padding-left:10px;
background-image: url(img/cadre.jpg);
width: 280px;
height: 90px;
padding-left : 20px;
color:#ffffff;
margin-left:300px;
}
#bienvenue a
{
color : #ffffff;
}

#menuhaut a
{
color : #ffffff;
}

#espaceblanc
{
color:#FFEF00;
font-family: Georgia;
padding-left:10px;
width: 270px;
height: 90px;
padding-left : 20px;
color:#ffffff;
float:left;
text-align:right;
}

#espaceblanc a
{
color : #ffffff;

}

p.profil
{
text-align:center;
display:block;
padding-right:20px;
}

.deconnexion
{
margin-top:60px;
margin-left:70px;
float: left;
}



#tableauadmin
{
text-align:center;
width: 300px;
margin-left:auto;
margin-right:auto;
background-color:#333333;
}

.data
{
text-align: left;
width: 175px;
}





span.rouge{ color:#ff0000;}
span.rose{ color:#FB04FB;}
span.noir{ color:#000000}
span.bleu{ color:#0000FF;}
span.gris{ color:#808080;}
span.vert{ color:#008000;}
span.vertclaire{ color:#00FF00;}
span.marron{ color:#800000;}
span.bleufonce{ color:#000080;}
span.olive{ color:#808000;}
span.pourpre{ color:#800080;}
span.argent{ color:#C0C0C0;}
span.blanc{ color:#FFFFFF;}
span.jaune{ color:#FFFF00;}
span.orange{ color:#FF8C00;}

span.titre1{ 
font-size:24px;
font-weight:bold;
text-align:center;
}

span.titre2{ 
font-size:20px;
font-weight:bold;
text-align:center;
}

span.titre3{ 
font-size:16px;
font-weight:bold;
text-align:center;
}

span.titre4{ 
font-size:12px;
font-weight:bold;
text-align:center;

}

p.gras
{
font-weight:bold;
display:inline; 
}


p.important
{
font-weight:bold;
}

p.titre
{
font-weight:bold;
display:inline; 
margin-left:90px;
}

p.titre1
{
font-weight:bold;
display:inline; 
margin-left:40px;
}

.suppression
{
margin-left:75px;
}

p.titretelechargement
{
font-weight:bold;
display:inline; 
margin-left:60px;
}

.imagetest
{
width:16px;
height:18px;
background-image:url(img/titre1.jpg);
}
.imagetest2
{
width:10px;
height:16px;
background-image:url(img/titre2.jpg);
}
.imagetest3
{
width:8px;
height:14px;
background-image:url(img/titre3.jpg);
padding-left:2px;
}
.imagetest4
{
width:4px;
height:12px;
background-image:url(img/titre4.jpg);
padding-left:1px;
}

.btrouge
{
padding-left:1px;
width:10px;
height:10px;
background-color:#ff0000;
margin-left:10px;
}
.btrose
{
padding-left:1px;
width:10px;
height:10px;
background-color:#FB04FB;
}

.btbleu
{
padding-left:1px;
width:10px;
height:10px;
background-color:#0000FF;;
}

.btgris
{
padding-left:1px;
width:10px;
height:10px;
background-color:#808080;
}
.btvert
{
padding-left:1px;
width:10px;
height:10px;
background-color:#008000;
}

p.vert
{
color:#008000;
}

p.rouge
{
color:#ff0000;
}

.btmarron
{
padding-left:1px;
width:10px;
height:10px;
background-color:#800000;
}

.btpourpre
{
padding-left:1px;
width:10px;
height:10px;
background-color:#800080;
}
.btjaune
{
padding-left:1px;
width:10px;
height:10px;
background-color:#FFFF00;
}
.btorange
{
padding-left:1px;
width:10px;
height:10px;
background-color:#FF8C00;
}

.btimage
{
width:20px;
height:20px;
background-image:url(img/image.jpg);
padding-left:1px;
margin-left:10px;
}

.grandbouton
{
width:300px;
padding:0px;
}

.stylenoir
{
color:#000000;
}

.separateur_haut
{
margin-top:0px;
}
.separateur_bas
{
margin-bottom:0px;
}

.divminiature
{
display:block;
height:75px;
}

h4
{
margin:0px;
}

.informations
{
margin-left:51px;
}

.notation
{
display:inline;

margin-left:40px;
}

.commentaireslivre
{
margin-left:140px;
display:inline;
}

p.presentation
{
font-weight:bold;
margin:0px;
padding:0px;
display:inline;
}

.com
{
margin-top:5px;
margin-left:5px;
}

.formulaire
{
margin:0px;
padding:0px;
display:inline;
}


#plan
{
width:800px;
height: 30px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
padding-left: 20px;
color : #ffffff;
margin-bottom:200px;
}

#plan2
{
width:150px;
height: 30px;
margin-left:auto;
margin-right:auto;
color : #ffffff;
padding-bottom:50px;
float: left;
}

#plan3
{
width:100px;
height: 30px;
margin-left:10px;
margin-right:10px;
color : #ffffff;
padding-bottom:50px;
float: left;
}
#plan5
{
width:140px;
height: 30px;
margin-left:10px;
margin-right:10px;
color : #ffffff;
padding-bottom:50px;
float: left;
}
#plan4
{
width:200px;
height: 100px;
margin-left:auto;
margin-right:auto;
color : #ffffff;
padding-bottom:50px;
float: left;
}

#plan1
{
width:100px;
height: 30px;
margin-left:auto;
margin-right:auto;
color : #ffffff;
padding-bottom:50px;
float: left;
}
#plan a
{
color: #ffffff;
}

.pasdesaut
{
display:inline;
float: left;
}

.adroite
{
text-align:right;
}