/* CSS Générale */
* {
	margin: 0;
	padding: 0;
		font-weight:normal;

}
body {
	background-color:#000;
	color:#80807c;
	font-family:Arial, Helvetica, sans-serif;
	/*overflow:hidden;*/
	top:-10px;
}
a{
	text-decoration:none;
	color: #333; /* color avt*/
	color: #63ACF5;
	color: #5A678B;
	color:#333;
}
a:hover {
	text-decoration:underline
}

p {
	font-size:xx-small;
	color:#80807c;
}
img {
	border:none;
}
h1 {
	color:#28231E;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h2 
{
	color:#6D6052; 
	font-size:12px;
	letter-spacing:0.08em;
	padding:0 0 5px 7px;
	margin:-9px 0px 20px 0px;
	text-transform:lowercase;
}
h3 {
	text-align:left;
	font-size:11px;
	margin:10px 0 10px 10px;
	color:#5c5b56;
	font-weight:normal;
	text-transform:lowercase;
}
h4 {
	text-align:left;
	padding:5px 0 5px 0;
	font-size:12px;
	letter-spacing:0.2em;
	color:#BBBAAE;
	font-weight:normal;
	text-transform:lowercase;

}
li {
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
	list-style:none;
	text-align:left;
}
	li a {
		display:block;
		padding:1px;
	}
	li a:hover {
		text-decoration:underline;
		color:#ffffff;
		background-color:#333; /* color avt*/
	}
ul {
position:relative;
	height:100px;
}
.colDyn 
{
	color: #333; /* color avt*/
}
.colSurDyn 
{
	color: #05247e;
}
.bigMessage {
	font-size:14px;
	color:#333333;
	font-weight:bold;
}
input,textarea{
	font-size:xx-small;
	color: #333; /* color avt*/
}
textarea{
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	padding:3px;
}

/* SPECIFIQUE ################################ */

#top {
	background:url(../img/men.gif) no-repeat right bottom; 
	padding-left:10px;
	padding-right:10px;
	height:55px;
	border-bottom:1px #CCC solid;
}
#top h1 {
	padding-top:10px;
	font-size:18px;
	color: #63ACF5;
}
#top h1 a{	color: #63ACF5;
}

#top h2{
	margin:0;
	color:#6D6052;
	font-size:9px;
	margin-top:-4px;
	margin-left:-6px;
	font-weight:lighter;
}
#pilePixel {
	background:url(../gen/pile.png) no-repeat;
	width:1200px;
	height:1200px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-870px;
	margin-top:-300px;
	z-index:0;
}
#boite {
	background-color:#FFF;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 600px;
	height: 600px;
	padding:10px;
	margin-top: -300px;
	margin-left: -300px;
	
}

.colone_droite {
	margin-left:20px;
}
#mens
{
	margin:0 0 0 20px;
	padding:10px;
}
#palettePerso {
	margin-left:60px;
	margin-top:30px;
}
		#palettePerso .echan {
			margin-top:50px;
			margin-right:20px;
			padding-top:40px;
			width:90px;
			height:50px;
			display:block;
			float:left;
			font-size:10px;
			font-family:"Courier New", Courier, monospace;
			line-height:10px;
			text-align:center;
			border:0;
		}
		#palettePerso #picker {
			float:left;
			margin-right:20px;
		}
		#palettePerso .valid {
			margin-top:90px;
		}
		
		
.expli {
	padding-top:20px;
	clear:both;
}

#rss {
	position:absolute;
	margin:10px 0 0 564px;
}
.grandPScroll  
{	
	height:480px;
	width:170px;
	position:absolute;
	left:430px; 
	top:95px;
	/*margin:15px 0 0 0px;*/
	padding:0 0px 0px 0px; 
	overflow:auto!important;
}
#detailPixel {
	font-size:9px;
	margin-top:10px;
	padding-left:20px;
	width:500px;
	height:290px;
}
#detailPixel h3{
	margin:0;
	padding:0;
	margin-top:10px;
	color:#666666;
}
#detailPixel #infoPixel{
	margin:0;
	padding:0;
	height:80px;
	position:absolute;
	top:110px;
	left:130px;
}
#detailPixel .message {
 overflow:auto;
 padding:5px 0 0 0;
 height:175px;
 width:250px;
}

/*_____________________ */
#ColonePixPrecSuiv {
		float:left;
		width:169px;
	}
	#ColonePixPrecSuiv img {
		margin-bottom:3px;
	}
	#ColonePixPrecSuiv .imgOn{
		background:url(../img/flecheSelect.gif) right no-repeat;
		margin:0 0 0px 10px;
		display:block;
	}

#ThePixel {
		background-color:#FF0;
	}
	#ThePixel p {
		float:left;
		text-align:left;
		height:90px;
		width:110px;
	}
#ContenuPixel {
	width:400px;
		margin-left:170px;
	
}	
#ContenuPixel h1{
	margin-top:116px;
	margin-bottom:20px;

	font-size:16px;
	}
	.textePixel {
		overflow:auto;
		height:340px;
		width:425px;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		padding:0 0 0 0;
	}
	
/*_____________________ */
.formAdd {
	margin-left:20px;
}
.formulaire {
	margin:0px 0 0 175px;
	font-size:0.6em;
}
	.formTitreMess {
		font-size:0.6em;
	}
	.bouton {
		padding:3px;
		background-color:#FFFFFF;
		border:1px solid  #333; /* color avt*/
		color:#23201D;
		width:100px;
		margin-left:270px;
		margin-top:10px;
	}
	.resumPixMan {
		float:left;
		font-size:0.6em;
	}
/*_____________________ */
	.murFla {
		padding-top:10px;
	}
	
/* ############# T o d a y ###################"" */ 

#uneToday {
	margin-top:40px;
	text-align:left;
	width:580px;
	margin-left:120px;
}
	#uneToday p{
		width:580px;
		text-align:left;

	}
	#uneToday sup {
		font-size:18px;
		letter-spacing:0;
		margin-left:5px;
	}
	#uneToday h2{
		font-size:48px;
		color:#1a1a1a;
		letter-spacing:-3px;
		line-height:0px;
		margin-left:-13px;
		font-family:"Courier New", Courier, monospace;
		font-style:normal;
	}
	#uneToday h2 a{
		color:#1a1a1a;
	}
#coloneToday {
	margin-top:0px;
	text-align:left;
	background-color:#FF0;
	margin-left:120px;
}
	#coloneToday h3{
		margin:0px;
		margin-bottom:10px;
	}
	#coloneToday p{
				width:200px;

		padding-left:8px;
	}
	#coloneToday #moyPix a{
	display:block;
	height:25px;
	}
		#coloneToday #moyPix strong{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#B5B1A6;
	}
	
	#coloneToday img{
	margin-right:5px;
	}
	#coloneToday div {
	float:left;
	}
	#coloneToday #ptPhrase {
	margin-top:5px;
	}
	#coloneToday #ptPhrase img {
	margin-left:-7px;
	}
	
	
/* MORE */
#more {
	margin:0 300px 0 0;
	padding:0 20px 0 0;
	overflow:auto!important;
	overflow:scroll;
}
#more p{
	text-align:left;
	margin-left:20px;
}
#gen 
{
	visibility:hidden;
	font-size:10px;
	position:absolute;
	bottom:0px;
	right:0px;
}
#copy {
	font-size:9px;
	position:absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 50px;
	padding:10px;
	margin-top: 290px;
	margin-left:95px;
	text-align:right;
	color:#796F64;
}
#couleurMoyTop {
	position:absolute;
	font-size:9px;
	top:10px;
	left:20px;
	height:20px;
	padding:2px;
	padding-top:0px;
	background:#000;
	color:#bbbaae;
	
}
#couleurMoyTop a {
	color:#bbbaae;
	display:block;
}
	#retour {
		position:absolute;
		right:1px;
		z-index:2500;
	
	}
#topMen 
{
	height:490px;
	margin:15px 0 0 145px;
	padding:0 100px 0 50px;;
	overflow:auto!important;
	overflow:scroll;
}
#top50
{
	height:490px;
	margin:0 0 0 20px;
	overflow:auto!important;
	overflow:scroll;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}
#top50 a {
	background:none;
	color:#000000;
}
#topMen h4
{
	letter-spacing:-1px;
	color:#8A8A79;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	height:13px;
	padding-left:36px;
	margin-top:-36px;
	}


#topMen p {
	padding-left:36px;
}
#topMenMaker 
{
	height:490px;
	margin:0 0 0 20px;
	overflow:auto!important;
	overflow:scroll;
}
#topMenMaker  p {
	margin-top:35px;
}

	#topMenMaker img {
		height:35px;
		width:35px;
		border:0;
		z-index:100;
		background-color:#FFFFFF;
	}
	#topMenMaker img:hover{
		margin-top : -70px;
		margin-lef : -70px;
		height:70px;
		width:70px;
		z-index:0;
	}
	#topMenMaker h3{
		height:15px;
		margin-left:0px;

	}
#moyenneAll 
{
	height:290px;
	margin:15px 0 0 145px;
	padding:0 100px 0 50px;;
	overflow:auto!important;
	overflow:scroll;
}
#moyenneAll img  {
	width:10px;
	height:10px;
}
#moyenneAll h3{
	height:15px;
	font-size:10px;
	margin-left:0px;
}
/* flag */
#langueFlag {
	position:absolute;
	right:250px;
	bottom:10px;
	text-align:right;
	width:50px;
	font-size:9px;
	color:#796F64;
	line-height:12px;
}
#langueFlag a {
	text-align:center;
	color:#796F64;
	float:left;
	display:block;
	width:22px;
	height:16px;
}
.lstPixel {
			border-left:15px solid;
			height:15px;
			margin-bottom:3px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			font-weight:lighter;

}

.lstPixel a {
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			font-weight:lighter;
			display:block;
			color:#999;
			
			width:150px;
}