/* Page : Classes */
div#classes {
	position:relative;
}

div#classes a, div#classes a:hover, div#classes a:active{
	color:#1B1B1B;
}

div#classes div.fond1 {
	background-image:url(../images/interface/fond/fond_blanc_epee.jpg);
	height:470px;
}
div#classes div.fond2 {
	background-image:url(../images/interface/fond/fond_blanc_shuriken.jpg);
	height:470px;
}
div#classes div.classe {
	background-color:#F9F9F9;
	height:470px;
	text-align:justify;
	font-size:12px;
	color:#1B1B1B;
	font-family:arial;
	width:30%;
	float:left;
	padding:5px;
	border:5px solid #F9F9F9;
	position:relative;
	}

div#classes div.classe:hover {
	background-color:transparent;
	border-top:5px solid #8F8F8F;
	border-bottom:5px solid #8F8F8F;
}

div#classes div.classe h1 {
	margin:0;
	padding:0;
	font-size : 18px;
	letter-spacing:1px;
	font-family:arial;
	font-variant: small-caps;
	}

div#classes div.classe div.avantages {
	position:absolute;
	left:0;
	top:250px;
	text-align:left;
	color:#2E2E2E;
	font-size:11px;
	font-family:arial;
	float:left;
	padding:5px;
	margin:0;
	}

div#classes div.classe div.avantages div.titre{
	font-size : 13px;
	color:#535353;
	font-family:verdana;
	font-variant: small-caps;
	border-bottom:1px solid #BBBBBB;
	margin-bottom:4px
	}

div#classes div.classe div.avantages ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
div#classes div.classe div.avantages ul li {
	padding-top:0;
	padding-bottom:2px;
	padding-left: 17px;
	background: url(../images/icones/shuriken.gif) no-repeat left top ;
}