/* Navigation ----------------------------------------------------------------- */
div#navigation{
	height:25px;
	width:100%;
	position:relative;
	background-image:url(/images/menu/fond-nav.jpg);
	background-repeat: repeat-x;
}
div#navigation a{
text-decoration:none;
}
div#navigation ul{
margin-left:30px;
}
div#navigation ul li{
float:left;
position:relative;
}
div#navigation ul ul{
left:0px;
top:22px;
position:absolute;
z-index:6;
margin:0 0 0 0;
background-color:#c2d50c;
display:none;
}
div#navigation ul ul li{
float:none;
margin:0;
width:150px;
position:relative;
display:block;
padding:3px;
border:1px solid #000;
border-top:none;
}
div#navigation ul ul ul{
background-color:#ffc726;
left:157px;
top:-1px;
border-top:1px solid #000;
}
div#navigation ul ul ul.adroite{
left:-158px;
}
div#navigation ul ul ul.agauche{
left:156px;
}
#navigation ul.niveau1 li:hover ul.niveau2,
#navigation ul.niveau2 li:hover ul.niveau3,
#navigation ul.niveau3 li:hover ul.niveau4
{
display:block;
}
#navigation li.rub01 ul,
#navigation li.rub01 ul a,
#navigation li.rub01 ul li,
#navigation li.rub01 ul li:hover li a,
#navigation li.rub01 ul li:hover li:hover li a
{
	background-color:#FFFFFF;
	color:#000;
	border-top-color: #CFD500;
	border-right-color: #CFD500;
	border-bottom-color: #CFD500;
	border-left-color: #CFD500;
}
#navigation li.rub01 ul li:hover a,
#navigation li.rub01 ul li:hover li:hover a,
#navigation li.rub01 ul li:hover li:hover li:hover a,
#navigation li.rub01 ul li:hover
{
background-color:#e2e59e;
	color:#000;
	border-top-color: #CFD500;
	border-right-color: #CFD500;
	border-bottom-color: #CFD500;
	border-left-color: #CFD500;
}
#navigation li.rub02 ul,
#navigation li.rub02 ul a,
#navigation li.rub02 ul li,
#navigation li.rub02 ul li:hover li a,
#navigation li.rub02 ul li:hover li:hover li a
{
	background-color:#FFFFFF;
	color:#000;
	border-top-color: #CFD500;
	border-right-color: #CFD500;
	border-bottom-color: #CFD500;
	border-left-color: #CFD500;
}
#navigation li.rub02 ul li:hover a,
#navigation li.rub02 ul li:hover li:hover a,
#navigation li.rub02 ul li:hover li:hover li:hover a,
#navigation li.rub02 ul li:hover
{
	background-color:#e2e59e;
	color:#000;
	border-top-color: #CFD500;
	border-right-color: #CFD500;
	border-bottom-color: #CFD500;
	border-left-color: #CFD500;
}
#navigation li.rub03 ul,
#navigation li.rub03 ul a,
#navigation li.rub03 ul li,
#navigation li.rub03 ul li:hover li a,
#navigation li.rub03 ul li:hover li:hover li a
{
	background-color:#FFFFFF;
	color:#000;
	border-top-color: #CFD500;
	border-right-color: #CFD500;
	border-bottom-color: #CFD500;
	border-left-color: #CFD500;
}
#navigation li.rub03 ul li:hover a,
#navigation li.rub03 ul li:hover li:hover a,
#navigation li.rub03 ul li:hover li:hover li:hover a,
#navigation li.rub03 ul li:hover
{
	background-color:#e2e59e;
	color:#000;
	border-top-color: #CFD500;
	border-right-color: #CFD500;
	border-bottom-color: #CFD500;
	border-left-color: #CFD500;
}
#navigation li.rub04 ul,
#navigation li.rub04 ul a,
#navigation li.rub04 ul li,
#navigation li.rub04 ul li:hover li a,
#navigation li.rub04 ul li:hover li:hover li a
{
	background-color:#FFFFFF;
	color:#000;
	border-top-color: #CFD500;
	border-right-color: #CFD500;
	border-bottom-color: #CFD500;
	border-left-color: #CFD500;
}
#navigation li.rub04 ul li:hover a,
#navigation li.rub04 ul li:hover li:hover a,
#navigation li.rub04 ul li:hover li:hover li:hover a,
#navigation li.rub04 ul li:hover
{
	background-color:#e2e59e;
	color:#000;
	border-top-color: #CFD500;
	border-right-color: #CFD500;
	border-bottom-color: #CFD500;
	border-left-color: #CFD500;
}
#navigation li.rub05 ul,
#navigation li.rub05 ul a,
#navigation li.rub05 ul li,
#navigation li.rub05 ul li:hover li a,
#navigation li.rub05 ul li:hover li:hover li a
{
	background-color:#e2e59e;
	color:#FFFFFF;
	bordercolor: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#navigation li.rub05 ul li:hover a,
#navigation li.rub05 ul li:hover li:hover a,
#navigation li.rub05 ul li:hover li:hover li:hover a,
#navigation li.rub05 ul li:hover
{
	background-color:#e2e59e;
	color:#666666;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/* Survol ----------------------------------------------------------------- */
#transports {
height:22px;
width:76px;
background-image:url(/images/menu/transports.gif);
text-align:center;
}
#transports a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #transports {
background-image:url(/images/menu/transports-hover.gif);
}
#decouvrir {
height:22px;
width:116px;
background-image:url(/images/menu/decouvrir_crolles.gif);
text-align:center;
}
#decouvrir a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #decouvrir {
background-image:url(/images/menu/decouvrir_crolles-hover.gif);
}
#viemuni {
height:22px;
width:95px;
background-image:url(/images/menu/vie_municipale.gif);
text-align:center;
}
#viemuni a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #viemuni {
height:22px;
background-image:url(/images/menu/vie_municipale-hover.gif);
}
#service {
height:22px;
width:135px;
background-image:url(/images/menu/crolles_a_votre_service.gif);
text-align:center;
}
#service a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #service {
height:22px;
background-image:url(/images/menu/crolles_a_votre-hover.gif);
}
#urba {
height:22px;
width:79px;
background-image:url(/images/menu/urbanisme.gif);
text-align:center;
}
#urba a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #urba {
height:22px;
background-image:url(/images/menu/urbanisme-hover.gif);
}
#economie {
height:22px;
width:66px;
background-image:url(/images/menu/economie.gif);
text-align:center;
}
#economie a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #economie {
height:22px;
background-image:url(/images/menu/economie-hover.gif);
}
#culture {
height:22px;
width:56px;
background-image:url(/images/menu/vie_culturelle.gif);
text-align:center;
}
#culture a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #culture {
height:22px;
background-image:url(/images/menu/vie_culturelle-hover.gif);
}
#sport {
height:22px;
width:47px;
background-image:url(/images/menu/sport.gif);
text-align:center;
}
#sport a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #sport {
height:22px;
background-image:url(/images/menu/sport-hover.gif);
}
#asso {
height:22px;
width:95px;
background-image:url(/images/menu/vie_associative.gif);
text-align:center;
}
#asso a{
	font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #asso {
height:22px;
background-image:url(/images/menu/vie_associative-hover.gif);
}
#demarches {
height:22px;
width:101px;
background-image:url(/images/menu/demarches_en_ligne.gif);
text-align:center;
}
#demarches a{
font-weight:bold;
	color:#666666;
	line-height: 22px;
	letter-spacing: -0.09em;
}
#navigation ul.niveau1 li:hover #demarches {
height:22px;
background-image:url(/images/menu/demarches_en_ligne-hover.gif);
}
/* navigation haut ----------------------------------------------------------------- */
div#navigationhaut{
	height:5px;
	position:relative;
	z-index:5;
	background-color:#FFFFFF;
}
div#navigationhaut a{
text-decoration:none;
}
div#navigationhaut ul{
margin-left:200px;
}