/*--------BODY----------------------------------*/
body 
{
	margin: 0;
	padding: 0;
	font: 12px "Verdana", "Arial", "Helvetica", "Lucida Grande" , "sans-serif";
	background: #1d1d20;
	color: #b3b3bb;
}

/*--------BANIERE----------------------------------*/
div#baniere 
{
	
	top: 100px;
	background: #1d1d20;
	height: 100px;
	border-bottom: 8px solid #2a2a2f;
}

div#baniere-contenu
{
	width: 800px;
	margin: 0 auto;
}

div#baniere p, div#baniere h1, div#baniere ul {
	margin: 0;
	padding: 0;
}
/*--------LOGO----------------------------------*/
div#logo h1 a 
{
	position: absolute;
	background: url(../images/logo3.gif) no-repeat;
	height: 52px;
	width: 300px;
	left: 10px;
}

div#logo a 
{		

	margin-top: 20px;
	display: block;
}

div#logo h1 a span, div#logo p
{
	display: none;
}

span.descri
{
	display: none;
}
/*--------BasDePage----------------------------------*/
div#basDePage-contenu 
{
	width: 800px;
	margin: 0 auto;
}
#basDePage
{
	background: #1d1d20;
	border-top: 8px solid #2a2a2f;
	margin-top: 40px;
	font-size: 9px;
	color: #595965;
	padding: 15px 0;
	height: 1%; /*crazy ie7...*/
	text-align: center;
}

#basDePage a.By 
{
	display: block;
	background: url(../images/mucca.gif) no-repeat bottom right;
	height: 43px;
	width: 54px;
	margin: 0 auto;
}

#basDePage a.By:hover 
{
	background-position: top right;
}

/*--------MENU----------------------------------*/
ul#onglets {
	clear: both;
	float: right;
	list-style: none;
	position: relative;
	top: 75px;
}

ul#onglets li {
	float: left;
	margin-left: 5px;
	line-height: 1.4;
}

ul#onglets li a {
	color: #fff;
	text-shadow: 2px 2px 1px #2a2a2f;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	width: 85px;
	height: 15px;
	padding: 5px 0;
	display: block;
	background-image: url(../images/tab.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

ul#onglets li a:hover, ul#menu li a:active {
	background-position: top left;
}

ul#onglets li a.selected {
	background-position: bottom left;
}

/*--------MEDIATEMPLE----------------------------------*/
p#mediatemple a 
{
	float: right;
	height: 20px;
	width: 113px;
	background: url(../images/mediatemple.gif) no-repeat;
}

/*p#mediatemple a 
{
	margin-top: 20px;
	display: block;
}
p#mediatemple span 
{
	display: none;
}*/

/*--------CONTENU----------------------------------*/

/*span.clr {
	display: block;
	clear: both;
}*/

#contenu
{
	position: relative;
	width: 700px;
	left: 200px;
	z-index: 10000;
	background: #1d1d20;
	padding-top: 20px;
	font-size: 14px;
}

div#content.selected 
{
	
}



/*--------BARRE LATERALE----------------------------------*/

#sidebar {
	position: absolute;
	z-index: 1;
	width: 180px;
	left: -30px;
	top: 120px;
}

#sidebar ul {
	list-style: none;
}

#sidebar a, #sidebar h3.cat {
	width: 130px;
	display: block;
	padding: 3px 5px 3px 40px;
	background: url(../images/tab_small.gif) center right no-repeat;
	margin: 5px 0;
	text-decoration: none;
}

#sidebar a {
	color: #595965;
}

#sidebar a.big, #barreLaterale h3.cat {
	background: url(../images/tab_big.gif) center right no-repeat;
	padding: 4px 5px 4px 40px;
	margin: 8px 0;
}

#sidebar h3 {
	font-size: 13px;
}

#sidebar h3.cat {
	color: #cbcbcb;
	text-shadow: 1px 2px 1px #222;
}

#sidebar a.big {
	color: #fff;
}

#sidebar a.blog {
	background-image: url(../images/tab_forum.gif);
	background-color: #c17878;
}

#sidebar a.docs {
	background-image: url(../images/tab_docs.gif);
	background-color: #7389ae;
}

#sidebar a.download {
	background-image: url(../images/tab_download.gif);
	background-color: #78ba91;
}

#sidebar a.trac {
	background-image: url(../images/tab_trac.gif);
	background-color: #a87aad;
}