body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #3d4752 url(images/mw2_2.jpg) fixed;
	color: #d0d0d0;
}

#conteneur {
	width: 970px;
	margin: 0 auto;
	background: #000 url(./images/gnk1.png);
	border: #8fa5be solid 1px;
	border-bottom: 0;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}

/* Mise en page : Menu Header*/
#header {
	position: relative;
	height: 110px;
	margin: 10px auto 0 auto;
	width: 972px ;
}

#header a, #header img
{
	border: none;
}


#reseaux {
	color: #c9d2dd;
	background: #303840;
	font-size: 8pt;
	font-weight: bold ;
	margin: 0;
	padding: 0 20px;
	text-indent: 0;
	position: absolute;
	bottom: 5px;
	right: 48px;
}

/* Mise en page : Contenu*/
#centre {
	margin: 0 3px 0 202px;

}

/* Mise en page : Menu gauche*/
#gauche {
	float:left;
	margin: 25px 0 0 10px;
}

#gauche h3 {
	border: 1px solid #8fa5be;
	border-bottom: 0;
	background: url(images/title_background.png);
	height: 23px;
	padding-top: 7px;
	text-align: center;
	margin: 0;
	font-size: 1.5em;
	color: #fff;
	font-family: "Cooper Std Black", "Cooper Black", Arial, Helvetica, sans-serif;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}

#gauche h3 a {
	color: #fff;
}

#gauche h3, 	#gauche ul {
	width: 180px;
}

#gauche h3#menu_pperso
{
  font-size: 1em;
}

#gauche ul {
	border: 1px solid #8fa5be;
	border-top: 0;
	background: #303840;
	margin: 0;
	padding: 5px 0;
}

#gauche li {
	background: #c9d2dd;
	margin: 0 5px;
	padding: 1px 5px;
	list-style-type: none;
	color: #303840;
	font-weight: bold;
}

#gauche li a {
	color: #303840;
}

/* Mise en page : Footer*/
#pied {
	height: 64px;
	width: 970px ;
	margin: 5px auto 0 auto;
	background: #424242 url(images/footer.png) -1px 0 no-repeat;
	clear:both;
	padding-top: 5px;
	border-top: 1px solid #8fa5be;
}
#pied_1{
	border: thin inset;
	height: 35px;
	padding: 4px 0;
	width: 180px ;
	background: #303840;
	text-indent: 0;
}
#pied_2{
	width: 970px ;
	font-size: 0.8em;
	text-indent: 0;
	
}

#pied_2 a:hover{
	text-decoration: underline ;
}
#pied_2 a, #pied_2 {
	color: black;
}
#pied_1,#pied_2{
	text-align: center;
	margin: 3px auto 0 auto;
}

#pied_1{
	margin: px auto 0 auto;
}

#congratulation{
	border: thin inset;
	padding: 30px 50px;
	background: #303840;
	margin: 30px 50px;
}

.pagination
{
	border: 1px solid #6783a2;
	padding: 0;
	margin: 2px 60px 0 0;
}

.pagination a
{
	color: #3d4752;
	/*background: #000;*/
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0 5px;
	margin: 0;
	height: 16px;
}

.pagination a:hover
{
	border: 1px solid #6783a2;
	text-decoration: none;
}

.formnpage
{
	float: right;
}
.formnpage form select
{
	background: transparent;
	color: #3d4752;
	border: 1px solid #6783a2;
	padding: 0;
	margin: 0;

}

.formnpage form select option
{
	border: 0;
	padding: 0;
	margin: 0;
	background: #000;
}

/*Info bulle description*/
.description
{
	cursor: default;
	position: relative;
}

.description:hover
{
	color: #404040;
}
.description div
{
	border: 1px solid #000; 
	background: #3d4752;
	color: #000;
	cursor: auto;
	z-index: 10; 
	padding: 2px;
	position: absolute; 
	right: 30px;
	top: 5px;

	visibility: hidden; 
	width: 300px;
	overflow: auto;
}
.orange, .orange, .bleu, .rouge, .vert, .gris
			{border: 4px solid #000;}
.orange  	{background: #ffa500;}
.bleu 		{background: #40ffff;}
.rouge 		{background: #ff4040;}
.vermillon	{background: #c00000;}
.vert 		{background: #40ff40;}
.gris 		{background: #404040;}

textarea
{
	width:98%;
	margin: 0 0 15px 0;
}

#message
{
	background-image : url(images/ninja001.jpg);
	background-position : top right;
	background-repeat : no-repeat;

}

/*Class génériques*/
h1								{color: #fff; border-bottom: 2px solid #fff; border-left: 5px solid #fff; padding: 0 0 1px 57px; margin:25px 0 10px 0; font-size: 24pt; font-family: Impact, verdana; background: url(images/machin.gif) no-repeat;}
h2								{color: #fff; border-bottom: 1px solid #fff; border-left: 3px solid #fff; padding: 0 0 1px 1px;  margin-left : 30px;   font-size: 16pt; display:inline;}
h3								{color: #ffa500; font-size: 12pt;}
h4								{color: #c9d2dd; text-decoration: underline;}
p								{text-indent: 15px;}
strong							{color: #c9d2dd; font-weight: bold;}
input[type="submit"]:hover,
input[type="button"]:hover		{margin:0; padding:0; background: #3d4752; color: #c9d2dd; border:  #303840 solid 1px; cursor: pointer;}
input:focus						{margin:0; padding:0; background: #3d4752; color: #000; border:  #303840 solid 1px;}
input							{margin:0; padding:0; background: #303840; color: #c9d2dd; border: #3d4752 solid 1px;}

img								{display: block;  margin: auto;}
img.image						{display: inline; margin: 0;}
img.float						{float: right;}

.puce						    {display: inline; margin: 0;}
a								{color: #6783a2; text-decoration: none ;}
a:hover							{color: #6783a2; text-decoration: underline ;}
fieldset						{margin: 10px 0 ;}
legend							{color: #d0d0d0; font-weight: bold;}


.c_orange						{color: #ffa500;}
.alert							{color: red; font-weight: bold ;}
.right							{text-align: right;}
.p								{margin: 5px 0; padding: 5px 0; text-indent: 0;}
.messenger						{text-transform: uppercase;}
.gras							{font-weight: bold;}

/*Tableau*/
table								{text-align: center; font-size: 8pt; margin: 15px auto; width: 99%; border: 1px solid #6783a2; border-collapse: collapse; background: #000 url(images/mw2.jpg) center no-repeat;}
table tr							{color: #c9d2dd;}
table td							{border: 1px solid #6783a2; padding: 0;}
table tr:hover, .categorie_tableau	{background: #303840; color: #c9d2dd;}
table .jeux							{text-align: left;}
table input[type="submit"], input[type="button"]	{display: block; width: 100%; height: 100%; cursor: pointer; padding: 1px; border: 0;}
table a								{display: block; padding: 2px 0;}
table form							{display: inline; }


/*
 border="1"  cellspacing="0" cellpadding="0" width="99%"
*/