/* ------------------------------------------------------------------------------------------

	Document css 
	
		Projet : Site Ediloisir.com/Ediloisir.fr
		Module : Menu Dynamique Css
		Date de création : 28/05/2010
		Auteur : Maire Aymeric
		Email : aymeric.silence@gmail.com
		Propiété : MCI Aquitaine et Atlan-tic
		Website : http://www.ediloisir.com/ et http://www.ediloisir.fr/
		
	

	
	
	
	
		
------------------------------------------------------------------------------------------ */



/*	MENU CSS
-------------------------------------------------------------------------------------------*/

nav {
	width:100%;
	height:40px;
	display:block;
}
	
.menu{
	margin:0 auto;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Arial", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:9px;
	float:left;
	margin-top: 0px;

	}
	
.menu ul{
	background:url('../img/fond_menu_princ.jpg') repeat-x;
	height:40px;
	list-style:none;
	margin:0;
	padding:0;

	}
	.menu li{
		float:left;
		padding:0px;
	}
		
	.menu ul.menu li {
		height:40px;
	}	
		
	.menu li a{
		background:url("../img/separator.gif") bottom left no-repeat;
		color:#000000;
		display:block;
		font-weight:normal;
		font-size:9px;
		text-align:center;
		text-decoration:none;
		height: 30px; 
		padding-left: 2px; 
		padding-right: 2px;
		padding-top: 5px;
		width:52px;
	}
	
	.menu li.fr a.fr{
		width:72px;
	}
	
		.menu li.fr{
		width:72px;
	}

	.menu li.small{
		width:44px;
	}
	
	.menu li.cadeau{
		width:58px;
	}
	.menu li.small a.small{
		width:44px;
	}
	
	.menu li.cadeau a.cadeau{
		width:54px;
	}


	
	.menu li.cadeau a.cadeau{
		background:url("../img/separator.gif") bottom left no-repeat;
		color:#000000;
		display:block;
		font-weight:normal;
		font-size:9px;
		text-align:center;
		text-decoration:none;
		height: 30px; 
		padding-left: 2px; 
		padding-right: 2px;
		padding-top: 5px;
		width:44px;
	}
	
			
	.menu li ul.bleu{
		background:#fce0c1;
		display:none;
		height:auto;
		padding:0px;
		margin-top:2px;
		border:0px;
		position:absolute;
		width:255px;
		z-index:200;

		}
		
		.menu li ul.rose{
			margin-top: 50px;
			background:#fce0c1;
			display:none;
			height:auto;
			padding:0px;
			margin-top:2px;
			border:0px;
			position:absolute;
			width:255px;
			z-index:200;
		}
		
		.menu li ul.rose li,.menu li ul.bleu li{height:22px;}
		
	.menu li:hover ul{
		display:block;
	}
	
	.menu li li {
		background:url('../img/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:255px;
		height:30px;
		}
	.menu li:hover li a{
		background:none;
		
		
		
		}
	.menu li ul li a{
		display:block;
		height:20px;
		width:255px;
		font-size:11px;
		line-height:1.8em;
		font-style:normal;
		font-family:"Arial";
		margin:0px;
		padding:0px 0px 0px 5px;
		text-align:left;
		color:#000;
	}
		
		.menu li ul a:hover, .menu li ul.bleu li:hover a{
			background:#654331 url('../img/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			list-style:none;
			width: 250px;
			height:20px;
		
			}
			
		.menu li ul a:hover, .menu li ul.rose li:hover a{
			background:#654331 url('../img/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			list-style:none;
			width: 250px;
			height:20px;
			}
			
		.menu ul li.last {
			width:64px;
			height:30px;
		}
			.menu ul li.last a {
				width:64px;
				height:20px;
			
			}
			
			
			
			
		/**************************************/	
		.menu ul li.last, .menu ul li.last a {
			width:64px;
			height:30px;
		}
		
		.menu ul li ul.reverse{
			margin-left:-200px;
		}
		
		.menu ul li.first, .menu ul li.first a {
			width:44px;
			height:30px;
			background:none;
		}
		
		.menu img{
			border:none;
		}
		/************************************/
		
		
	.menu p{
		clear:left;
		}	

		
/*Fin Menu css*/