/* http://css.alsacreations.com/xmedia/exemples/deroulant/menu-horizontal.htm */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#topMenu {
	/*position: absolute;*/
	z-index:100;
	width: 750px;
}
#topMenu dl {
	float: left;
	margin: 0 1px;
	background: transparent;
	height:100%;
}
#topMenu dt {
	text-align: left;
	cursor: pointer;
	font-size:105%;
}
#topMenu dd {
	text-align: left;
}
#topMenu.illust table {
	background-color: transparent;
	empty-cells: show;
}
#topMenu.art table {
	background-color: #EBEBEB;
	width: 108px; /* Minimum width of the appearing menu box */
	margin-top: 10px;
	empty-cells: show;
}
#topMenu.illust td.content{
	background-color: #D6EFF3;
	text-align: left;
	padding: 5px;
	overflow: visible;
}
#topMenu.art td.content{
	text-align: left;
	width: 150px;
	padding: 25px 5px 5px 7px;
	overflow: visible;
}
#topMenu.illust td.corner_1 {
	background: url(../medias/interface/illust_corner_1.gif) no-repeat bottom right;
	width: 50px;
	height: 15px;
}
#topMenu.illust td.corner_2 {
	background: url(../medias/interface/illust_corner_2.gif) no-repeat bottom left;
	width: 5px;
	height: 15px;
}
#topMenu.illust td.corner_3 {
	background: url(../medias/interface/illust_corner_3.gif) no-repeat top left;
	width: 5px;
	height: 5px;
}
#topMenu.illust td.corner_4 {
	background: url(../medias/interface/illust_corner_4.gif) no-repeat top right;
	width: 5px;
	height: 5px;
}
#topMenu.illust td.arrow{
	background: url(../medias/interface/illust_arrow.gif) no-repeat bottom left;
	width:100%;
	height: 15px;
}
#topMenu.illust td.top{
	background: url(../medias/interface/illust_border_1.gif) repeat-x bottom left;
	height: 5px;
}
#topMenu.illust td.right{
	background: url(../medias/interface/illust_border_2.gif) repeat-y;
	width: 5px;
}
#topMenu.illust td.bottom {
	background: url(../medias/interface/illust_border_3.gif) repeat-x top left;
	width: 100%;
	height: 5px;
}
#topMenu.illust td.left{
	background: url(../medias/interface/illust_border_4.gif) repeat-y top right;
	width: 5px;
}

#topMenu subMenuList {

}
#topMenu li a, #topMenu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
#topMenu li a:hover, #topMenu dt a:hover {
	color: #999999;
}

#topMenu a {
	text-decoration: none;
	color: black;
	color: #222;
}

.accordion-toggle {
	background: #AACCFF;
	cursor: pointer;
}
.accordion-ontent {

}

div.accordion {
    position: relative; /* required for bounding--works around a "peculiarity" in Prototype */
}

.accordion-toggle{
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
    background: #eee;   /* required for effect--can be anything except "transparent" */
    cursor: pointer;
}

.accordion-toggle-active{
    background: #aaafff;
}

.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #aaa;
}

/* Menu unique au contenu
 * Permet de placer un égal espace entre chaque item du menu
 * | Item court |---| Item long |---| Item plus long encore |---| Item |
 * Quelque soit la longuer de l'item, l'espace entre les item est toujouts |---|
 * Pour le menu AK, on a un espace de 105px
 */
.illust #portfolio {
	padding: 0 110px 0 0;
}
.illust #biography {
	padding: 0 110px 0 0;
}
.illust #links {
	padding: 0 110px 0 0;
}
.illust #blogs {
	padding: 0 110px 0 0;
}
.illust #contact {
	margin: 0 0 0 0;
}
.art #portfolio {
	padding: 0 105px 0 0;
}
.art #ArtistStatement {
	padding: 0 105px 0 0;
}
.art #cv {
	padding: 0 105px 0 0;
}
.art #news {
	padding: 0 105px 0 0;
}
.art #contact {
	padding: 0 0 0 0;
}