* {margin:0;padding:0}
html {
	background:#fbf6f4;
}
body {
	position:relative;
	margin:0 auto;
	width:810px;
	font-family:Trebuchet MS, Arial,  Helvetica;
	font-size:11px;
	color:#28272c;
  }
 /**************/ 
 /* HEADER     */
 /**************/ 
#header{
	height:50px;
	letter-spacing: 1px;
	font-size:14px;
	padding:10px 0;
	border-bottom:1px solid #af002a;
}
#header p {
	position:absolute;
	right:0;
	top:5px;
	text-align:right;
	line-height:30px;
}
#header p img{
	position:absolute;
	left:-18px;
	top:5px;
}
#header img{
	border:none;
}
#header a {
	position:relative;
	z-index:10;
}
#header p span{
	 color:#af002a;
	 font-size:25px;
	 font-family: Times New Roman, Arial;
}


/**************************/ 
/* DATA                   */
/**************************/ 
#data { width:100%; padding:110px 0 35px 0; position:absolute;top:0;}

/********************************/ 
/* CONTAINER CENTRAL            */
/********************************/ 
#center {
	float:left;
	margin:0 0 20px 120px;
	width:560px;
}
#center .droite{
	text-align:right;
}
#center .gauche{
	text-align:left;
}
#center .flottant-droit{
	float:right;
	margin:0 0 10px 20px;
	border:none;
}
#center .flottant-gauche{
	float:left;
	margin:0  20px 10px 0;
	border:none;
}
/*******************/ 
/* COLONE GAUCHE  */
/*******************/ 
#left {
	float:left;
	width:200px;
	margin-left:-70px;
	padding-bottom:210px;
	margin-bottom:-50px;
	background:  url("/images/menu/backgroung-left.gif") 30% 100% no-repeat;
}
/******************************/ 
/* MENU VERTICAL            */
/******************************/ 
#menu {
		list-style:none;
		text-align:right;
		color:white;
		font-size:13px;
		padding-right:10px;
}
#menu li {
	position:relative;
	padding-right:15px;
	white-space:nowrap;
}
#menu li.item1 {
	background:  url("/images/menu/background-menu-item1.gif") 100% 2px no-repeat;
}
#menu li.item2 {
	background:  url("/images/menu/background-menu-item2.gif") 100% 3px no-repeat;
}
#menu li.item3 {
	background:  url("/images/menu/background-menu-item3.gif") 100% 1px no-repeat;
}
#menu li.item4 {
	background:  url("/images/menu/background-menu-item4.gif") 100% 3px no-repeat;
}
#menu li.item5 {
	background:  url("/images/menu/background-menu-item5.gif") 100% 5px no-repeat;
}
#menu li.item6 {
	background:  url("/images/menu/background-menu-item6.gif") 100% 5px no-repeat;
}
#menu li.item7 {
	background:  url("/images/menu/background-menu-item7.gif") 100% 4px no-repeat;
}
#menu li.item8 {
	background:  url("/images/menu/background-menu-item8.gif") 110px 11px no-repeat;
}
#menu li.item8 a{
	color:#a1161e;
}
#menu li:hover {
	margin-right:-10px;
	padding-right:25px;
	font-weight:bold;
}
#menu li.active {
	margin-right:0;
	padding-right:15px;
	font-weight:bold;
}
#menu li.active:hover {
	margin-right:0;
	padding-right:15px;
	font-weight:bold;
}
#menu li a {
	text-decoration:none;
	display:block;
	color:white;
	height:18px;
	padding:7px 0;
}
 /*************************/ 
/* MENUS DEROULANTS */
 /*************************/ 
 #menu ul {
		list-style:none;
		display:none;
		position:absolute;
		top:10px;
		left:100%;
		text-align:left;
		color:#28272c;
		margin-left:-4px;
		padding-left:10px;
		font-size:11px;
}
 #menu li:hover ul {
	display:block;
}
#menu li ul {
	padding-bottom:5px;
}
#menu li.item1 ul, #menu li.item3 ul, #menu li.item4 ul, #menu li.item7ul {
	background:  url("/images/menu/background-deroulant1.gif") 0 100%  no-repeat;
}
#menu li.item2 ul, #menu li.item5 ul {
	background:  url("/images/menu/background-deroulant2.gif") 0 100%  no-repeat;
}
#menu li.item6 ul, #menu li.item8 ul {
	background:  url("/images/menu/background-deroulant3.gif") 0 100%  no-repeat;
}
#menu li.active ul{
	display:block;
	background:none;
	position:static;
	text-align:right;
}
 #menu li ul li{
	background:none;
	font-weight:normal;
}
#menu li.active ul li{
	padding-right:0;
}
#menu li.active ul li:hover{
	padding-right:0;
	margin-right:0;
}
#menu li ul li.active:hover a{
	font-weight:bold;
}
 #menu li ul li a {
		color:#28272c;
		display:block;
		padding:0;
		height:15px;
}
 #menu li ul li:hover a {
		color:#a1161e;
		font-weight:normal;
}
 #menu li ul li.active a {
		color:#a1161e;
		cursor:default;
}
/******************/ 
 /* MENU PIED    */
 /*****************/ 
#pied  {
	border-top:1px solid #af002a;
	padding-top:5px;
	 clear:both;
	 text-align:right;
	 margin-top:-110px;
}
#pied  a{
	color:#28272c;
	padding:0 2px;
	text-decoration:none;
}
#pied  a:hover{
	text-decoration:underline;
}
#pied  a.active{
	color:#a1161e;
	text-decoration:none;
	cursor:default;
}
/******************/ 
/* SIGNATURE     */
/******************/ 
#signature { font-size:11px; position: absolute; bottom: 0; left: 0;width: 100%; font-weight: normal;}
#signature .flottant-gauche {
	float:left;
	color:#a1161e;
	padding-bottom:10px;
}
#signature .flottant-gauche a{
	color:#a1161e;
	font-weight:bold;
}
#signature .flottant-droit{
	float:right;
	color:#baa2a0;
}
#signature .flottant-droit a{
	text-decoration:none;
	color:#baa2a0;
}
#signature a {}
#signature  .flottant-droit a:hover {
	text-decoration:underline;
}
#signature  .flottant-gauche a:hover {
	text-decoration:none;
}