body
{

width: 90%;
margin-left: auto;
margin-right: auto;
background-color:#363e58;
font-size:11px;
font-family: verdana;
color:#000000;
background-image:url("interface/fond.jpg");
}



#site
{
width:1024px;
margin-left: auto;
margin-right: auto;
background-color:#363e58;
}

#haut
{
height: 100px;
width:1024px;
background-image:url("interface/offgame.png");
}



#jeux
{
height: 150px;
width:1024px;
}

.gameacc
{
width:500px;
height:150px;
background-color:#c2bfe3;

}
.gauchegame
{
Margin-left:5px;
float:left;
}

.droitegame
{
Margin-left:515px;

}


.newsaccent
{
width:100%;
border: 1px solid black;
}

.newsacc
{
width:300px;
border: 1px solid black;

}

.blocnews
{
height:100%;
}

.blocmembre
{
height:100%;
}

#menuhaut
{
width:1024px;
height:100%;
}

#gauche
{
width:120px;
height:100%;
float: left;
Margin-top:20px;
margin-left:10px;
background-color:#c2bfe3;
}


#droite
{
Margin-top:20px;
width:120px;
height:100%;
float: right;
background-color:#c2bfe3;
margin-right:10px;
}

#centre
{
Margin-left:150px;
width:725px;
Margin-top:20px;
height:100%;

background-color:#c2bfe3;
}

#pied
{
height: 50px;
width:1024px;
Margin-top:300px;
background-color:#c2bfe3;
}




.gauche
{
Margin-left:25px;

}

.droite
{
Margin-left:380px;
}



.titre
{
background-color:#2f2f49;
width:100%;
text-align : center;
padding-right:0px;
margin-right:0px;
color:#9bb2ec;

}

.floatleft
{
float:left;
}

.gameacctell
{


}

.padding
{
padding:0px;
}

h1
{
font-size:14px;
margin-top:0px;
margin-right:0px;
}

h2
{
font-size:12px;
margin-top:0px;
color:#003399;
}

h3
{
font-size:12px;
margin-top:0px;
margin-bottom:0px;
}

a {
font-family: verdana;
color: #231c71;
text-decoration: none;
font-weight: bold;

}
a:hover {
font-family: verdana;
color: #17776b;
text-decoration: none;
font-weight: bold;
}

p
{
padding : 5px;
}

.centerbbcode
{
text-align:center;
}

.center
{
text-align:center;
}

.telechargement
{
border:1px solid black;
}

table,tr ,td
{

margin-left: auto;
margin-right: auto;
border-collapse: collapse;
padding-right:5px;
padding-left:5px;
margin-bottom: 20px;
border: 1px solid black;
}

.score
{
width:200px;
}

.cadre
{
border: 1px solid #007575;
width:600px;
margin-left: auto;
margin-right: auto;
}

.commenom
{
background-color:#363e58;
color : #dcc500;
}

.commenom  a {
font-family: verdana;
color: #dcc500;
text-decoration: none;
font-weight: bold;

}
.commenom  a:hover {
font-family: verdana;
color: #97a30c;
text-decoration: none;
font-weight: bold;
}

.message
{
background-color:#a3a0c7;
}


/* On reset tout*/
*{padding: 0px; margin: 0px;}
a{text-decoration: none;}





#menu{
	margin-top: 10px;
	list-style: none; /* Enleve les puces horribles des listes */
 
}

/* Pour modifier l'aspect des boutons qu'il faut survoler pour afficher les sous menus ! */
#menu > li{
	
	background: #1a1919;
	color: #ffffff;
	border-left: 1px solid #000000;
	
	width: 140px; /* Si tu touche a ceci va voir : #menu li ul -> margin-top*/
	height: 30px;
	padding: 0px 15px 0 10px; /* top left bottom right / si tu augmente le top ou bottom => diminue le padding (et inversement) idem left et right */
	
	/* Pas touché a ce qui se trouve ici : */
	float: left;
}
/* Cas ou tu veux mettre un sans sous menu avec un couleur de police et fond spécial */
#menu > li.home{background: #2e2e2e; color: #ffffff#;}

#menu
{
 z-index: 2;
}

.flash
{
 z-index: 1;
}


#menu li ul{

	background: #313C4C;
	
	min-width: 150px; /* Taille minimum (cas de lien + petit que le bouton a survolé) */
	margin-top: 10px; /* A modifier si tu touche a la taille de : #menu > li */
	
	/* Pas touché a ce qui se trouve ici : */
	display: none;
	position: absolute;
	list-style: none;
	margin-left: -10px; /* ! pour l'espacement des puces a gauche */
}

#menu li:hover ul{
	display: block; /* youhou on survole ! ne marche pas avec IE 6 et p-e 7 je sais plus :p */
}

#menu li ul li{
	float: left;
	clear:both;
	height: 30px;
	width: 100%;
	padding: 3px 12px;
}

#menu li ul li a{
	display: block;
	color: #ffffff;
}
#menu li ul li a:hover{
	color: red;
}