/* CSS Document */

/*********************************SITEMAP*/

/***********LEVEL 0************/
#plan ul
{
	list-style-type: none;
	margin:0;
	padding:0;
	width:auto;
	display:block;
	font:12px Arial, Helvetica, sans-serif,Verdana;
}
#plan ul li
{
	list-style-type: none;
	display:block;
	margin:0;
	padding:0;
	width:auto;
	/*hack ie6*/
	_height:1%;
}
#plan ul li a
{
	margin:0 auto;
	width:auto;
	padding:5px 0 5px 20px;
	height:auto;
	display: block;
	text-align:left;
	color:#555555;
	background: url(../dragon-graphisme/commun/flecheDroite.gif) 5px 8px no-repeat;
}

#plan ul li a.clicDroit{
	background : url(../dragon-graphisme/commun/flecheDroiteClic0.gif) 5px 8px no-repeat;
	color:#4f3e5f;
	font-weight:bold;
}
#plan ul li a.clicBas{
	background : url(../dragon-graphisme/commun/flecheBasClic0.gif) 5px 8px no-repeat;
	color:#4f3e5f;
	font-weight:bold;
}
#plan ul li a:hover
{
	background : url(../dragon-graphisme/commun/flecheDroiteRouge.gif) 5px 8px no-repeat;
	color:#CC0000;
}

/***********LEVEL 1************/

#plan ul ul
{
	list-style-type: none;
	margin:0;
	padding:0;
	width:auto;
	display:block;
	font:12px Arial, Helvetica, sans-serif,Verdana;
	border:none;
	background:none;
}
#plan ul ul li
{
	display:block;
	margin:0;
	padding:0;
	width:auto;
}

#plan ul ul li a
{
	margin:0 auto;
	width:auto;
	padding:5px 0 5px 30px;
	height:auto;
	display: block;
	text-align:left;
	color:#555555;
	background: url(../dragon-graphisme/commun/flecheDroite.gif) 15px 8px no-repeat;
	
}

#plan ul ul li a.clicDroit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic1.gif) 15px 8px no-repeat;
	color:#be64b8;
	font-weight:bold;
}

#plan ul ul li a.clicBas
{
	background: url(../dragon-graphisme/commun/flecheBasClic1.gif) 15px 8px no-repeat;
	color:#be64b8;
	font-weight:bold;
}

#plan ul ul li a:hover
{
	background : url(../dragon-graphisme/commun/flecheDroiteRouge.gif) 15px 8px no-repeat;
	color:#CC0000;
}
/*styles à configuer*/
/***********LEVEL 2************/

#plan ul ul ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding:0;
	width:auto;
	display:block;
	font:12px Arial, Helvetica, sans-serif,Verdana;
}
#plan ul ul ul li
{
	display:block;
	margin:0 0 0 0;
	padding:0;
	width:auto;
}
#plan ul ul ul li a
{
	margin:0 auto;
	width:auto;
	padding:5px 0 5px 45px;
	height:auto;
	display: block;
	text-align:left;
	color:#555555;
	background:url(../dragon-graphisme/commun/flecheDroite.gif) 30px 8px no-repeat;
	
}

#plan ul ul ul li a.clicDroit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic1.gif) 30px 8px no-repeat;
	color:#be64b8;
	font-weight:bold;
}

#plan ul ul ul li a.clicBas
{
	background: url(../dragon-graphisme/commun/flecheBasClic1.gif) 30px 8px no-repeat;
	color:#be64b8;
	font-weight:bold;
}

#plan ul ul ul li a:hover
{
	background :  url(../dragon-graphisme/commun/flecheDroiteRouge.gif) 30px 8px no-repeat;
	color:#CC0000;
}

/***********LEVEL 3************/

#plan ul ul ul ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding:0;
	width:auto;
	display:block;
	font:12px Arial, Helvetica, sans-serif,Verdana;
}
#plan ul ul ul ul li
{
	display:block;
	margin:0 0 0 0;
	padding:0;
	width:auto;
}
#plan ul ul ul ul li a
{
	margin:0 auto;
	width:auto;
	padding:5px 0 5px 60px;
	height:auto;
	display: block;
	text-align:left;
	color:#555555;
	background:url(../dragon-graphisme/commun/flecheDroite.gif) 45px 8px no-repeat;
}

#plan ul ul ul ul li a.clicDroit
{
	background: url(../dragon-graphisme/commun/flecheDroiteClic1.gif) 45px 8px no-repeat;
	color:#be64b8;
	font-weight:bold;
}

#plan ul ul ul ul li a.clicBas
{
	background: url(../dragon-graphisme/commun/flecheBasClic1.gif) 45px 8px no-repeat;
	color:#be64b8;
	font-weight:bold;
}

#plan ul ul ul ul li a:hover
{
	background :  url(../dragon-graphisme/commun/flecheDroiteRouge.gif) 45px 8px no-repeat;
	color:#CC0000;
}