@charset "utf-8";

/* CSS Document */


* { font-family:Arial, Helvetica, sans-serif }

body
{
	margin:0;
	padding:0;/*background-color:#999999*/
	background-color:#FFFFFF;
}

div#page
{
	position:absolute;
	height:550px;
	width:700px;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	margin-left:-350px;
	margin-top:-275px;
	background-color:#FFFFFF;
}

img#logo { float:left; }

ul#navigation
{
	list-style:none;
	padding:0;
	margin:0;
}

ul#navigation li
{
	background-color:#009966;
	text-align:center;
	width:100px;
	height:26px;
	margin-left:8px;
	float:left;
	padding-top:4px;
	overflow:hidden;
}

ul#navigation li#menu0
{
	background-color:#f7e5c2;
	color:#000000;
}
ul#navigation li#menu0 a
{
	color:#000000;
}

ul#navigation li#menu1
{
	background-color:#f1cb1e;
	color:#FFFFFF;
}

ul#navigation li#menu2
{
	background-color:#dd9724;
	color:#FFFFFF;
}

ul#navigation li#menu3
{
	background-color:#E2001A;
	color:#FFFFFF;
}

ul#navigation li#menu0:hover,
ul#navigation li#menu1:hover,
ul#navigation li#menu2:hover,
ul#navigation li#menu3:hover,
ul#navigation li#menu0.selection,
ul#navigation li#menu1.selection,
ul#navigation li#menu2.selection,
ul#navigation li#menu3.selection
{
	/*background-color:#000;*/
/*	background-image:url(pics/noircir.png);
	background-position:bottom right;
*/
	border:2px solid #000000;
	width:96px; /*100px;*/
	height:22px; /*26px;*/
	
}


ul#navigation li#menu0:hover a,
ul#navigation li#menu1:hover a,
ul#navigation li#menu2:hover a,
ul#navigation li#menu3:hover a,
ul#navigation li#menu0.selection a,
ul#navigation li#menu1.selection a,
ul#navigation li#menu2.selection a,
ul#navigation li#menu3.selection a
{
	color:#fff;
}

ul#navigation li a
{
	color:#FFFFFF;
	font-variant:small-caps;
	text-decoration:none;
	font-size:16px;
	font-weight:900;
}
ul#navigation li a:hover
{
	color:#FFFFFF;
}

div#contenu
{
	font-size:12px;
	position:absolute;
	background-color:#f1cb1e;
	text-align:left;
	top:110px;
	left:30px;
	width:650px;
	height:392px;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	overflow:auto;
}

div#titre
{
	position:absolute;
	background-color:#f1cb1e;
	text-align:left;
	top:80px;
	left:30px;
	width:186px;
	height:26px;
	float:left;
	padding-top:4px;
	overflow:hidden;
	color:#FFFFFF;
	font-variant:small-caps;
	text-decoration:none;
	font-size:18px;
	font-weight:900;
}

div#degrade
{
	position:absolute;
	background-image:url(pics/degrade_original.gif);
	background-repeat:repeat-x;
	background-color:#f8e5a8;
	top:80px;
	left:0px;
	width:30px;
	height:430px;
	float:left;
}

div#footer,div#footerLiens
{
	position:absolute;
	height:30px;
	width:700px;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	padding-top:5px;
	margin-left:-350px;
	margin-top:+275px;
	color:#999999;
	text-align:center;
	font-variant:small-caps;
	font-size:12px;
}
div#footerLiens
{
	font-variant:normal;
	font-size:11px;
	height:30px;
	width:700px;
	margin-top:+305px;
}

div#footer a
,div#footerLiens a
{
	text-decoration:none;
	color:#666;
}
div#footerLiens a
{
	color:#999999;
}

div#footer a:hover
{
	text-decoration:none;
	color:#fff;
	background-color:#000000;
}
div#footerLiens a:hover
{
	text-decoration:underline;
	color:#666;
	background-color:#ccc;
}