/* CSS Document */

/* MENU DYNAMIQUE */
/* 3 critères de déclinaisons possibles */
/* Par couleur : lightgreen / darkgreen / red / grey */
/* Par type : rub = rubrique / srub = sous-rubrique */
/* Par position : top / middle / bottom */
/* Systématiquement : shadow sur le dernier <li> */

#sidebar{
	padding:0;
	margin:24px 0 0 10px;
	z-index:1;
	width:180px;
	top:16px;
	float:left;
}
#sidebar ul,
#sidebar li{
	padding:0;
	margin:0;
	list-style:none;
	width:180px;
}
#sidebar li{
	height:20px;
}
#sidebar li.shadow{
	padding:0;
	margin:0;
	list-style:none;
	width:180px;
	height:20px;
	background-image:url(../img/sidebar/shadow.jpg);
	display:block;
	float:left;
}
#sidebar a{
	width:180px;
	height:20px;
	display:block;
	text-decoration:none;
}
#sidebar span.rub{
	position:relative;
	top:3px;
	margin:0;
	padding:0 0 0 12px;
}
#sidebar span.srub{
	position:relative;
	top:3px;
	margin:0;
	padding:0 0 0 24px;
}
/* RUB => RED */
.red-top-rub,
.red-middle-rub,
.red-bottom-rub{
	width:180px; 
	height:20px; 
	text-align:left; 
	display:block; 
	float:left; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:0.2px;
	font-size:11px ;
	position:relative; 
	padding:0 0 0 12px;
	color:#FFFFFF; 
}
.red-top-rub{ 
	background-image:url(../img/sidebar/red/rub/top.jpg);
}
.red-middle-rub{
	background-image:url(../img/sidebar/red/rub/middle.jpg);
}
.red-bottom-rub{
	background-image:url(../img/sidebar/red/rub/bottom.jpg);
}
.red-top-rub a,
.red-middle-rub a,
.red-bottom-rub a{
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:11px;
}
.red-top-rub a:hover,
.red-middle-rub a:hover,
.red-bottom-rub a:hover{
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#F4E6E9;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:11px;
}
/* SRUB => RED */
.red-middle-srub,
.red-bottom-srub{
	width:180px;
	height:20px;
	display:block;
	float:left;
	font-size:11px;
}
.red-middle-srub a{
	background-image:url(../img/sidebar/red/srub/middle.jpg);
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.red-middle-srub a:hover{
	background-image:url(../img/sidebar/red/srub/middle-hover.jpg);
	color:#9A141B;
}
.red-bottom-srub a{
	background-image:url(../img/sidebar/red/srub/bottom.jpg);
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.red-bottom-srub a:hover{
	background-image:url(../img/sidebar/red/srub/bottom-hover.jpg);
	color:#9A141B;
}

/* RUB => LIGHTGREEN */
.lightgreen-top-rub,
.lightgreen-middle-rub,
.lightgreen-bottom-rub{
	width:180px; 
	height:20px; 
	text-align:left; 
	display:block; 
	float:left; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:0.2px;
	font-size:11px ;
	position:relative; 
	padding:0 0 0 12px;
	color:#FFFFFF; 
}
.lightgreen-top-rub{ 
	background-image:url(../img/sidebar/lightgreen/rub/top.jpg);
}
.lightgreen-middle-rub{
	background-image:url(../img/sidebar/lightgreen/rub/middle.jpg);
}
.lightgreen-bottom-rub{
	background-image:url(../img/sidebar/lightgreen/rub/bottom.jpg);
}
.lightgreen-top-rub a,
.lightgreen-middle-rub a,
.lightgreen-bottom-rub a{
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:11px;
}
.lightgreen-top-rub a:hover,
.lightgreen-middle-rub a:hover,
.lightgreen-bottom-rub a:hover{
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#F2F2D6;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:11px;
}
/* SRUB => LIGHTGREEN */
.lightgreen-middle-srub,
.lightgreen-bottom-srub{
	width:180px;
	height:20px;
	display:block;
	float:left;
	font-size:11px;
}
.lightgreen-middle-srub a{
	background-image:url(../img/sidebar/lightgreen/srub/middle.jpg);
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.lightgreen-middle-srub a:hover{
	background-image:url(../img/sidebar/lightgreen/srub/middle-hover.jpg);
	color:#B7BA37;
}
.lightgreen-bottom-srub a{
	background-image:url(../img/sidebar/lightgreen/srub/bottom.jpg);
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.lightgreen-bottom-srub a:hover{
	background-image:url(../img/sidebar/lightgreen/srub/bottom-hover.jpg);
	color:#B7BA37;
}

/* RUB => DARKGREEN */
.darkgreen-top-rub,
.darkgreen-middle-rub,
.darkgreen-bottom-rub{
	width:180px; 
	height:20px; 
	text-align:left; 
	display:block; 
	float:left; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:0.2px;
	font-size:11px ;
	position:relative; 
	padding:0 0 0 12px;
	color:#FFFFFF; 
}
.darkgreen-top-rub{ 
	background-image:url(../img/sidebar/darkgreen/rub/top.jpg);
}
.darkgreen-middle-rub{
	background-image:url(../img/sidebar/darkgreen/rub/middle.jpg);
}
.darkgreen-bottom-rub{
	background-image:url(../img/sidebar/darkgreen/rub/bottom.jpg);
}
.darkgreen-top-rub a,
.darkgreen-middle-rub a,
.darkgreen-bottom-rub a{
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:11px;
}
.darkgreen-top-rub a:hover,
.darkgreen-middle-rub a:hover,
.darkgreen-bottom-rub a:hover{
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#EFF2E4;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:11px;
}
/* SRUB => DARKGREEN */
.darkgreen-middle-srub,
.darkgreen-bottom-srub{
	width:180px;
	height:20px;
	display:block;
	float:left;
	font-size:11px;
}
.darkgreen-middle-srub a{
	background-image:url(../img/sidebar/darkgreen/srub/middle.jpg);
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.darkgreen-middle-srub a:hover{
	background-image:url(../img/sidebar/darkgreen/srub/middle-hover.jpg);
	color:#71803E;
}
.darkgreen-bottom-srub a{
	background-image:url(../img/sidebar/darkgreen/srub/bottom.jpg);
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.darkgreen-bottom-srub a:hover{
	background-image:url(../img/sidebar/darkgreen/srub/bottom-hover.jpg);
	color:#71803E;
}

/* RUB => GREY */
.grey-top-rub,
.grey-middle-rub,
.grey-bottom-rub{
	width:180px; 
	height:20px; 
	text-align:left; 
	display:block; 
	float:left; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing:0.2px;
	font-size:11px ;
	position:relative; 
	padding:0 0 0 12px;
	color:#FFFFFF; 
}
.grey-top-rub{ 
	background-image:url(../img/sidebar/grey/rub/top.jpg);
}
.grey-middle-rub{
	background-image:url(../img/sidebar/grey/rub/middle.jpg);
}
.grey-bottom-rub{
	background-image:url(../img/sidebar/grey/rub/bottom.jpg);
}
.grey-top-rub a,
.grey-middle-rub a,
.grey-bottom-rub a{
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:11px;
}
.grey-top-rub a:hover,
.grey-middle-rub a:hover,
.grey-bottom-rub a:hover{
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	font-size:11px;
}
/* SRUB => GREY */
.grey-middle-srub,
.grey-bottom-srub{
	width:180px;
	height:20px;
	display:block;
	float:left;
	font-size:11px;
}
.grey-middle-srub a{
	background-image:url(../img/sidebar/grey/srub/middle.jpg);
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.grey-middle-srub a:hover{
	background-image:url(../img/sidebar/grey/srub/middle-hover.jpg);
	color:#333333;
}
.grey-bottom-srub a{
	background-image:url(../img/sidebar/grey/srub/bottom.jpg);
	width:180px;
	height:20px;
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.grey-bottom-srub a:hover{
	background-image:url(../img/sidebar/grey/srub/bottom-hover.jpg);
	color:#71803E;
}