HTML 
{
	FONT: 76% "Arial","Trebuchet MS", "Lucida Grande",Verdana,  Sans-Serif,/*"?s???	*/
}

/*body { background-color: #c1bdcc; color: #2f2a3e; }*/


/* Links */

a { text-decoration: none; font-weight:  normal; }

a:link { color: white; border-bottom-color: #2f2a3e; } 

a.offsite { padding-right: 15px; background: transparent url("offsite.gif") right center no-repeat; }

/* Lists */

ul, ol
{
	margin: 1em 0;
	line-height: 1.8em;
}

ol li { margin-left: 2.5em; }

ul { padding-left: 2em; list-style-type: square; }

#navigation
{
	width: 100%; 
	float: left;
	clear: both;
	background-color: #51476a;
}
#navigation ul { list-style-type: none; margin: 0 auto; padding: 0; width: 850px; }
#navigation li { float: left; }
#navigation a
{
	float: left;
	display: block;
	color: #c5c5c5;
	padding: 5px 8px;
	margin-top: 10px;
	border-bottom-width: 0;
}

#navigation li.active a
{
	color: #FFCC00;
	background-color: #999999;
}
#navigation a:hover, #navigation a:active { color: #CCCCFF; background-color: #645a7d; }

/*login*/
.login input[type=text] 
{
	border: 1px solid #D4D0C8;
	width: 100px;
	font-family: Verdana, "Courier New"; font-size: .93em;
}
.login input[type=password] 
{
	border: 1px solid #D4D0C8;
	width: 100px;
	font-family: Verdana, "Courier New"; font-size: .93em;
}
.login input[type=submit] 
{
	border: 1px solid #D4D0C8;
	width: 40px;
	font-family: Verdana, "Courier New"; font-size: .93em;
}
span
{
	color:#993300
}

#content
{
	clear: both;
	width: 850px;
	margin: 0 auto;
	padding: 0px 0; 
	background-color: #c1bdcc;
}
.mynews
{
color:black;
border-bottom: 1px dotted gray;
}
.mynewscontent
{
width:50%;
color:black;
background-color: #FF9933;
border: 1px dotted gray;
padding:7px 30px 10px 25px;
}
.mynewscontent1
{
width:50%;
color:black;
background-color: #CCCCCC;
border: 1px dotted gray;
padding:7px 30px 10px 25px;
}
#table2 td
{
padding:5px 10px 5px 10px;
}
.myeven
{
text-align:left;
background-color: #666699;
color:white;

}
.myodd
{
text-align:left;
background-color: #669999;
color:white;

}
.mytr
{
background-color: #FF9933;
color:black;

}

.mytd
{
text-align:right;
background-color: #666666;
color:white;

}
.myshorttable
{
width:50px;
}

.myhide
{
display:none;

}
.myevenmore
{

background-color: #FFFFCC;
border: 1px dotted gray;
padding:7px 30px 10px 25px;
color:black;
}
.fleche-dessous{
	border:none;
	float: right;
	margin-right: 60px;
	margin-top: 10px;
  }
 
  .myshow{
display: block;
color:white;
height: 41px;
left: 0px;
position: absolute;
top: 64px;
width: 150px;
z-index: 1;
background-color: #333333;
  }
#navigation li
{
display:none
}
.magicshow{ /*style of tab content oontainer*/
font: normal 90% "Trebuchet MS", "Lucida Grande",Verdana,  Sans-Serif;	
display:none;
border: 0px dotted gray;
width: 316px;
height: auto;
margin-bottom: 0em;
padding: 20px;
font-size: 10px;
color:black;
font-weight: normal;
LINE-HEIGHT : 18px;
letter-spacing: 0.1em ;
text-align: center ;
position: absolute; 
/*left:40%;*/
right:8%;
top: 75%; 
z-index:3;

}
.magicshow a{ 
color:#333333;text-decoration: none; font-weight: bold
}

.mymain{ 
background: url(../images/inside.jpg) no-repeat ;
position: absolute; 
left:20%;
top:15%;
/*border: 1px dotted gray;*/
width: 500px;
height:auto;
margin-bottom: 1em;
color:black;
padding: 20px;
font-family: Verdana, Geneva, Arial;
font-size: 12px;
font-weight: normal;
LINE-HEIGHT : 18px;
letter-spacing: 0.1em ;
text-align: left ;
}
.mymain a
{
color:#333333;
text-decoration: none;
font-weight: bold;
}