@CHARSET "ISO-8859-1";

@media screen, print
{
	BODY
	{
		background-color:#C8C1FF;
		font-family:Arial;
		color:#000000;
		margin:0px 0px 0px 0px;
	}
	
	.clear
	{
		clear:both;
		font-size:1px;
		line-height:1px;
	}
	
	.title
	{
		font-size:24px;
		line-height:32px;
		font-weight:bold;
		
	}
	
	.box
	{
		font-size:12px;
		color:#717171;
		background-color:#F2F2F2;
		margin-bottom:8px;
		padding-bottom:8px;
		text-align:justify;
	}
	
	.titlebox 
	{
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		color:#717171;
		background-color:#DDDDDD;
		text-align:left;
		padding-left:4px;
		
	}
	
	.box .image
	{
		width:160px;
		background-color:#D7D7EB;
		margin-top:4px;
		margin-left:4px;
		padding: 4px 4px 4px 4px;
		float:left;
	}
	
	
	.image A IMG,.image A:link IMG,.image A:visited IMG
	{
		filter:Alpha(opacity=75);
	        opacity:0.75;
	}
	
	.image A:hover IMG
	{
		filter:Alpha(opacity=100);
		opacity:1.0;
	}
	
	
	.box .body
	{
		width:460px;
		padding:4px 4px 4px 4px;
		float:right;
	}
	
	.box .body A, .box .body A:link, .box .body A:hover, .box .body A:visited
	{
		color:#7881CF;
		text-decoration:underline;
		font-weight:bold;
	}
	
	#main
	{
		background: #C8C1FF url('images/fond.gif') top center repeat-y;
		text-align:center;
	}
	
	#header
	{
		text-align:left;
		background-color:#D7D7EB;
		width:650px;
	        margin-left:auto;
	        margin-right:auto;
	}
	
	#body
	{
		margin-top:8px;
		width:650px;
		text-align:left;
		margin-left:auto;
	        margin-right:auto;
	}
	
	#central
	{
		width:640px;
		float:left;
		
	}
	#game
	{
		width:640px;
		margin-left:auto;
	    margin-right:auto;
	}
	#links
	{
		color:#7881CF;
		font-weight:bold;
		font-size:11px
	}
	
	#links A:link, #links A:visited
	{
		color:#7881CF;
		font-weight:bold;
		font-size:11px;
		text-decoration:none;
	}
	
	#links A:hover
	{
		text-decoration:underline;
	}
	
	#sidecontainer
	{
		width:240px;
		float:right;
		background: #C8C1FF url('images/fond_menu.gif') top left repeat-x;
		margin-top:32px;
		margin-bottom:8px;
	        
		
		
	}
	
	#side
	{
		width:224px;
		margin-left:8px;
		margin-top:8px;
		margin-bottom:8px;
		font-size:12px;
		
	}
	
	#side A, #side A:link, #side A:hover, #side A:visited
	{
		color:#717171;
		text-decoration:underline;
		font-weight:bold;
	}
	
	#footer
	{
		background: #C8C1FF url('images/footer.gif') top center no-repeat;
		height:30px;
		
	}
}

@media handheld 
{
	BODY
	{
		background-color:#FFFFFF;
		font-family:Arial;
		color:#000000;
		margin:0px 0px 0px 0px;
	}
	
		
	.title
	{
		font-size:24px;
		line-height:32px;
		font-weight:bold;
		
	}
	
	.box
	{
		font-size:12px;
		color:#717171;
		background-color:#F2F2F2;
		margin-bottom:8px;
		padding-bottom:8px;
		text-align:justify;
	}
	
	.titlebox 
	{
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		color:#717171;
		background-color:#DDDDDD;
		text-align:left;
		padding-left:4px;
		
	}
	
	.box .image
	{
		width:160px;
		background-color:#D7D7EB;
		margin-top:4px;
		margin-left:auto;
		margin-right:auto;
		padding: 4px 4px 4px 4px;
		
	}
	
	
	.box .body
	{
		padding:4px 4px 4px 4px;
		
	}
	
	.box .body A, .box .body A:link, .box .body A:hover, .box .body A:visited
	{
		color:#7881CF;
		text-decoration:underline;
		font-weight:bold;
	}
	
	#main
	{
		text-align:center;
	}
	
	#header
	{
		background-color:#D7D7EB;
		width:405px;
	    margin-left:auto;
	    margin-right:auto;
	}
	
	#body
	{
		margin-top:8px;
		text-align:left;
		
	}
	
		
	#links
	{
		color:#7881CF;
		font-weight:bold;
		font-size:11px
	}
	
	#links A:link, #links A:visited
	{
		color:#7881CF;
		font-weight:bold;
		font-size:11px;
		text-decoration:none;
	}
	
	#links A:hover
	{
		text-decoration:underline;
	}
	
	
	
	#side
	{
		margin-bottom:8px;
		font-size:12px;
		
	}
	
	#side A, #side A:link, #side A:hover, #side A:visited
	{
		color:#717171;
		text-decoration:underline;
		font-weight:bold;
	}
	
	
}