/* ************************************************
 * Styles Menu Principale
 *
 * Ewindsurf
 * Version 1
 * Date: 20/02/2008
 *
 * Lavault Julien
 *
 **************************************************/


/****** Menu de principale *******/
#menu_principale {
	position:absolute;
	display:block;
	width:990px;
	margin:auto;
	background: url(../images2/bg_menu.jpg) repeat-x left 1px;
	z-index:100;
}

#menu_principale dl, #menu_principale dt, #menu_principale dd, #menu_principale ul, #menu_principale li {
	margin: 0;
	padding: 0;
	display:block;
	list-style-type: none;
	list-style-position:outside;
}

#menu_principale dl {
	float:left;
	display:block;
	width:auto;
	text-align:left;
	margin:1px;
	background:#FFFFFF;
}


/*********** Menu titre ************/
	#menu_principale dl dt {
		display:block;
		height:27px;
		margin:0;
		padding:0;
		background: #CCCCCC url(../images2/bg_menu.jpg) repeat-x left top;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: solid;
		border-bottom-style: none;
		border-left-style: none;
		border-top-color: #666666;
		border-right-color: #666666;
		border-bottom-color: #666666;
		border-left-color: #666666;
	}
	#menu_principale dl#menu1 dt {
		display:block;
		height:27px;
		margin:0;
		padding:0;
		background: #CCCCCC url(../images2/bg_menu.jpg) repeat-x left top;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: solid;
		border-bottom-style: none;
		border-left-style: solid;
		border-top-color: #666666;
		border-right-color: #666666;
		border-bottom-color: #666666;
		border-left-color: #666666;
	}
		#menu_principale dl dt a {
			display:block;
			line-height:27px;
			margin:0;
			padding:0;
			color:#FFFFFF;
			font-size:13px;
			font-family:Arial;
			text-decoration:none;
			text-align:center;
			background:no-repeat right top;
		}
		#menu_principale dl dt a:hover {
			color:#3399CC;
		}
		/* Taille des principaux menu */
		dl#menu1, dl#menu1 dt, dl#menu1 dd  {width:100px;}
		dl#menu2, dl#menu2 dt, dl#menu2 dd  {width:125px;}
		dl#menu3, dl#menu3 dt, dl#menu3 dd  {width:120px;}
		dl#menu4, dl#menu4 dt, dl#menu4 dd  {width:110px;}
		dl#menu5, dl#menu5 dt, dl#menu5 dd  {width:105px;}
		dl#menu6, dl#menu6 dt, dl#menu6 dd  {width:135px;}
		dl#menu7, dl#menu7 dt, dl#menu7 dd  {width:115px;}
		dl#menu8, dl#menu8 dt, dl#menu8 dd  {width:150px;}
		
		/*
		dl#menu1 a {background-image: url(../images/icon_menu_shop.jpg);}
		dl#menu2 a {background-image: url(../images/icon_menu_snow.jpg);}
		dl#menu3 a {background-image: url(../images/icon_menu_wind.jpg);}
		dl#menu4 a {background-image: url(../images/icon_menu_kite.jpg);}
		dl#menu5 a {background-image: url(../images/icon_menu_traction.jpg);}
		dl#menu6 a {background-image: url(../images/icon_menu_wake.jpg);}
		dl#menu7 a {background-image: url(../images/icon_menu_surf.jpg);}
		dl#menu8 a {background-image: url(../images/icon_menu_skate.jpg);}
		dl#menu9 a {background-image: url(../images/icon_menu_streetwear.jpg);}
		*/



/********* Sous menu titre ***********/
#menu_principale dd {
	display:none;
	width:auto;
	height:auto;
	background:#FFFFFF;
	/*	
	margin-top:9px
	background-image: url(../images/puce_smenu.gif);
	background-repeat:no-repeat;
	background-position: top left;
	*/
}
	#menu_principale dd ul {
	
	
	}
		#menu_principale dd ul li {
			height:22px;
			line-height:22px;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			background: url(../images/bg_menu_select.jpg) repeat-x left top;
		}
		
		#menu_principale dl dd ul li a {
			display:block;
			height:22px;
			line-height:22px;
			color:#FFFFFF;
			padding:0 0 0 10px;
			text-decoration:none;
			font-size:12px;
			background: url(../images/bg_smenu.jpg) repeat-x left top;
			border:solid 2px #FFFFFF;
		}
		#menu_principale dl dd ul li a:hover { 
			background: url(../images/puce_smenu_over.gif) no-repeat left top; 
		}