*
	{
		font-family: Arial, sans-serif;
		margin: 0px;
		padding: 0px;
		color: #FFFFCC;
		
		outline: 0;
	}

body
	{
		position: relative;
		
		width: 100%;		
		background-color: #2C2C2C;
		background-image: url("images/fond_menu.jpg");
		background-repeat: repeat-x;
		background-position:top;
		font-size: 84%; /* 84% approximates 10pt, but using % allows resizing in IE */
        
	}


a
	{
		color: #FFFFCC;
		text-decoration: none;
	}

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

a:active,
a:focus
	{
		outline: 0;
	}

h1
	{
		clear: both;
		display: block;
		
		padding-top: 10px;
		
		color: #990033;
		font-size: 2.5em;
		font-weight: normal;
	}

h2
	{
		clear: both;
		display: block;
		
		padding-top: 10px;
		color: #999;
		font-size: 1.7em;
		font-weight: bold;
	}

h3
	{
		display: block;
		padding-top: 10px;
		color: #999;
		font-size: 1.3em;
		font-weight: normal;
		font-style: italic;
	}

p,
ul
	{
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 1.7em;
	}

ul
	{
		line-height: 1.7em;		
	}


li
	{
		margin-left: 35px;
	}

textarea 
	{ 
        width: 500px;
        height: 100px;
		background-color:transparent; 
	} 
    
input 
	{ 
		background-color:white;
		color:black 
	}

img
	{	
		border: 2;
		border-color:#990033;
	}

/*================================================================================================
	Contenu:	Page
================================================================================================*/

div#Page
	{
		position: relative;
		
		margin-right: auto;
		margin-left: auto;
		width: 950px;
	}

	
div#PageContenu
	{
		position: relative;
		
		padding-left: 220px;
		padding-bottom: 15px;	
		margin-right: 20px;
	}

	
/*================================================================================================
	Contenu:	EnTete
================================================================================================*/
div#ContenuEnTete
	{
		position: relative;
		height: 160px;
		z-index: 50;
	}

	div#ContenuEnTete .logo
	{
        position:relative;
        top: 10px;
		width: 597px;
		height: 105px; /* height of the background image */
        float:right;
		background-image: url("images/logo.jpg");
		background-repeat: no-repeat;
	}

	
		
/*========================================================
	ContenuMenu
========================================================*/

div#ContenuMenu
	{
		background-color: #2C2C2C ;
        position: absolute;
		top: 147px;
		left: 4px;
        height: 500px;
		width: 200px;

	}


div#ContenuMenu h2
	{
		display: block;

		margin-top: 8px;
		margin-left: 10px;

		color: #990033;
		font-size: 1.2em;
		font-weight: bold;
	}
	
div#ContenuMenu .group a
	{
		display: block;

		border: 0px;
		border-top-width: 1px;
		margin-right: 20px;
		margin-left: 20px;
		padding: 3px;
		
		border-color: #ddd;
		border-style: solid;
		text-align: left;
	}

div#ContenuMenu .group a.niv1
	{
		padding-left: 25px;
	}