/**************** Page and tag styles ****************/

body
{
	margin:0;
	padding:0;
	color:#fff;
	background:#000;
	font:76% Century Gothic;
}

ul
{
	list-style:circle;
	margin:15px 0 20px 0;
	font-size:0.9em;
}

li { margin:0 0 8px 25px; }

a
{
	color:#ff66cc;
	font-weight:bold;
	text-decoration:none;
}

a:hover
{
	color:#cc0099;
	text-decoration:underline;
}

img h1
{
	float:left;
	margin:0 15px 15px 0;
	padding:1px;
	background:#000000;
	border:1px solid #cc0099;
}

img h2
{
	float:center;
	margin:0 15px 15px 0;
	padding:1px;
	background:#000000;
	border:1px solid #cc0099;
}

a img { border-color:#ff66cc; }

a img:hover
{
	background:#cc0099;
	border-color:#cc0099;
}

/**************** Sidebar area styles ****************/

#sidebar
{
	position:absolute;
	top:0;
	left:0;
	width:220px;
	height:100%;
	overflow:no;
	background:#000000 url(images/sidebarbg.gif) top right repeat-y;
	text-align:right;
}

#sidebar
{
	position:absolute;
	top:0;
	left:0;
	width:220px;
	height:100%;
	background:#000000 url(images/fond_perso.jpg) bottom left no-repeat;
}

body > #sidebar { position:fixed; }

#sidebar h1
{
	margin:20px 18px 0 5px;
	color:#cc0099;
	font-size:1.6em;
	letter-spacing:-2px;
	text-align:center;
}

#sidebar h2, #sidebar h3
{
	margin:0 20px 18px 5px;
	color:#ffffff;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:right;
}

#sidebar h3
{
	margin:20px 18px 4px 5px;
	color:#606060;
}

#sidebar p
{
	margin:0 20px 18px 5px;
	color:#606060;
	font-size:0.8em;
}

#sidebar a { color:#808080 }

/**************** Navigation menu styles ****************/

#menu a
{
	display:block;
	width:202px;
	padding:5px 18px 5px 0;
	color:#ffffff;
	background:#000000 url(images/sidebarbg.gif) top right repeat-y;
	font-size:1.6em;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:0px;
}

#menu a:hover
{
	color:#000000;
	background:#cc0099 url(images/sidebarbg.gif) top right repeat-y;
}

#menu a.active
{
	padding:5px 18px 5px 0;
	background:#000000;
	border-top:4px solid #ff66cc;
	border-bottom:4px solid #ff66cc;
	font-weight:bold;
}

#menu a.active:hover
{
	color:#ffffff;
	background:#ff66cc;
}

/**************** Content area styles ****************/

#content
{
	width:720px;
	margin:0 0 0 240px;
	padding:20px 0;
}

#content p
{
	margin:0 0 20px 0;
	line-height:1.3em;
}

#content h1
{
	margin:0;
	color:#cc0099;
	font-size:4em;
	letter-spacing:-3px;
	text-align:center;
}

#content h2
{
	margin:0;
	color:#ffffff;
	font-weight:normal;
	font-size:2em;
	letter-spacing:-2px;
	text-align:center;
}

#content h3
{
	clear:both;
	margin:30px 0 10px 0;
	color:#cc0099;
	font-weight:normal;
	font-size: 2em;
	letter-spacing:-1px;
}