@charset "utf-8";
*{
	font-family: "Times New Roman", Times, serif;
}

html, body{
	height: 100%;
	margin:0;
	
}

body{
	background-color:#CC0000;
}

div#tout{
	min-height: 100%;
	margin:auto;
	width:1180px;
}
div#tete{
	background:url(../images/mise_en_page/tete.png) no-repeat;
	height: 120px;
	position: relative;
	width:1000px;
}

	
	img#logo{
		float:left;
		margin-left:10px;
		margin-top:25px;
		position:absolute;
	}
/*info inscrit*/
	div#info_nb_inscrit{
		width:180px;
		position:absolute;
		margin-left:230px;
		height:100px;
		background:url(../images/mise_en_page/info_inscrit.png) no-repeat;
	}
		div#info_nb_inscrit p{
			margin-right:15px;
			margin-top:12px;
			text-align:center;
		}
		div#info_nb_inscrit b,a#lienEnLigne{
			color:#CC0001;
		}
		div#info_nb_inscrit b#inscrivezVous{
			cursor:pointer;
			text-decoration:underline;
		}
		p#infoDeux{
			padding-top:8px;
		}
	table#tabLien{
		position:absolute; right:0; margin-top:5px;
		margin-right:10px;
	}
		table#tabLien td img{
			border:none;
		}
/*connexion*/	
	#connexion{
	
		background:url(../images/mise_en_page/banniere.png) no-repeat;
		padding-left:170px;
		float:right;
		margin-right:10px;
		margin-top:5px;
		color: black;
		width:400px;
		height:100px;
		padding-bottom:1px;
		font-size:14px;
	}
		div#connexion p{
			margin:0;
			padding:0;
		}
		div#connexion b{
			margin-left:25px;
			color:#CC0001;
		}
		div#connexion form { margin:0;padding:0; } 
		
		div#connexion label#label_identifiant_connexion ,label#label_motdepasse_connexion{
			display:block;
			width:100px;
			float:left;
		}
		div#connexion input#jouer{
			background:url(../images/mise_en_page/bouton_jouer.png) top left no-repeat;
			border:0;
			cursor:pointer;
			margin-right:90px;
			height:50px;
			float:right;
			width:50px;
		}
		div#connexion input#jouer:hover{
			background:url(../images/mise_en_page/bouton_jouer.png) top right no-repeat;
		}
		div#connexion input#jouer:active{
			background:url(../images/mise_en_page/bouton_jouer.png) bottom left no-repeat;
		}
		div#connexion input#identifiant_connexion, div#connexion input#motdepasse_connexion{
		margin:1px;
		padding:0;
		width:125px;
		}

div#page {
	background:url(../images/mise_en_page/corps.png) repeat-y;
	overflow: auto;
}
	div#page h1{
		font-family:'Brush Script MT', Phyllis, 'Lucida Handwriting', Arial, cursive ,serif;
		text-align:center;
	}

	div#menu{
		float:left;
		width:200px;
		position:fixed;	
	}
		div#menu ul{
			padding:0;
			list-style: none;
			margin-left:10px;
			margin-top: 0px;
		}
			div#menu ul li{
				height: 32px;
				width: 120px;
				padding-left:60px;
				padding-top:10px;
				font-family:"Times New Roman", Times, serif;
				font-size:90%;
				margin-bottom: 3px;
			}

			div#menu ul li:hover{
				color: #FBFBFB;
				font-style:italic;
				cursor:pointer;
			}
			
			div#menu ul li#luffy{
				background:url(../images/menu/luffy.png) top left no-repeat;
			}
			div#menu ul li#luffy:hover{
				background:url(../images/menu/luffy.png) bottom left no-repeat;
			}
			
			div#menu ul li#nami{
				background:url(../images/menu/nami.png) top left no-repeat;
			}
			div#menu ul li#nami:hover{
				background:url(../images/menu/nami.png) bottom left no-repeat;
			}
			
			div#menu ul li#zorro{
				background:url(../images/menu/zorro.png) top left no-repeat;
			}
			div#menu ul li#zorro:hover{
				background:url(../images/menu/zorro.png) bottom left no-repeat;
			}
			
			div#menu ul li#ussop{
				background:url(../images/menu/ussop.png) top left no-repeat;
			}
			div#menu ul li#ussop:hover{
				background:url(../images/menu/ussop.png) bottom left no-repeat;
			}
			
			div#menu ul li#sandy{
				background:url(../images/menu/sandy.png) top left no-repeat;
			}
			div#menu ul li#sandy:hover{
				background:url(../images/menu/sandy.png) bottom left no-repeat;
			}
			
			div#menu ul li#chopper{
				background:url(../images/menu/chopper.png) top left no-repeat;
			}
			div#menu ul li#chopper:hover{
				background:url(../images/menu/chopper.png) bottom left no-repeat;
			}
			
			div#menu ul li#robin{
				background:url(../images/menu/robin.png) top left no-repeat;
			}
			div#menu ul li#robin:hover{
				background:url(../images/menu/robin.png) bottom left no-repeat;
			}
			
			div#menu ul li#franky{
				background:url(../images/menu/franky.png) top left no-repeat;
			}
			div#menu ul li#franky:hover{
				background:url(../images/menu/franky.png) bottom left no-repeat;
			}
			
			div#menu ul li#brook{
				background:url(../images/menu/brook.png) top left no-repeat;
			}
			div#menu ul li#brook:hover{
				background:url(../images/menu/brook.png) bottom left no-repeat;
			}
			div#menu ul li#rss{
				background:url(../images/menu/rss.png) bottom left no-repeat;
			}
			div#menu ul li#rss:hover{
				background:url(../images/menu/rss.png) top left no-repeat;
			}
			
	div#corps{
		min-height:420px;
		width: 770px;
		float:right;
		margin-right:30px;
		padding-left:5px;
		max-height:8000px;
	}

div#pied{
	background:url(../images/mise_en_page/pied.png) no-repeat;
	height:53px;
}
	div#copyright{
		bottom:0;
		width:770px;
		float:right;
		margin-right:190px;
		margin-top:30px;
		color: #F5F5F5;
		text-align:center;
		text-decoration:none;
		
		
	}
		div#copyright a img{
			color: #CCCCCC;
			text-decoration:none;
			font-weight:bold;
			border: none;
			margin-left:3px;
		}
/**/
.rouge {
	color:#FF0000;
}
.vert {
	color: #009900;
}
.bleu {
	color: #0066FF;
}
.marron {
	color: #663300;
}
/**/
hr {
	margin:20px 20px 20px 20px;
}

h1{
	font-family:"Times New Roman", Times, serif;
}
/*no script*/
.no_script{
	text-align:center;
	border:double 5px red;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#FFFFFF;
}
/*colonne Droite*/
div#colonneDroite{
margin:0; padding:0;float:right; width:150px; height:500px;  margin-top:5px; margin-right:15px;
}
div#colonneDroiteTop{
background:url(../images/mise_en_page/colonneDroiteTop.png) no-repeat top;
height:14px;
}
div#colonneDroiteCorps{
background:url(../images/mise_en_page/colonneDroiteCorps.png) repeat-y;
min-height:50px;
}
div#colonneDroiteBottom{
background:url(../images/mise_en_page/colonneDroiteBottom.png) no-repeat;
height:14px;
}

div#colonneDroiteCorps a#testerBattleOnline{
background:url(../images/mise_en_page/testerBattleOnline.png) right no-repeat; width:140px; height:135px; display:block; margin:auto; text-align:center; text-decoration:none; font-size:14px; padding-top:5px; color:#151515; margin-bottom:10px;
}
div#colonneDroiteCorps a#testerBattleOnline:hover{
background:url(../images/mise_en_page/testerBattleOnline.png) left no-repeat;
}
div#colonneDroite hr{
padding:0; margin:0; width:90%; margin:auto; margin-top:2px; margin-bottom:4px;}
div#colonneDroite h4{
margin:0; padding:0; text-align:center; padding-top:6px; color: #333333;}
div#colonneDroite ul, div#colonneDroite li{
margin:0; padding:0; list-style:none; }
div#colonneDroite li{ padding-left:10px; font-size:14px; color: #0033CC;}