@charset "utf-8";
/* CSS Document */

#menu{
	width: 281px;
	float: left;	
}

#menu .principal{
	width: 250px;
	height: 58px;
	display: block;
	line-height: 58px;
	color: #000;
	font-size: 15px;
	border-bottom: 1px solid #e3e5d0;
	padding-left: 30px;
	position: relative;
	background-repeat: repeat-y;
	background-position: left;
}

#menu .principal:first-child{
	height: 67px;
	line-height: 67px;
}

#menu ul {
	display: none;
	width: 280px;
	border-bottom: 1px solid #e3e5d0;
}

#menu ul.current{
	display: block;
}

#menu ul li {
	color: #6a6a68;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-image:url(../../img/menu/puce.jpg);
	margin-left: 50px;
	font-weight: 300;
}

#menu ul li:first-child{
	padding-top: 20px;
}

#menu ul li:last-child{
	padding-bottom: 20px;
}

#menu ul li.current{
	list-style-image:url(../../img/menu/puceCurrent.jpg);
}

#menu ul li.current a {
	color: #6cab36;
}

#menu ul li a {
	color: #343434;
	/*transition-property*/
	-webkit-transition-property:color;
	   -moz-transition-property:color;
	     -o-transition-property:color;
	        transition-property:color;
	/*transition-duration*/
	-webkit-transition-duration:0.3s;
	   -moz-transition-duration:0.3s;
	     -o-transition-duration:0.3s;
	        transition-duration:0.3s;
}

#menu ul li a:hover{
	color: #6cab36;
}


#menu a.principal .drop-icon{
	position: absolute;
	right: 20px;
	top: 23px;
	width: 10px;
	height: 11px;
	background-image: url(../../img/menu/drop-icon.png);
}

#menu a.principal.active .drop-icon{
	background-image: url(../../img/menu/drop-iconActive.png);
}

#menu a.principal.current .drop-icon{
	background-image: url(../../img/menu/drop-iconCurrent.png);
	width: 11px;
	height: 10px;
}

#menu .principal:hover .drop-icon{
	background-image: url(../../img/menu/drop-iconActive.png);
}

#menu a.principal.vert{ background-image: url(../../img/menu/menuVert.jpg); }
#menu a.principal.orange{ background-image: url(../../img/menu/menuOrange.jpg); }
#menu a.principal.bleu{ background-image: url(../../img/menu/menuBleu.jpg); }
#menu a.principal.rouge{ background-image: url(../../img/menu/menuRouge.jpg); }
#menu a.principal.turquoise{ background-image: url(../../img/menu/menuTurquoise.jpg); }
#menu a.principal.turquoise{ background-image: url(../../img/menu/menuTurquoise.jpg); }
#menu a.principal.bleuFonce{ background-image: url(../../img/menu/menuBleuFonce.jpg); }
#menu a.principal.jaune{ background-image: url(../../img/menu/menuJaune.jpg); }
#menu a.principal.gris{ background-image: url(../../img/menu/menuGris.jpg); }