body
{
	color:#666666;
	font-family : "Verdana","Arial","Helvetica","Sans-Serif";
	text-transform: none;
	text-decoration: none;
	font-weight:normal;
	font-style:normal;
	font-size : 12px;
	background-color: #FFCC99;
}

div.info {position:absolute; left:15px; top:15px; width:150px; height:150px; z-index:5}

td
{
	color:#660000;
	font-family : "Verdana","Arial","Helvetica","Sans-Serif";
	text-transform: none;
	text-decoration: none;
	font-weight:normal;
	font-style:normal;
	line-height:1.4em;
    font-size : 12px;
}

A
{       color:#666666;  /* Couleur des liens. */
	font-family : "Verdana","Arial","Helvetica","Sans-Serif";
	text-transform: none;
	text-decoration: none;
	font-weight:normal;
	font-style:normal;
	font-size : 12px;
}

A:hover 
{       color:#000000;  /* Couleur des liens avec la souris au-dessus. */
	font-family : "Verdana","Arial","Helvetica","Sans-Serif";
	text-transform: none; /*capitalize*/
	text-decoration: underline; /*overline underline*/
	/*font-weight:none; *//*bold*/
	font-style:normal;  /*italic*/
	/*text-align:left;*/
} 

.bigCap
{
	padding-left:8px;
	line-height:1.4em;
	color:#000000;
	font-family : "Times","–¾’©","Serif";
	font-weight:bold;
	font-size : 36px;
}

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/circular.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
div.c1 {position:absolute; left:15px; top:15px; width:150px; height:150px; z-index:5}

#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:150px; height:150px; background:#fff url("img/backgo2.jpg") no-repeat;}
#circularMenu li {display:block; width:30px; height:30px; position:absolute;}
#circularMenu li.twelveocl {left:60px; top:2px; background: url("img/Ao.gif") no-repeat center center;}
#circularMenu li.oneocl {left:100px; top:20px; background: url("img/Do.gif") no-repeat center center;}
#circularMenu li.elevenocl {left:17px; top:20px; background: url("img/kata_mao.gif") no-repeat center center;}
#circularMenu li.threeocl {left:115px; top:57px; background: url("img/Ko.gif") no-repeat center center;}
#circularMenu li.nineocl {left:2px; top:57px; background: url("img/kata_nao.gif") no-repeat center center;}
#circularMenu li.fiveocl {left:100px; top:95px; background: url("img/L_20.jpg") no-repeat center center;}
#circularMenu li.sevenocl {left:17px; top:95px; background: url("img/kata_sao.gif") no-repeat center center;}
#circularMenu li.sixocl {left:60px; top:112px; background: url("img/kata_ao.gif") no-repeat center center;}

#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:30px; height:30px; text-align:left;}

#circularMenu li a:hover {background: url("img/mycircle9.gif"); text-decoration:none; font-family:georgia, serif;}
#circularMenu li a:hover b {position:absolute; display:block; width:50px; height:50px; font-size:20px; color:#888; background:#FFCC99;}
#circularMenu li a:hover b span {font-size:12px; color:#FFCC99;}

#circularMenu li.twelveocl a:hover b {left:-11px; top:50px;}
#circularMenu li.oneocl a:hover b  {left:-51px; top:32px;}
#circularMenu li.elevenocl a:hover b  {left:31px; top:32px;}
#circularMenu li.threeocl a:hover b  {left:-66px; top:-5px;}
#circularMenu li.nineocl a:hover b  {left:46px; top:-5px;}
#circularMenu li.fiveocl a:hover b  {left:-51px; top:-43px;}
#circularMenu li.sevenocl a:hover b  {left:31px; top:-43px;}
#circularMenu li.sixocl a:hover b  {left:-11px; top:-60px;}