body
{
    font-family: verdana;
	font-size: 12px;
	background-color: #FFFFFF;
	margin: auto; 
	padding: auto;
	color: #555;
}
a:link 		{ color:#777;  text-decoration:none;}
a:visited 	{ color:#777;  text-decoration:none;}
a:hover		{ color:#d9b800; }
a:active 	{ color: #d9b800; }

img
{
border: 0px; 
vertical-align: middle;
}
input
{
margin: 2px;
}
#top
{
margin: auto;
width: 900px;
height: 50px;
background-image: URL('top.jpg');
overflow: hidden;
}
#logo
{
width: 40%;
height: 50px;
float:left;
margin: auto;
}
#search
{
margin: auto;
width:60%;
height: 50px;
float: left;
color: #CCC;
}
#menu
{
margin: auto;
padding: 2px;
width: 870px;
overflow: hidden;
}

.menu-icon
{
margin: 3px;
padding: 3px;
float: left;
border: 1px solid #DDD;
text-align: center;
font-size: 13px;
font-weight: bold;
}
.menu-icon a
{
display: block;
background-color: #EEE;
}
.menu-icon a:hover
{
display: block;
background-image: URL('menu-icones.jpg');
}

#contenu
{
margin: auto;
width: 878px;
background-image: URL('back-contenu.jpg');
background-repeat: repeat-x;
text-align: center;
overflow: hidden;
min-height: 100px;
}

#contenu-left
{
padding: 2px;
width: 76%;
float: left;
}
#contenu-right
{
padding: 2px;
width: 22%;
float: left;
}
.zone-left
{
margin: 3px;
padding: 4px;
width: 98%;
float: left;
border: 1px solid #DDD; 
text-align: left;
}
.zone-right
{
margin: 3px;
width: 98%;
float: left;
padding: 5px;
border: 1px solid #DDD; 
text-align: left;
}
.zone-top
{
width: 99%;
text-align: left;
background-color: #EEE;
font-weight: bold;
text-align: center;
padding-bottom: 3px;
}
.zone-top a
{
color: #3366cc;
font-size: 14px;
}
.jeux
{
margin: 3px;
width: 48%;
float: left;
text-align: center;
}
.wallpaper
{
margin: 3px;
width: 32%;
float: left;
text-align: center;
}