/***********************************************/
/* style.css                                                                           */
/* Style par defaut pour naruto.japflap.com                   */
/***********************************************/

/***********************************************/
/*                             HTML styles                                        */
/***********************************************/
* {
	margin: 0px;
	padding: 0px;
	
}

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	background: #FFFFFF url(images/background.jpg) fixed repeat-x;
	background-color: #ffffff;
}

p {
	text-align: justify;
	padding: 5px;
}



/***********************************************/
/* 			Hyperliens				        */
/***********************************************/

a:link, a:visited{
	color: #006699;
	/*color: #642722;*/
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}



/***********************************************/
/* 	    		Balises En-tetes		 	        */
/***********************************************/

h1{
	 font: bold 150% Arial,sans-serif;
	 color: #CC0000;
/*	 color: #642722;*/
	 text-align: center;
}

h2{
	 font: bold 114% Arial,sans-serif;
	 color: #642722;
}

h3{
	font: bold 120% Arial,sans-serif;
	color: #333333;
	padding: 20px 0px 5px 0px;
	text-align: center;
}

h4{
	 font: bold 100% Arial,sans-serif;
	 color: #CC3333;
	 /*color: #642722;*/
	 padding-bottom: 5px;
	 padding-right: 10px;
 	 padding-left: 10px;
	 text-decoration : underline;
	 text-align: left;

}

h5{
	 font: 100% Arial,sans-serif;
	 color: #642722;
}

h6 {
	color: red;
	font: bold 120% Tahoma,sans-serif;
	font-variant: small-caps;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/***********************************************/
/* 	    	Structure Globale du Site    	 	        */
/***********************************************/

#global{
	position: relative;
	top: 0px;
	/*max-width: 1200px;*/
	max-width: 1200px;
	min-width: 1000px;
	width: expression(document.body.clientWidth >= 1200? "1200px": "99%" );
	margin: auto;
	border-right: 1px solid black;
	border-left: 1px solid black;
	text-align: justify;
	background: #FFFFFF url(images/bgmenu.jpg) left repeat-y;
}

/*** Partie Haute ***/
#masthead{
	position: relative;
	top: 0px;
	max-width: 1200px;
	width: expression(document.body.clientWidth >= 1200? "1200px": "100%" );
	margin: auto;
}

/*** Bloc sous la banniere qui contient tout le reste de la page ***/
#container{
	position: inherit;
	max-width: 1200px;
	width: expression(document.body.clientWidth >= 1200? "1200px": "100%" );
	background: #FFFFFF url(images/bgmenu.jpg) left repeat-y;
	border-top: 1px solid #333333;
	margin: auto;
	height: 100%;

}

/*** Bloc qui englobe tout le menu ***/
#pagenav{
	position: inherit;
	float: left;
	width: 178px;
	background-color: #dcd6d6;
	border-right: 1px solid #663333;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;

}


/*** Bloc principal de la page sur la droite du menu ***/
#maincell{
	
	position: inherit;
	text-align: justify;
	margin-left: 179px;
	/*border-left: 1px solid #663333;*/
	font-size: 90%;
	background-color: #FFFFFF;

}

/*** Bloc du pied de page ***/
#footer{
	clear: both;
	position: inherit !important;
	text-align: center;
	border-top: 1px solid #663333;
	font-size: small;
	color: #cccccc;
	width: 100%;
	background-color:#FFFFFF;

}


/***********************************************/
/* 	    		Haut de la page    	        		        */
/***********************************************/

/*** Banniere ***/
#banner{
	height: 129px;
	width: 100%;
	background: #642722 url(images/banner.jpg);
	background-position: center top;
}

/*** Menu Horizontal du Haut ***/
#globallinks{
	width: 100%;
	height: 25px;
	text-align: center;
	padding-top: 5px;
	background-image: url(images/barre.gif);
	background-repeat: repeat-x;
}

/***********************************************/
/* 	    		Style du menu    	        		        */
/***********************************************/

#pagenav a{
	color : #333333;
}

#pagenav a:hover{
	color : red;
}

#pagenav ul{
 list-style: square url(images/puce2.gif);
 padding-left: 25px !important;
 padding-left: 3px;
 padding-top: 5px;
 padding-bottom: 5px;
 text-indent: 0px !important;
 text-indent: 20px;
}

/***********************************************/
/* 	    		Breadcrumbs    	        		        */
/***********************************************/

#breadcrumbs{
	padding: 5px 10px 5px 10px;
	margin-left: 178px;	
	font: small Verdana,sans-serif;
	color: #AAAAAA;
	background-color: #FFFFFF;
}

#breadcrumbs a{
	color: #AAAAAA;
}

#breadcrumbs a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/***********************************************/
/* 	    		Titre des pages    	        		        */
/***********************************************/

#pagetitre{
	padding: 0px 0px 14px 15px;
	margin-left: 178px;	
	border-bottom:1px solid #ccd2d2;
	/*background-color: #FFFFFF;*/
}

#pagetitre h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
}

#pagetitre img{
	position: inherit;
	top: 0px;
	right: 6px;
	padding: 3px 0px 0px 0px;
}

.personnages thead {
	text-align: center;

}

.personnages tfoot {
	text-align: center;

}

/***********************************************/
/* 	    		Contenu du Menu  	        		        */
/***********************************************/

.menu{
	text-align: center;
	color: white;
	background-color: #987677;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	padding: 2px;
	font-variant: small-caps;
	font-size: 120%;
	font-weight: bold;
}

/***********************************************/
/* 	    		Liens Related    	        		        */
/***********************************************/

.related{
	padding-top: 10px;
	border-top: solid 1px gray;
	text-align: center;
	background-image: url(images/rayures.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

.related h2 {
	font-weight: bold;
}

.related img {
	border: 1px solid;
}

.related a visited{
	text-decoration: none;
}

.related a:hover{
	color: red;
	text-decoration: underline;
}


/***********************************************/
/* 	    		style du Pied de page    	        		        */
/***********************************************/


#footer img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
	border: none;
}

#footer a{
	color: #cccccc;
	border: 0px;
}

#footer a:hover{
	color: #333333;
	border: 0px;
}

/************** main news styles ****************/



#accueiltxt{
	width: auto;
	text-align: justify;
	font-size: 80%;
	color: #333333;
	background-image: url(images/postit.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 100% !important;
	height: 190px;
	padding-left: 10px;
	padding-right: 10px;
	
}

#accueiltxt h3{
	font: bold 175% Arial,sans-serif;
	color: #333333;
	padding: 10px 0px 5px 0px;
	text-align: center;
}



#accueiltxt p{
	/*padding-left: 180px !important;*/
}

#accueiltxt img{
	float: left;
	vertical-align: top;
	padding-right: 10px;
	border: none;
	
}

#accueiltxt td{
	padding: 50px 30px 30px 30px;
}

#accueiltxt table{
	height: 200px;
	float: right;
	vertical-align: top;
	text-align: center;

}

/************** Actualite  styles ****************/

.actu{
	/* font-size: 80%; */
	color: #333333;
	padding-top: 20px;
	font-size: 0.9em;
	padding-right: 10px;
	padding-left: 10px;
}

.actu h3{
	font: bold 175% Arial,sans-serif;
	color: #333333;
	text-align: center;
}

.actu h2{
	font: bold 100% Arial,sans-serif;
	color: #333333;
	text-align: left;
	/*padding-left: 210px !important;*/
	padding-left: 30px;
	background-image: url(images/newsbg.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 33px;
	}

.actu table{
	width: 100%;

	
	
}

.actu td {
	width: 50%;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 5px;
	border: dotted 1px #cccccc;
	vertical-align: top;
}


#grosselettre {
	float:left;
	color:silver;
	font-size:50px;
	line-height:35px;
	padding-left:5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-top: 5px;
	font-family: Times New Roman, times, Sans-Sherif;
}

/******** Barre du haut CLASSES ********/

a.barreduhaut, a.barreduhaut:visited{
  	font-size: small;
	height: 32px;
  	color: #000000;
	font-weight: bold;
	padding: 2px 10px 3px 5px;
	border-right: 1px solid #642722;
}

a.barreduhaut:hover{
	text-decoration: none;
	color: #FFFFFF;
}

/*************** story styles ******************/

.story {
	border-top: 1px #CCCCCC dotted;
	padding-top: 0px;
	width: auto;

	
}

.story p {
	text-align: justify;
	
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #333333;
	display:block;
	padding-bottom: 5px;
	padding-top: 0px;
	
}

.story a.capsule:hover{
	text-decoration: underline;
}

.rouge {
	color: red;
}

.blinkbleu {
	color: blue;
	text-decoration: blink;
	display: inline;
}

.blinkvert {
	color: green;
	text-decoration: blink;
	display: inline;
}


/**************** MISE EN PAGE ******************/

.definition span {
	border-bottom: 1px #333333 dotted;
	cursor: help;
}

.paragraphe {
	font-size: 0.9em;
	text-align: justify;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}


.paragraphe2 {
	font-size: 90%;

}

.paragraphe p {
	font-size: 0.9em;
	text-align: justify;
	padding-bottom: 0px;
}

.paragraphe a:link, .paragraphe:visited, .paragraphe img{
	text-decoration: none;
	color: #3399CC;
	border: none;
}

.paragraphe a:hover,{
	text-decoration: underline;
	color: #3399CC;
	border: none;
}

.paragraphecentre {
	font-size: 90%;
	text-align: center;
}

p.paragraphecentre {
	font-size: 90%;
	text-align: center;
}

.paragraphecentre img {
	margin-top: 10px;
}

.border img { /*  Naruto c'est quoi  */
	border: black 1px solid;
}

img.border { /*  Naruto c'est quoi  */
	border: black 1px solid;
}

.border table { /*  Naruto c'est quoi  */
	width: 50%;
}

.border td { /*  Naruto c'est quoi  */
	text-align: center;
}

.paragraphe #left{
	float: left;
	vertical-align: top;
	margin-bottom: 5px;
	margin-right: 10px;
	border: black 1px solid;
}

.paragraphe #leftnoborder{
	float: left;
	vertical-align: top;
	margin-bottom: 5px;
	margin-right: 10px;
	
}

.paragraphe #right{
	float: right;
	vertical-align: top;
	margin-bottom: 5px;
	margin-left: 10px;
	border: black 1px solid;
}

.paragraphe #rightnoborder{
	float: right;
	vertical-align: top;
	margin-bottom: 5px;
	margin-left: 10px;
}

.paragraphe h3{
	font: bold 150% Arial,sans-serif;
	color: #333333;
	text-align: left;
	padding-left: 30px;
	background: #ffffff url(images/spirale2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: 30px;
	margin-left: 30px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 12px;
}

.paragraphe2 h3{
	font: bold 150% Arial,sans-serif;
	/*color: #795853;*/
	color: #333333;
	padding: 20px 0px 12px 0px;
	margin-left: 10px;
	text-align: left;
	text-indent: 30px;
	/*border-bottom: 1px #795853 solid;*/
	background: #ffffff url(images/spirale2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.paragraphe h4{
	font: bold 120% Arial,sans-serif;
	color: #333333;
	padding: 10px 0px 5px 0px;
	margin-left: 10px;
	text-align: left;
	text-decoration: underline;
}

.paragraphe q{
	font-style: italic;
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
}

.paragraphe table {
	width: 50%;
	text-align: center;
	margin: auto;
}

#hautpage {
	text-align: center;
	font: 80% Arial,sans-serif;
	color: #CCCCCC;	
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	font-size: 11px;
	width: 600px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

#hautpage a{
	text-decoration: underline;
}

#hautpage a:hover{
	text-decoration: none;
	color: red;
}

dl{
	font-size: 90%;
	margin-left: 10px;
	margin-right: 10px;
}

dt{
	font-size: 100%;
	background-color: #EEEEEE;
	margin-top: 10px;
	margin-bottom: 2px;
	color: #795853;
}

/*** PERSONNAGES ***/

.personnages {
	font-size: 0.9em !important;
	font-size: 0.8em;
}

.personnages a:hover {
	
	border: none;
}

.personnages table {
	width: 70%;
	border: 1px  #cccccc; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	margin-bottom: 10px;
	text-align: center;	
	
}



.personnages td {
	/*width: 12%;*/
	border: 1px dotted #cccccc;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align: left;

}


.personnages .right {
	text-align: right;
	width: 80px;
}

.personnages .left {
	text-align: left;
	width: 80px;
}

.personnages .center {
	text-align: center;
}

.personnages img {
	text-align: left;
	
}

.persoinfos3 {
	text-align: center;
	width: 33%;
	vertical-align: top;
	font-size: 90%;
	padding: 5px;
}

.txtcenter a:hover{
	color: #FF0000;
}

.txtcenter img{
	vertical-align: bottom;
}

.txtcenter {
	text-align: center;
}

.txtleft {
	text-align: left;
	padding-left: 10px;
}

.persoprincipal {
	text-align: left;
	padding-left: 10px;
	color: #ff0000;
}

.box a {
text-decoration:none;
display:block;


}

.box a:hover {
color:blue;}

.box a span {display:none;}

.box a:hover span {
position:absolute; top:10px; right:10px; z-index:3;
display:block;
width:100%; 
background:none;
}

a.info {
	position:relative;
	text-decoration: none;
}

a:hover.info {
  text-decoration: none; 
  background: none;
  z-index: 20;
}
a.info span {
	display: none;
}
a:hover.info span {
	display: inline;
	position: absolute;
	z-index: 20;
	top:1.5em;
	left:0.5em;
	background: #FFFFFF;
	color: black;
	width:80px;
	text-align:center;
	font-weight:normal;
	font-size: 10px;
	line-height:12px;
	border: none;
  }
  
.info img{
	border:none;
}




a.inforouge {
	position:relative;
	text-decoration: none;
	color: red;
}
a:hover.inforouge {
  text-decoration: none; 
  background: none;
  z-index: 20;
}
a.inforouge span {
	display: none;
}
a:hover.inforouge span {
	display: inline;
	position: absolute;
	z-index: 20;
	top:1.5em;
	left:0.5em;
	background: #FFFFFF;
	color: black;
	width:80px;
	text-align:center;
	font-weight:normal;
	font-size: 10px;
	line-height:12px;
	border: none;
  }
  
.inforouge img{
	border:none;
}

.imgleft {
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.imgright{
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.puceleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.puceright{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

/*.imgright img{
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}*/

.imgleft td{
	width: 210px;
}

cite {
	color: #ff0000;
}

.imagesbord img {
	border: 1px solid;
	margin: 5px;
}

.imagesbord {
	text-align: center;
}

.fichedesc{
	font-size: 0.9em;
	text-align: left;
}

.fichedesc img{
	text-align: center;
}

td.spirale {
	height: 30px;
	width: 100%;
	background: #FFFFFF url(images/spirale.png);
	background-position: center top;
}

/* ------------------------------------- */

.ficheperso h3{
	font: bold 150% Arial,sans-serif;
	/*color: #795853;*/
	color: #333333;
	margin-left: 10px;
	text-align: left;
	/*border-bottom: 1px #795853 solid;*/
	background: #ffffff url(images/spirale2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 30px;
}

.ficheperso table {
	height: 100%;
	width: 99%;
	text-align: justify;
	margin: auto;
	/*border: 1px black solid; /**********************************************************************************/
}

.bloc200right {
	width: 200px;
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	text-align: center;
	font-style: italic;	
}

.bloc200centre {
	width: 200px;
	margin-left: 28%;
	text-align: center;
	font-style: italic;	
}

.ficheperso {
	font-size: 90%;

	
}

.ficheperso p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.nuageleft {
	height: 236px;   /*********   Partie haute ******** */
	width: 144px;
	background-color: #ffffff;
	background-image: url(images/nu_001.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	vertical-align: bottom;
	overflow: auto;
}

.nuageleft2 {
	height: 236px;   /*********   Partie haute ******** */
	width: 144px;
}

.nuageright {
	height: 236px;  /*********   Partie haute ******** */
	width: 155px;
	background-color: #ffffff;
	background-image: url(images/nu_002.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	vertical-align: bottom;
	overflow: auto;

}

.nuageright2 {
	height: 236px;  /*********   Partie haute ******** */
	width: 155px;
}

.ficheperso_haut {
	/*********   Partie haute ******** */
	width: 100%;
	float: left;
}

.ficheperso_bas {
	padding-top: 0px;
	width: 100%;
	float:left;
	text-align: center;
	/*border-left: 1px solid #663333;*/
}


#Konoha {
	height: 100%;
	background-image: url(personnages/bg-konoha.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Suna {
	height: 100%;
	background-image: url(personnages/bg-suna.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Hoshi {
	height: 100%;
	background-image: url(personnages/bg-hoshi.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Ame {
	height: 100%;
	background-image: url(personnages/bg-ame.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Iwa {
	height: 100%;
	background-image: url(personnages/bg-iwa.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Yu {
	height: 100%;
	background-image: url(personnages/bg-yu.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Taki {
	height: 100%;
	background-image: url(personnages/bg-taki.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Takumi {
	height: 100%;
	background-image: url(personnages/bg-takumi.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Yuki {
	height: 100%;
	background-image: url(personnages/bg-yuki.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Kiri {
	height: 100%;
	background-image: url(personnages/bg-kiri.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Kumo {
	height: 100%;
	background-image: url(personnages/bg-kumo.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Moya {
	height: 100%;
	background-image: url(personnages/bg-moya.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Kusa {
	height: 100%;
	background-image: url(personnages/bg-kusa.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#None {
	height: 100%;
	background-image: url(personnages/bg-none.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Oto {
	height: 100%;
	background-image: url(personnages/bg-Oto.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Invocation {
	height: 100%;
	background-image: url(personnages/bg-invocation.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Bijuu {
	height: 100%;
	background-image: url(personnages/bg-Bijuu.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#Civil {
	height: 100%;
	background-image: url(personnages/bg-civil.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.ficheperso_haut table{
	height: auto;
	width: 100%;
	font-size: 0.9em;
	text-align: center;
	vertical-align: bottom;
	}
	
.ficheperso_haut td{
	/*border: 1px solid black;
	border-collapse: collapse; /* Colle les bordures entre elles */
	/*border-spacing: 0px;
	padding: 0px;*/
	vertical-align: top;
	width: auto;
	}

.ficheperso_bas div {
	float: left;
	vertical-align: top;
}

.ficheperso_bas table {
	width: 100%;
	vertical-align: top;
	border-collapse: collapse; /* Colle les bordures entre elles */
	text-align: center;
}

.ficheperso_infos {
	width: 99%;
	vertical-align: middle;
}

.ficheperso_infos table {
	/*width: 100%;     v1   */
	width: 100%;
	vertical-align: middle;
}

.ficheperso_infos td {
	/*width: 33%;*/
	vertical-align: middle;
	padding: 3px;
}

td.tableportrait { /* fiche personnages */
	width: 150px;
	vertical-align: top;
	text-align: center;
}

.tableportrait img { /* fiche personnages */
	margin-bottom: 10px;
	/*border: solid 1px black;*/
}

.evolution {
	width: 100%;
}

.evolution table {
	font-size: 0.9em;
	width: 100%;
	vertical-align: top;
}

.evolution td {
	width: 25%;
	vertical-align: top;
	border: 1px dotted gray;
}

.evolution th {
	color: #0046d5;
	border: 1px dotted gray;
}

.persoinfos {
	width: 100%;
	vertical-align: top;
}

.persoinfos table {
	font-size: 0.9em;
	width: 100%;
	vertical-align: top;
}

.persoinfos td {
	width: 25%;
	vertical-align: top;
	padding: 0px;
}

td.persoinfostitre {
	background-color: #bf9f9f;
	font-size: 1.2em;
}


.persoinfos th {
	color: #0046d5;
}

.nuage_hg {
	height: 8px;
	width: 27px;
	background-image: url(images/nuage_hg.png);
	background-repeat: no-repeat;
	line-height: 1px ;
	font-size: 1px;
}

.nuage_h {
	height: 8px;
	width: 100%;
	background-image: url(images/nuage_h.png);
	background-repeat: repeat-x;
	line-height: 1px ;
	font-size: 1px;
}

.nuage_hd {
	height: 8px;
	width: 28px;
	background-image: url(images/nuage_hd.png);
	background-repeat: no-repeat;
	line-height: 1px;
	font-size: 1px;
}

.nuage_g {
	height: 340px;
	width: 27px;
	background: url(images/nuage_g.png) top no-repeat;
}

.nuage_g_bg {
	width: 27px;
	background: url(images/nuage_g_bg.png) repeat-y;
}

.nuage_contenu {
	text-align: justify;
	vertical-align: top;
}

.nuage_d {
	height: 340px;
	width: 28px;
	background: url(images/nuage_d.png) no-repeat;
	background-position: top;
}

.nuage_d_bg {
	width: 28px;
	background: url(images/nuage_d_bg.png) repeat-y;
}

.nuage_bg {
	height: 18px;
	width: 27px;
	background-image: url(images/nuage_bg.png);
	background-repeat: no-repeat;
	clear: left;
}

.nuage_b {
	height: 18px;
	width: 100%;
	background-image: url(images/nuage_b.png);
	background-repeat: repeat-x;
}

.nuage_bd {
	height: 18px;
	width: 28px;
	background-image: url(images/nuage_bd.png);
	background-repeat: no-repeat;
}

.underline {
	text-decoration: underline;
}

.ficheimg  {
	width: 100%;
	text-align: center;
	margin: auto;
	padding-top: 10px;
}

.ficheimg p {
	text-align: center;
}

.ficheimg img {
	border: 1px solid black;
	margin-top: 5px;
	margin-bottom: 5px;
}

#stats {
	font-size: 90%;
	padding-left: 20px;
	float: left;
}

.combats table {
	font-size: 90%;
	width: 98%;
	vertical-align: top;
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	margin-bottom: 10px;
	text-align: center;
}

.combats td {
	border: 1px dotted #cccccc;
	padding: 2px;
}

.combats thead, tfoot {
	color: #663333;
}

td.chrono {
	background-color: #e2e2e2;
}

.relations table {
	font-size: 90%;
	width: 100%;
	vertical-align: top;
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	margin-bottom: 10px;
	text-align: center;
}

.relations td {
	border: 1px dotted #cccccc;
	padding: 2px;
	width: 50%;
}

.relations thead, tfoot {
	color: #663333;
}

#LSResult {
	position:absolute;
	left: 50%;
	z-index: 500;
	width: 190px;
	height: auto;
	max-height: 300px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #be8d5c;
	border: 1px solid  #CC3366;
	margin: 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow:auto;
	background: #fff no-repeat -4px -4px;
	text-align:left;
	}

#LSShadow,  #LSShadow A, #LSShadow A:hover, #LSShadow A:link, #LSShadow A:visited{
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5F5147;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

label {
	color: #333333;
	vertical-align: middle;
	margin-left: 10px;
}

fieldset {
	font-weight: bold;
	width: 500px;
	color: #0046d5;
	padding-bottom: 10px;
	margin-left : auto;
	margin-right : auto;
}

form {
	display: block;
	padding-bottom: 10px;
	margin-left : auto;
	margin-right : auto;
}

input {
	margin-bottom: 5px;
	vertical-align: middle;
}

.centre {
	text-align: center;
/*	margin: auto;*/
}

.centre fieldset {
	text-align: center;
}

legend {
	color: blue;
}

.centre img { /* image en dessous des portrait dans fiches persos */
	text-align: center;
}

.droite {
	text-align: right;
}

.gauche {
	text-align: left;
}

.justify {
	text-align: justify;
}

.cast table{
	width: 100%;
	border: 1px #cccccc; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	margin-bottom: 10px;
	text-align: center;
	
}

.cast td {
	/*width: 10%;*/
	border: 1px dotted #cccccc;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align: center;
	
}

.cast p {
	font-size: 0.9em;
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.spoiler {
	font-size: 0.9em;
	text-decoration: none;
	cursor: pointer;
	text-align: left;
	margin-bottom: 0px;
	margin-left: 10px;
}

.spoiler:hover{
	text-decoration: underline;
	cursor: pointer;
	text-align: left;
	margin-bottom: 0px;
	margin-left: 10px;
	font-weight: bold;
	color: #FF0000;
}

.table5 table{
	width: 100%;
	border: 1px #cccccc; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	border-spacing: 0px;
	margin: auto; /* Centre le tableau */
	margin-bottom: 10px;
	text-align: center;
	
}

.table5 td {
	vertical-align: top;
	border: 1px dotted #cccccc;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

.table5 th {
	text-align: center;
	color: red;
}

.capture {
	width: 100%;
}

.imgbloc {
	width: auto;
	float: left;
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 15px;
}

.imgbloc img{
	border: none;
}

.blocsommaire {
	margin-top: 50px;
	width: 100%;}

.imgblocborder {
	width: 140px;
	float: left;
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

.imgblocborder img{
	border: solid black 1px;
}

.imgcdblocborder {
	width: 140px;
	height: 200px;
	float: left;
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

.imgcdblocborder img{
	border: solid black 1px;
}

.imgjeuxblocborder {
	width: 140px;
	height: 250px;
	float: left;
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

.imgjeuxblocborder img{
	border: solid black 1px;
}

img.imgborder {
	border: solid black 1px;
}

.imgborder img{
	border: solid black 1px;
}	

img.imgborderleft {
	float: left;
	margin-right: 5px;
	border: solid black 1px;
}

.tableright {
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 8px;
	text-align: center;
	width: 100px;
}

.niveaux {
	
	font-size: 30px;
	text-align: center;
	color: red;
}	


.sommaire caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 14px;
   color: #003333;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
   margin-top: 10px;
}

.sommaire {

	border: 1px solid #cccccc; /* Bordure du tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	margin-left: auto; /* Centre le tableau */
	margin-right: auto; /* Centre le tableau */
	width: 90%;
}

.sommaire thead {

	border-bottom: 1px solid #cccccc; /* ... auront une bordure de 0px */
	text-align: left;
	background-color: #cccccc;

}


.sommaire a:link
	{
	color: #642722;
	text-decoration: none;
	}
	
.sommaire a:visited
	{
	color: #642722;
	text-decoration: none;
	}
	
.sommaire a:hover
	{
	color: #ff0000;
	text-decoration: underline;
	}

.sommaire td /* Les cellules normales */
{
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 3px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border-top: 1px dotted #cccccc;
}

.tomes {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.tomeimg {
	width: 600px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;

}

.tomeimg img{
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}



.dvdimg {
	height: 500px;	

}

.dvdimg img{
	float: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 5%;
}

.gris {
	color: #999999;
}

td.tablepays{
	width: 35%;
}

.anniv {
	font-size: 15px;
	font-style: italic;
}

.anniv a:link, .anniv a:visited{
	color:#333333;
}


.anniv a:hover{
	color:red;
}

/***********************************************/
/* 			Video Flash				        */
/***********************************************/

.flash {
	width: 100%;
	text-align: center;
}

.flash table {
	width: 285px;
}

.flashhaut {
	text-align: center;
	width: 285px;
	height: 30px;
}

.flashhaut img {
	vertical-align: bottom;
}

.flashbas {
	text-align: center;
	width: 285px;
	height: 46px;
}

.flashcentre img {
	vertical-align: bottom;
}

.flashcentre object {
	vertical-align: bottom;
}

.flashgauche {
	text-align: center;
	vertical-align: bottom;
	width: 64px;
	height: 120px;
}

.flashgauche img {
	vertical-align: bottom;
}

.flashdroite img {
	vertical-align: bottom;
}

.flashdroite {
	text-align: center;
	vertical-align: bottom;
	width: 61px;
	height: 120px;
}

.flashmilieu {
	/*float: left;*/
	
}

.gris {
	color: #999999;
}

/***********************************************/
/* 			Menus				        */
/***********************************************/

#Acc1 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc1 .AccordionPanelContent {
	height: 0px;
}
#Acc1 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#Acc2 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc2 .AccordionPanelContent {
	height: 0px;
}
#Acc2 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#Acc3 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc3 .AccordionPanelContent {
	height: 0px;
}
#Acc3 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#Acc4 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc4 .AccordionPanelContent {
	height: 0px;
}
#Acc4 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#Acc5 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc5 .AccordionPanelContent {
	height: 0px;
}
#Acc5 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#Acc6 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc6 .AccordionPanelContent {
	height: 0px;
}
#Acc6 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#Acc7 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc7 .AccordionPanelContent {
	height: 0px;
}
#Acc7 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#Acc8 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc8 .AccordionPanelContent {
	height: 0px;
}
#Acc8 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#Acc9 {
	width: 178px;
	margin: 0px;
	z-index: 50;
	background-color:#FFFFFF;
}
#Acc9 .AccordionPanelContent {
	height: 0px;
}
#Acc9 .AccordionPanelLabel {
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border-bottom: solid 1px gray;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
	background-color:#FFFFFF;
}

#panel1Content, #panel2Content, #panel3Content, #panel4Content {
	border: none;
}
#panel1Content.AccordionPanelContent{
	height:100px;
}
#panel1Content ul{
	list-style-type:none;
}

/**** FORUM ****/

.post
{
	overflow: auto;
	line-height: 1.3em;
	font-size: 0.9em;
	margin: 10px;
}

.post div
{
	overflow: auto;
	line-height: 1.3em;
	font-size: 0.9em;
	margin: 10px;
}

.smaller
{
	font-size: smaller;
}

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #91b817;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align: 	center;
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px;
}

.warning {
	text-align: center;
	color: white;
	border-bottom: black solid 1px;
	font-weight: bold;
	text-transform: uppercase;
}

.japflapnarrationtitre {
	color: #0000FF;
	text-decoration: underline;
}

.japflapnarration {
	color: #0000FF;
	font-style: italic;
}

.japflapdescription {
	color: #006633;
	font-style: italic;
}

sup {
	font-size: 6pt;
}

.tabledb1 table {
	width: 100%;
}

.tabledb1 td {
	width: 50%;
}



.tabletech h2{ margin-top: 50px; }
.tabletech table{ border:1px solid #ccc; font-size:85%; width: 100%; }
.tabletech th{
		background:#4A4A4A url(jquery/tablefilter/images/bg_th.jpg) left top repeat-x; 
		border-left:1px solid #C7C7C7;
		padding:5px; color:#fff; height:25px;
	}
.tabletech td{ padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; }
.tabletech pre{ margin:5px; padding:5px; background-color:#f4f4f4; border:1px solid #ccc; }