/***********************************************************************
	GENERAL
***********************************************************************/
	
	*
	{
		padding : 0 ;
		margin : 0 ;
	}

	body
	{
		background : #eee url('./arrsite.png') top center repeat ;
		font-family : arial ;
		font-size : 12px ;
	}
	
	a
	{
		color : #039 ;
		text-decoration : underline ;
	}

/***********************************************************************
	LOGIN
***********************************************************************/

	.login
	{
		background : white url('./arrconnex.png') repeat-x top center ;
		width : 278px ;
		padding : 10px ;
		padding-top : 30px ;
		margin : auto ;
		margin-top : 10px ;
		border : 1px solid #666 ;
	}

		.login label
		{
			display : block ;
			margin-bottom : 2px ;
		}
		
			.login label b
			{
				float : left ;
				width : 95px ;
				padding-left : 5px ;
				border-bottom : 1px solid #ccc ;
			}
			
			.login label input
			{
				border : 2px solid #ccc ;
				color : #666 ;
			}
			
				.login label input:focus
				{
					border-color : #039 ;
					color : #039 ;
				}
				
/***********************************************************************
	BLOCS
***********************************************************************/

	.menu
	{
		background : #666 url('./arrmenu.gif') bottom left repeat-x ;
		color : #fff ;
		font-weight : bold ;
		height : 1.5em ;
		line-height : 1em ;
		padding : 0.25em ;
		overflow : hidden ;
		padding-bottom : 0 ;
		border-bottom : 1px solid #000 ;
		margin-bottom : 10px ;
	}

	.corps
	{
		width : 740px ;
		padding : 10px ;
		margin : auto ;
		background-color : white ;
	}
	
	.message
	{
		font-weight : bold ;
		border : 1px solid #ccc ;
		background-color : #eee ;
		padding : 5px ;
		font-size : 1.2em ;
		margin-bottom : 10px ;
	}
	
/***********************************************************************
	MENU
***********************************************************************/

	.menu li
	{
		display : block ;
		height : 1em ;
		float : left ;
	}
	
	.menu li a
	{
		padding : 0.25em ;
		color : #fff ;
		text-decoration : none ;
		padding-left : 10px ;
		padding-right : 10px ;
	}
	
	.menu .back
	{
		color : #ccc ;
		border-left : 1px solid #666 ;
		border-right : 1px solid #666 ;
	}
	
		.menu li a:hover
		{
			color : #FF3 ;
			background : #666 url('./arrlienhover.gif') bottom left repeat-x ;
			border-bottom : 2px solid #FF3 ;
		}
		
/***********************************************************************
	TITRES
***********************************************************************/

	h1
	{
		font-size : 1.5em ;
		border-bottom : 1px solid #ccc ;
		margin-bottom : 10px ;
		padding-bottom : 10px ;
		text-align : right ;
		color : #039 ;
	}
	
	h2
	{
		font-weight : bold ;
		margin-bottom : 10px ;
		background-color : #ff3 ;
		padding-left : 10px ;
		font-size : 1.2em ;
		color : #039 ;
		border : 1px solid #039 ;
	}
	
/***********************************************************************
	FORMULAIRES
***********************************************************************/

	.submit
	{
		display : block ;
		width : 200px ;
		margin : auto ;
		border : 1px outset #ccc ;
		background-color : #eee ;
		margin-top : 5px ;
	}
	
	textarea
	{
		width : 99.8% ;
		border : 1px solid #ccc ;
	}
	
/***********************************************************************
	TABLEAUX
***********************************************************************/

	table, td, th
	{
		border : 1px solid #eee ;
	}
	
	table
	{
		border-collapse : collapse ;
		width : 100% ;
		margin-bottom : 10px ;
	}
	
		table .date
		{
			width : 200px ;
			text-align : center ;
		}
		
		th, td
		{
			padding : 5px ;
		}
		
		th
		{
			font-weight : bold ;
			text-align : center ;
			background-color : #039 ;
			color : #ff3 ;
		}
		
		
	.online a, .offline a
	{
		display : block ;
		font-weight : bold ;
		color : #000 ;
		text-decoration : none ;
		text-align : center ;
	}
		
		.online
		{
			background-color : #8f8 ;
		}
		
		.offline
		{
			background-color : #f88 ;
		}