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

* {margin:0; padding:0;}

div#menu {width:184px; background:url(images/menu_03.png) top no-repeat;padding-top:20px;display:none; }

div#aff {
	width: 184px;
	margin-top: 5px;
	margin-left: 5px;
}

div#menubody {background:url(images/menu_07.png) repeat-y; padding-left:5px; margin-left:7px; text-align:left;}

div#menubottom {height:15px; background:url(images/menu_06.png) bottom no-repeat;}

ul#menulist {width:144px; list-style-type:none;}

ul#menulist li {height:24px;}

ul#menulist a {width:168px; height:20px;  font:bold 10px Verdana, Arial, sans-serif; color:#DDD; text-decoration:none; padding:5px 0 0 0px; display:block !important; display:inline-block;}

ul#menulist a:hover { background-color:#ff4c1e; font-size:13px; }



/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
	width: 100%;
	height:44px;
	margin:auto;
	background: #ccc;
	margin-top:2px;
	padding: 0;
	/*position: absolute;*/
	left: 0;
	bottom: 0;
	z-index: 100;
	/* gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);

	background: #6a6a6a url(images/nav_bg.jpg) repeat-x;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
#main-nav li {
	margin: auto;
	padding: 0;
	list-style: none;
	/*float: left;*/
	display:inline-block;
	position: relative;
	text-align:center;
}
#main-nav li:first-child {
	margin-left: 0px;
}
#main-nav a {
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
#main-nav a:hover {
	color: #fff;
	background: #474747;
	/* gradient */
	background: -webkit-linear-gradient(#282828,#fd4d1c ); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#282828, #fd4d1c); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#282828,#fd4d1c ); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#282828,#fd4d1c); /* Standard syntax */
	
	height:15px;
}

	body{background-image:url(images/body_fond_patterns.jpg); background-color:#333; font: .81em/150% Arial, Helvetica, sans-serif;
	color: #333; }