/*
Theme Name: Lost-Fantasy v2.5
Theme URI: http://www.lost-fantasy.com
Description: Theme 2.5 de Lost-Fantasy
Version: 2.5
Author: Fanjiyong
Author URI: http://yazhouzhijia.free.fr
Tags: R.P.G, lost-fantasy
*/

/*Général*/
*{border:none; margin:0; padding:0;}

body{
background:#323233;
width:950px;
padding:10px;
margin:10px auto;
}

a{color:#000000;
text-decoration:none;
 outline: none;}
 
/*structure*/
.generalcontent{
width:928px;
padding:10px;
border:1px solid #ffffff;
background:url(images/multiback.png) repeat-y -2685px 0px;
position:relative;}

/*Header*/
	.header{border-bottom:none; height:157px;}
		
		#logo{
		background:url(images/lflogo.png) no-repeat top left;
		width:389px;
		height:53px;
		position:relative;
		cursor:pointer;
		margin-top:62px;
		}
		
		#logo2{
		background:url(images/lflogo.png) no-repeat top left;
		width:389px;
		height:35px;
		margin:25px auto;
		}
		
		#logo h1{
		text-indent:-9999px;}
		
		#logo h2{
		position:absolute;
		bottom:0px; right:0px;
		font-size:16px;}
		
		.personnage{
		z-index:100;
		width:257px;
		height:185px;
		position:absolute;
		top:-1px;
		right:-1px;
		background:url(images/bandeau.png) left 1px no-repeat;}
		
/*Evenement*/
.machine_event{
width:721px;
height:232px;
background:url(images/multiback.png) repeat-y -1963px 0px;
float:left;
display:inline;
margin-right:10px;
margin-top:10px;
position:relative;}

/*espace rpgiste*/
.espace_rpgiste, .espacedroite{
width:167px;
display:block;
padding:15px;
background:url(images/multiback.png) repeat-y -1012px 0px;
float:right;
z-index:10;
margin-top:10px;
position:relative;
}

	.espace_rpgiste a, .menujeu a{
	height:16px;
	display:block;
	padding-top:2px;
	overflow:hidden;
	}
	
	.menujeu a:hover{
	background:url(images/multiback.png) repeat-y -4728px 0px;
	padding-right:17px;
	width:150px;
	color:#ffffff;
	}


.espace_rpgiste{
height:202px;
text-align:left;}

.espacedroite{
text-align:right;}

	
/*Content*/
	.contener{
	border-top:none;
	}
	
	.sep{
	background:url(images/multiback.png) no-repeat -5821px 0px;
	height:15px;
	width:950px;	
	}

/*Menu gauche*/

.menugauche{
width:168px;
display:block;
float:left;}

	.menugauche h2{
	width:168px;
	background:url(images/multiback.png) no-repeat 0px 0px;
	height:28px;
	margin-top:10px;
	font-size:15px;
	text-align:right;
	font-variant:small-caps;
	font-weight:bold;
	padding-top:4px;}

.menugauche .content{
width:168px;
background:url(images/multiback.png) repeat-y -337px 0px;
}

	.menugauche li{
		width:167px;
		background:url(images/multiback.png) repeat-y -337px 0px;
		height:18px;
		line-height:15px;
		}
		
	.menugauche li a{
	height:16px;
	display:block;
	padding-top:2px;}
	
	.menugauche li a:hover, .espace_rpgiste a:hover{
	background:url(images/multiback.png) repeat-y -4561px 0px;
	padding-left:17px;
	width:150px;
	color:#ffffff;
	}

.menugauche .pied{
width:168px;
background:url(images/multiback.png) no-repeat  -675px 0px;
height:5px;}


/*content index*/

.content_index{
position:relative;
margin-bottom:8px;
background:url(images/multiback.png) repeat-y -6771px 0px;
width:515px;
padding:15px;
}

	.content_index h1{
	font-size:15px;
	text-transform:uppercase;
	height:28px;
	background:url(images/multiback.png) repeat-y -4895px 27px;
	}
	
	.centre{
	margin:10px 9px;
	width:545px;
	display:block; float:left;}
	
	
/*content page*/

	.centre2{
	margin:10px 0px 10px 9px;
	width:751px;
	display:block;
	float:left;
	min-height:400px;
	}
	
	.content_page{
	position:relative;
	margin-bottom:8px;
	background:url(images/multiback.png) repeat-y -1209px 0px;
	width:721px;
	padding:15px;
	}
	
	.content_page h1, .content_page .titre01{
	font-size:16px;
	text-transform:uppercase;
	background:url(images/petitseparation.png) repeat-x scroll left bottom;
	min-height:20px;
	padding-bottom:5px;
	margin-bottom:5px;
	display:block;}
	
	.content_page h1{
	width:100%;
	}
	
	.content_page .titre01{
	width:528px;
	}
	
	.content_page h2, .content_page .titre02{
	font-size:14px;
	text-transform:uppercase;
	}
	
	.content_page .titre02{
	background:url(images/petitseparation.png) repeat-x scroll left bottom;
	min-height:20px;
	padding-bottom:5px;
	margin-bottom:5px;
	display:block;
	}
	
	.content_page .menujeu{
	position:relative;
	text-align:left;
	padding:15px;
	width:161px;
	float:right;
	background:url(images/multiback.png) repeat-y -1209px 27px;
	display:block;
	right:-10px;
	top:-9px;
	z-index:2;
	}
	
	.content_page .basmenujeu{
	background:url(images/menujeu.png) no-repeat;
	position:absolute;
	height:7px;
	width:174px;
	bottom:1px;
	right:0;
	}
	
	/*.content_page ul{
	list-style-position:inside;}*/

/*menu droite hp*/
.menudroite{
width:197px;
display:block;
float:right;
}


	.espacedroite h2, .espace_rpgiste h2{
	font-size:15px;
	width:168px;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	margin-bottom:4px;
	}
	
	
	

	
/*arrondis*/
	
	.bghg, .bghd, .bgbg, .bgbd, .bbhg, .bbhd, .bbbg, .bbbd,.blhg, .blhd, .blbg, .blbd,.blhg2, .blhd2, .blbg2, .blbd2{ background-image:url(images/arrondis.png); background-repeat:no-repeat; position:absolute;}
		.bghg, .bghd, .bgbg, .bgbd{width:9px; height:9px;}
			.bghg{top:-1px; left:-1px; background-position:0px 0px;}
			.bghd{top:-1px; right:-1px; background-position:-9px 0px;}
			.bgbg{bottom:-1px; left:-1px; background-position:0px -9px;}
			.bgbd{bottom:-1px; right:-1px; background-position:-9px -9px;}
			
		.bbhg, .bbhd, .bbbg, .bbbd{width:22px; z-index:2;}
			.bbhg{top:0px; left:0px; background-position:0px -18px; height:6px;}
			.bbhd{top:0px; right:0px; background-position:-22px -18px; height:6px;}
			.bbbg{bottom:0px; left:0px; background-position:0px -24px; height:8px;}
			.bbbd{bottom:0px; right:0px; background-position:-22px -24px; height:8px;}
			
		.blhg, .blhd, .blbg, .blbd{width:18px; z-index:2;}
			.blhg{top:0px; left:0px; background-position:0px -66px; height:17px;}
			.blhd{top:0px; right:0px; background-position:-18px -66px; height:17px;}
			.blbg{bottom:0px; left:0px; background-position:0px -83px; height:19px;}
			.blbd{bottom:0px; right:0px; background-position:-18px -83px; height:19px;}
			
		.blhg2, .blhd2, .blbg2, .blbd2{width:37px; z-index:2;}
			.blhg2{top:0px; left:0px; background-position:0px -32px; height:16px;}
			.blhd2{top:0px; right:0px; background-position:-37px -32px; height:16px;}
			.blbg2{bottom:0px; left:0px; background-position:0px -48px; height:18px;}
			.blbd2{bottom:0px; right:0px; background-position:-37px -48px; height:18px;}
			
/*border*/

	.bbh{background:url(images/bbh.gif) repeat-x; height:2px; width:100%; position:absolute; top:0px; left:0px; z-index:1;}
	.bbb{background:url(images/ombre_bas.gif) repeat-x top left; height:4px; width:100%; position:absolute; bottom:0px; left:0px; z-index:1;}
	
	.bordbas{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background:url(images/bord_bas.png) repeat-x;
	height:8px;
	z-index:1;}
	
	.bordhaut{
	position:absolute;
	top:0px;
	width:100%;
	left:0px;
	background:url(images/bord_haut.png) repeat-x;
	height:8px;
	z-index:1;}

/*Barre de nav*/
	
	.barre{
	min-height:44px;
	width:928px;
	background:url(images/multiback.png) repeat-y -3633px 0px;
	position:relative;
	}
	
	.symbole, .symbole2{
	background:url(images/symbole.png) repeat-y; min-height:40px; position:relative; z-index:3;}
	
	.symbole{width:704px; padding:0px 112px; font-weight:bold;}
	
	.symbole ul, .symbole2 ul, .menugauche ul, .espacedroite ul, .espace_rpgiste ul, .menujeu ul{
	list-style:none;
	}
	
	.content_page ul{
	list-style-position:inside;
	}
	
	.symbole li, .symbole2 li{
	float:left;}
	
	.symbole .menu01 li a{
	font-size:17px;
	line-height:40px;
	margin-right:34px;
	font-variant:small-caps;
	}
	
	.symbole .footer{
	clear:both;
	font-weight:normal;
	height:14px;
	margin-top:6px;
	display:block;
	width:862px;
	}
	
	.footer a, .footer{
	font-size:11px;
	margin-left:12px;
	}
	
	.symbole .copy{
	clear:both;
	display:block;
	width:100%;
	height:28px;
	margin-top:24px;
	font-size:11px;
	text-align:center;
	}

.menu02{
padding-top:27px;
height:71px;
clear:both;}

/*Typo*/

body, a{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

.symbole .menu01 li a, .symbole .footer, .symbole .footer a, .symbole .copy, .soumettre, .lireplus, h1, h2 , h4, h5, h6, h3, input, .connexion, h3 a{
font-family:Georgia, "Times New Roman", Times, serif;}

h1, h2 , h4, h5, h6, h3{
font-weight:bold;}

/*recherche*/
 .blocrecherche{
 	position:absolute;
	right:0px;
	top:10px;
	margin-right:116px;
	}


/*Pour les articles*/

thead{
background:url(images/tablo.png) repeat-x;
height:32px;
}

table{
border:solid 1px #ffebab;
background:url(images/bgclair.gif);
-webkit-border-radius:5px 5px;
-moz-border-radius:5px 5px;
min-width:10px;
padding:8px;
}

	tbody td{
	padding:5px;}

	.tab{
	background:#fff4d0;}



.centre2 h3{
font-size:15px;
margin-top:20px;
}

.centre2 p{
margin:8px 0 15px 0;
line-height:18px;
text-align:justify;
}

.centre2 strong{
font-weight:700;
}



/*news*/
.news{padding:5px 0px; width:515px;}
.contenu2 .news{padding:8px 0px; width:515px;}

	.news h3{
	max-width:496px;
	display:block;
	padding-right:15px;
	line-height:18px;
	height:40px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	}
	
	.newsarticle, .rep{
	background:url(images/petitseparation.png) repeat-x left bottom;
	padding-bottom:10px;}

.news .newsarticle h3{
background:url(images/positi.png) no-repeat right 0px;
}

.maj{
height:29px;
width:257px;
float:left;
margin:8px 0px;
}

.maj p, .maj h3{
float:left;
display:block;
width:213px;
}

.pollbar {-webkit-border-radius:3px;
-moz-border-radius:3px;}

.maj h3 a{
text-transform:uppercase;
font-weight:bold;
font-size:12px;
}


.news .open h3{
background:url(images/negapy.png)  no-repeat right 0px;
}

.news .text { 
text-align:justify;
line-height:18px;
} 

.content_index p{
padding:5px 0px;
}

p a{
color:#38647c;
}

.icotitle{
width:29px;
height:29px;
margin-right:5px;
float:left;
display:block;
background:url(images/iconews.png) no-repeat;
padding:5px;
}

/*line similaire a news*/


	.line{padding:3px 0px; width:722px; display:block;}

	.line h3{
	display:block;
	padding-right:15px;
	height:20px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	}
	


/*Commentaire*/

.commentaire{
margin:20px 0px;
display:block;
clear:both;}

.avatar{
float:left;}

.commentaire dt, .commentaire dd{
float:right;
width:640px;
padding:5px;}

.comments{
border:solid 1px #ffebab;
background:url(images/bgclair.gif);
-webkit-border-radius:5px;
-moz-border-radius:5px;
position:relative;}
	
	.bull{
	background:url(images/bull.gif) no-repeat;
	height:7px;
	width:5px;
	position:absolute;
	top:13px;
	left:-5px;}

/*formulaire*/

ul{
z-index:10;
}



.chamlong{
background:url(images/multiback.png) no-repeat -5635px 0px;
height:16px;
width:180px;
padding:2px 3px;
float:left;
margin-right:3px;}

		.searchsubmit, .lireplus, .lireplus2, .soumettre{
	background:url(images/btn.png) no-repeat;
	height:18px;
	font-size:11.51px;
	color:#ffffff;
	cursor:pointer;
	}

	.searchsubmit{
	background-position:0px 0px;
	vertical-align:middle;
	width:26px;
	line-height:12px;
	}
	
	.lireplus, .lireplus2{
	background-position:-26px 0px;
	width:117px;
	text-align:right;
	display:block;
	padding-right:3px;
	line-height:19px;
	}
	
	.lireplus{float:right;}
	
	.lireplus2{float:left;}
	
	.soumettre{
	background-position:-26px 0px;
	width:120px;
	padding-bottom:2px;
	float:right;
	display:block;
	text-align:right;
	padding-right:3px;
	}
	
.clear{
clear:both;}

.alignleft{float:left;}
.alignright{float:right;}




.champ, .champ2, .champ3{
border:solid 1px #ffebab;
background:url(images/bgclair.gif);
-webkit-border-radius:5px;
-moz-border-radius:5px;
height:14px;
padding:2px 3px;
margin-bottom:5px;}

.champ{
width:180px;
}

.champ2{
width:160px;
}

.champ3{
width:400px;
}

textarea, blockquote{
border:solid 1px #ffebab;
background:url(images/bgclair.gif);
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:8px;
margin-bottom:10px;}

textarea{width:97%;}

.wall{
border:solid 1px #ffebab;
background:url(images/bgclair.gif);
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:8px;
width:200px;
text-align:center;
margin:10px;
float:left;}

.wall ul{
list-style:none;}

.chammdp{
background:url(images/bgclair2.jpg);
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin-bottom:5px;
border:solid 1px #ffebab;
float:left;
height:17px;
padding:2px 0 0 5px;
width:154px;
}

.hr{
background:url(images/petitseparation.png) repeat-x scroll left bottom;
width:100%;
display:block;
height:1px;
margin:10px 0px;
}

/*wid*/
.pagenav{
clear:both;}

/*cat*/
.desccat{
width:300px;
display:block;
float:left;
margin:10px 0px;}

.linkcat{
width:411px;
display:block;
float:right;
margin:10px 0px;}

/*carrousel*/
#carrousel{
width:706px;
height:216px;
margin:8px;
position:relative;
}

.slide{
position:absolute;
overflow:hidden;
float:left;
top:0;
left:0;
width:706px;
height:216px;
cursor:pointer;
}

.titre{
background:url(images/bgslide.png) repeat-x top center;
color:#FFFFFF;
padding:5px 10px;
height:45px;
bottom:0;
left:0;
width:686px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
position:absolute;
}

.titre h3{
font-size:13px;
}

.titre p{
font-size:11px;
}

.navigation{
position:absolute;
bottom:60px;
right:5px;
}

.navigation span{
background:#000000;
color:#ffffff;
padding:2px 4px;
margin-left:2px;
cursor:pointer;
opacity : 0.5;
filter : alpha(opacity=50); 
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.navigation span:hover, .navigation span.active{
background:#ffffff;
color:#000000;
opacity : 1;
filter : alpha(opacity=100); 
}

/*Jeu*/
.opus #games.jeu2{
float:left;
margin:0px 0px 8px 0px;
display:block;
background:url(images/bgjeu.png) repeat-y 0px 0px;
}

.opus a{
color:#000000;}

.opus #games{
float:right;
margin:0px 0px 8px 0px;
display:block;
background:url(images/bgjeu.png) repeat-y -380px 0px;
}

.opus #games, #games.jeu2{
width:341px;
height:159px;
padding:15px;
position:relative;
}

#games p{
line-height:19px;
text-align:justify;}

.opus .titrejeu{
float:left;
height:84px;
margin:0px 8px 0px 1px;
width:113px;
display:block;}

#games img{
height:84px;
width:113px;
}

.opus h3, .opus h4, .opus h3 a, .opus h4 a{
font-size:15px;
color:#000000;
text-transform:uppercase;
margin:0px;

}

.connexion{
background:url(images/btn_connexion.png) no-repeat;
height:20px;
width:97px;
margin:10px auto;
display:block;
color:#ffffff;
padding-bottom:5px;
cursor:pointer;}

/*hp*/
.homecontent{
width:916px;
background:url(images/bg_home.png) repeat-y;
min-height:178px;
padding:6px;
position:relative;
margin:10px 0px;
}

.homecontent a{
color:#000000;}

	.homecontent .intro{
	width:31.33%; 
	padding:0 1%;
	float:left;
	text-align:justify;
	min-height:178px;
	}
	
	.homecontent ul{
	list-style:none;}
	
	.homecontent li{
	float:left;
	margin:10px 1px;
	width:50px;}
	
	.sepv{
	background:url(images/sep.jpg) no-repeat bottom right;
	cursor:pointer;}
 
	.homecontent h2{
	font-size:16px;
	text-transform:uppercase;
	display:block;
	text-align:center;
	width:100%;
	margin:20px 0px;
	font-weight:normal;}
	
/**/
.avatar_container a{
width:40px;
height:40px;
}

.avatar_container a:hover{
background:none;
}

/*label*/
.content_page label{
width:150px;
display:block;
float:left;
font-weight:bold;}

.entry ul{
margin:10px;}

	.titre03{
	background:url(images/petitseparation.png) repeat-x scroll left bottom;
	min-height:20px;
	padding-bottom:5px;
	margin-bottom:5px;
	display:block;
	width:528px;
	}
	
	.wp-polls ul{
	margin:0px;}	
	
	.wp-polls li{
	margin:8px 0px;
	display:block;
	width:167px;
	}
	
/*chemin de nav*/
.cheminnav{
padding:0px 5px 5px 5px;
font-weight:bold;
}

.cheminnav a{
font-weight:normal;
color:#38647C;
}

/*Encyclopedie*/
.encyclopedie, .encyclopedie2{
width:245px;
height:235px;
display:block;
position:relative;
background-image:url(images/bgencyclopedie.png);
background-repeat:repeat-y;
}

.encyclopedie{
float:left;
margin-right:8px;}

.encyclopedie2{
float:right;
background-position: -245px 0px}

.encyclopedie img, .encyclopedie2 img{
position:absolute;
top:4px;
left:7px;
}

.encyclopedie h2, .encyclopedie2 h2{
position:absolute;
width:100%;
top:25px;
left:0px;
font-size:12px;
text-transform:uppercase;
text-align:center;
}

.encyclopedia{
list-style:none;}

.encyclopedia li{
margin:5px 0px;
width:33%;
float:left;}

/*erreur*/
#login_error,#login_error a, #login_error a:hover {
font-size:11px;
text-decoration:none;
background:none;
display:inline;
color:#cc0000;}

/*couleur*/

.red{color:#cc0000;}
.blue{color:#0091e0;}
.yellow{color:#ffb400;}
.green{color:#75bf00;}
.purple{color:#b92fbe;}
.grey{color: #8a8a8a;}