*{
	padding:0;
	margin:0;
}
img{
	border:0px;
}

body{
	font-family: Verdana;
	font-size:12px;
	line-height:18px;
	background-image:url(images/bg.gif);
}

#main{
	display: table;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background-color:#fff;
	color:inherit;
}

#header{
	width:780px;
	height:281px;
}

#middle{
	width:780px;
}

#menu{
	display: table-cell;
	width:204px;
	float:left;
	background-color:#ffddf2;
	text-align:center;
}

.sub_menu{
	width:204px;
}
.title_sub_menu{
	border-top:#ffffff 5px solid;
	width:204px;
	height:22px;
	background-image:url(image/bg_title_sub_menu.gif);
	text-indent:25px;
	line-height:22px;
}
.title_sub_menu h2{
	color:#ffffff;
	background-color:inherit;
	font-weight:bold;
	font-size:14px;
}

.content_sub_menu{
	font-weight:normal;
	font-size:12px;
	line-height:18px;
}
.content_sub_menu li{
	list-style-type: none;
}

.content_sub_menu li a{
	display: block;
	text-indent:10px;
	height:18px;
	list-style-type: none;
	text-decoration:none;
	color:#5b0081;
	background-color:inherit;
}
.content_sub_menu li a:hover{
	background-image:url(image/fleche_menu.gif);
	background-repeat:no-repeat;
	background-position:left top;
	display: block;
	list-style-type: none;
	height:18px;
	background-color:#fff;
	text-indent:15px;
	font-weight:bold;
	text-decoration:none;
	color:#ff00a8;
}
#content{
	float:left;
	width:556px;
	background-color:#ffffff;
	color:#000000;
	text-align:justify;

}
#footer{
	width:100%;
	height:28px;
	background-image:url(image/footer.gif);
	background-repeat:repeat-x;
	text-align:center;
	color:#000000;
	background-color:inherit;
	font-size:10px;
	line-height:12px;
	padding-top:7px;
	border-top:5px solid #fff;
	clear:left;
}