html, body { 
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-family: arial;
	color: #999999;
	height:100%;
}

p	{margin: 0px;color: #999999; font-size: 12px; font-family: Arial;}
TD	{font-size: 12px; font-family: Arial;}
Table	{margin: 0px;}
form	{margin: 0px;}
a	{color: black;}

#home {
	position: relative;
	float:left;
	margin-top: 10px;
	margin-left:316px;
	width: 346px;
	background: url(../Image/Home.jpg)  no-repeat center;
	height: 456px;
	clear:both;
}

#roman_acceuil{
	position: relative;
	float:left;
	margin:0px;
	padding:5px;
	clear:both;
	display: inline;
}

#roman_message
{
	position: relative;
	float:right;
	margin:0px;
	padding:5px;
	display: inline;
}

#roman_ecart
{
	position: relative;
	float:left;
	display: inline;
}



#home p	{color: black;	padding-right: 10px; padding-left: 10px;}

#conteneur1 { 
	position: relative;
	height: 550px;
	width: 978px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	/* border: 1px solid;
	border-color: #999999; */
}



#bandeau1 {
	position: relative;
	float:left;
	width: 100%;
	margin-top: 0px;
	height: 40px;
	background: url(../Image/Bandeau_Phare.jpg)  no-repeat center;
	clear:both;
}

#langue {
	float:left;
	width: 40px;
	height: 20px;
	margin: 10px 10px 10px 10px;
}
#langue p {font-weight:normal;}
#langue a.selected {color:silver;}
#langue a.unselected {color:white;}

#conteneur2 { 
	margin: 0 auto;
	text-align: left;
	clear:both;
}

#droite {
	float: right;
	width: 660px;
	margin: 0 auto;
}


#Image_Bouton_Action {
	position: relative;
	float: left;
	display:inline;
}

#Texte_Bouton_Action a {
	position: relative;
	float: left;
	display:inline;
	width: 70px;
	padding-top:6px;
	padding-left:8px;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
}

#Texte_Bouton_Action a:hover {
	background: url(../Image/Roman_Fond_On.jpg);
	color:white;
}

#Milieu_Bouton_Action {
	position: relative;
	float: left;
	display:inline;
	width: 10px;
	height:25px;
}

#Milieu_Bouton_Action p{
	font-size: 20px;
}

#menu1 {
	float:left;
	width: 98%;
	height: 40px;
	text-align: left;
	margin-left:8px;
	margin-top:5px;
	margin-bottom:0px;
	clear:both;
}

#menu2 {
	float:left;
	width: 98%;
	height: 30px;
	text-align: left;
	margin-top: 0px;
	margin-left: 8px;
	margin-bottom: 10px;
	clear:both;
}


#Menu_Haut_Milieu, #Menu_Haut_Gauche, #Menu_Haut_Droite {
	position: relative;
	float:left;
	text-align:left;
	display: inline;
}

#Menu_Haut_Gauche {width: 560px;}
#Menu_Haut_Milieu {width: 300px; margin-top: 5px;}
#Menu_Haut_Droite {width: 90px; margin-top: 7px;}

#photo1 { 
	position:relative;
	margin: 0 10 5 0;
	float:left;

}

#corps {
	position: relative;
	float:left;
	margin-top: 10px;
	margin-left:30px;
	text-align:justify;
	width: 660px;
	clear:both;
}

#corps_droite { 
	position:relative;
	top:24;
	float:right;
	width:140px;
	display: inline;
}

#corps_gauche { 
	position:relative;
	margin: 0 auto;
	float:left;
	text-align:justify;
	width:500px;
	clear:both;
}

#tete {
	position: relative;
	float:left;
	margin-top:10px;
	width:500px;
	height:25px;
	background: url(../Image/Roman_Fond.jpg);
	clear:both;
}

#tete p {
	display:inline;
}

#commentaire_tete{
	position: relative;
	float:left;
	margin-top: 10px;
	padding-left:5px;
	clear:both;
}


#commentaire_pied{
	position:relative;
	float:left;
	margin: 0;
	padding-left:5px;
	clear:both;
}

#commentaire_corps{
	position:relative;
	float:left;
	margin: 0;
	padding-left:0px;
}


#Message_Erreur, #identification p.rouge, #publication p.rouge, #Commentaire_pied p.rouge{

	color: red;
}

#publication {
	position: relative;
	float: left;
	font-family: times;
	text-align: left;
	top:10;
}



#Bouton_Roman a {
	position: relative;
	margin-left:15;
	float: left;
	text-align: center;
	padding:3 0 3 0;
	width: 150px;
	font-family: times;
	font-size: 10px;
	text-decoration: none;
	background: url(../Image/Roman_Fond.jpg);
	text-transform:uppercase;
	display:inline;
}
#Bouton_Roman a:hover {
	background: url(../Image/Roman_Fond_On.jpg);
	color:white;
}



#Bouton_Roman a.selected {
	background: url(../Image/Roman_Fond_On.jpg);
	color:white;
}


#gauche {
	position: relative;
	float: left;
	width: 250px;
	font-family: times;
	text-align: left;
	top:10;
}

#gauche_image {
	position: relative;
	float: left;
	margin-top:5;
}

#gauche TD
{
	font-size: 12px;
	color: black;

}

#gauche a
{
	text-decoration: none;
	color: darkred;
	background: url(../Image/Puce_Personnage_Select.gif) top left no-repeat;
	padding-left:15;
}

#gauche a.bouton
{
	text-decoration:overline underline;
	background:none;
	padding-left:0;
}


#gauche a.unselect {
	color: #999999;
	background: url(../Image/Puce_Personnage_Unselect.gif) top left no-repeat;
}

#Menu_Bouton_Haut_Brouillon {
	position: relative;
	float: left;
	text-align: center;
	display:inline;
	width: 196px;
	margin:0px 0px 0px 0px;
	background: url(../Image/Menu_Brouillon2.jpg) no-repeat;
	line-height:16px;
	text-transform:uppercase;
	font-family: arial;
}

#Menu_Bouton_Haut_Roman {
	position: relative;
	float: left;
	text-align: center;
	display:inline;
	width: 196px;
	margin:0px 0px 0px 0px;
	background: url(../Image/Menu_Roman2.jpg) repeat;
	line-height:16px;
	text-transform:uppercase;
	font-family: arial;
}


#Menu_Bouton_Haut_Brouillon a,#Menu_Bouton_Haut_Roman a{ 
	text-decoration:none;
	font-size: 10px;
	color: black;
}

#Menu_Bouton_Haut_Brouillon a.select, #Menu_Bouton_Haut_Roman a.select	{color: darkred;font-weight:bold}

#Menu_Bouton_Haut_Brouillon p,#Menu_Bouton_Haut_Roman p {
	margin:0px;
	font-size: 14px;
	font-style:italic;
	color: black;
}

#Menu_Bouton_Action a{
	position: relative;
	float: left;
	text-align: center;
	display:inline;
	width: 98px;
	height: 30px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	text-transform:uppercase;
	font-family: arial;
	font-size: 10px;
	color: black;
}

#Menu_Bouton_Site a{
	position: relative;
	float: left;
	text-align: center;
	display:inline;
	width: 98px;
	height: 40px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	text-transform:uppercase;
	font-family: arial;
	font-size: 10px;
	color: black;
}



#Menu_Bouton_Site a.siteselect {background: url(../Image/Menu_Site1.jpg) repeat;}
#Menu_Bouton_Site a.siteunselect {background: url(../Image/Menu_Site2.jpg) repeat;}

#Menu_Bouton_Action a.romanselect,#Menu_Bouton_Action a.romanselect2 {background: url(../Image/Menu_Roman_Carre1.jpg) repeat;}
#Menu_Bouton_Action a.romanunselect,#Menu_Bouton_Action a.romanunselect2 {background: url(../Image/Menu_Roman_Carre3.jpg) repeat;}

#Menu_Bouton_Action a.brouillonselect, #Menu_Bouton_Action a.brouillonselect2 {background: url(../Image/Menu_Brouillon_Carre2.jpg) repeat;}
#Menu_Bouton_Action a.brouillonunselect, #Menu_Bouton_Action a.brouillonunselect2 {background: url(../Image/Menu_Brouillon_Carre1.jpg) repeat;}

#corps ul  {
	margin: 0px 0px 0px 20px;
	padding:0px;
}


#corps a.universselect, #corps a.resumeselect {
	color: darkred;
}

#Menu_Bouton_Action a:hover, #corps a:hover{
	color: darkred;
}



#bandeau1 h1 {
	text-align: left;
	margin: 2px;
	font-size: 30px;
	font-family: arial;
	color: white;
	text-decoration:none;
	font-weight:normal; 
}

#Commentaire_pied h1, #Conteneur2 h1 {
	color: black;
	font-size: 18px;
	font-family: arial;
	margin: 0px;
	font-weight:normal; 
}

#Commentaire_pied h2, #conteneur2 h2 {
	color: black;
	font-size: 14px;
	font-family: arial;
	margin: 0px;
}

#publication p, #publication TD, #identification TD, #identification p,#corps TD, #pied TD, #tete TD, #commentaire_corps TD, #commentaire_pied TD, #commentaire_tete TD, #pied p, #tete p, #commentaire_pied p, #commentaire_tete p, #commentaire_corps p {
	color: black;
}
#Commentaire_pied p, #identification p, #publication p, #publication h1 {display: inline; padding-left:3px;}

#pied TD, #gauche TD, #corps_gauche TD {
	text-align: left;
}

#commentaire_pied, #commentaire_tete, #commentaire_corps{
	background: url(../Image/Roman_Commentaire_Fond.jpg); 
}

#pied, #tete, #corps,#commentaire_pied, #commentaire_tete, #commentaire_corps {
	margin-left: 5px;
	margin-right: 5px;
}

#commentaire_corps table {
	border:1px solid navy;
	border-collapse : collapse;
}
 
#commentaire_corps td {border-bottom:1px solid navy;}

#roman_acceuil a.plus {text-decoration: none;}