/*
ORANGE : #F55B28 ;
BLEU : #2A5B8C ;
*/

*
{
	font-family : tahoma ;
	font-size : 11px ;
	padding : 0px ;
	margin : 0px ;
	text-align : justify ;
	font-weight : normal ;
}

img
{
	border : 0px ;
}

body
{
	background-color : #D4D4D4 ;
	background-image : url("./design/arrsite.jpg") ;
	background-position : top center ;
	background-repeat : repeat-x ;
	padding : 10px ;
}

.corps
{
	width : 760px ;
	margin : auto ;
	background-color : #FFFFFF ;
}

.barre
{
	position : absolute ;
	padding : 2px ;
	width : 750px ;
	padding-left : 5px ;
	padding-right : 5px ;
	text-align : right ;
}

.header
{
	height : 28px ;
	background-image : url("./design/header.jpg") ;
	border-bottom : 4px solid #F55B28 ;
	padding-left : 258px ;
	padding-top : 27px ;
	padding-right : 8px ;
	padding-bottom : 26px ;
}

.menu
{
	padding : 7px ;
	text-align : center ;
}

	.menu li
	{
		display : inline ;
	}
	
	.menu a
	{
		text-decoration : none ;
		color : black ;
		font-size : 1.1em ;
		font-weight : bold ;
		border : 1px solid #2A5B8C ;
		padding : 1px ;
		padding-left : 10px ;
		padding-right : 10px ;
		margin : 1px ;
	}
	
	.menu a:hover
	{
		color : #F55B28 ;
		border : 2px inset #2A5B8C ;
		margin : 0px ;
	}
	
	.menu a:hover img
	{
		margin : 1px ;
	}
	
	.menu .droite a
	{
		border : 0px ;
		padding : 0px ;
	}
	
.content
{
	border-top : 2px solid #2A5B8C ;
	border-bottom : 2px solid #2A5B8C ;
}

.contenu
{
	float : left ;
	width : 545px ;
}

.notes
{
	width : 210px ;
	float : right ;
	margin-top : 5px ;
	margin-right : 5px ;
	margin-bottom : 5px ;
}

	.notes h3
	{
		font-weight : bold ;
		background-color : #cccccc ;
					
		/*
		background-image : url("./design/arrh3.jpg");
		background-repeat : repeat-y ;
		background-position : top right ;
		*/
		border : 1px solid #cccccc ;
		border-bottom : 2px solid #2A5B8C ;
		color : #F55B28 ;
		padding : 2px ;
		padding-left : 5px ;
	}
	
	.notes .mod
	{
		/*border-top : 1px solid #F55B28 ;*/
		margin-bottom : 5px ;
	}
	
	.notes ul
	{
		padding-left : 15px ;
	}
	
		.notes li
		{
			list-style-image : url("./design/puce.jpg") ;
		}
		
	.notes a
	{
		color : black ;
		text-decoration : none ;
		border-bottom : 1px solid #eeeeee ;
	}
	

.contenu .mod, .contenu .error, .contenu .ok
{
	margin : 5px ;
}

.mod, .error, .ok
{
	border : 1px solid #cccccc ;
	padding : 5px ;
}

.footer
{
	clear : both ;
	border-top : 4px solid #F55B28 ;
	padding : 5px ;
	padding-bottom : 20px ;
	background-image : url("./design/footer.jpg") ;
	background-position : bottom left ;
}

.fin
{
	clear : both ;
	height : 0px ;
}

.droite
{
	float : right ;
	padding-left : 5px ;
}

h1, h2
{
	margin : 5px ;
	font-weight : bold ;
	border : 1px solid #cccccc ;
	padding-left : 10px ;
}

h1
{
	font-size : 1.3em ;
	color : #2A5B8C ;
}

h2
{
	font-size : 1.1em ;
	background-color : #cccccc ;
	color : #F55B28 ;
}

.contenu h3
{
	border-bottom : 1px dashed #cccccc ;
	font-size : 1.0em ;
	padding-left : 5px ;
	margin-bottom : 5px ;
	font-weight : bold ;
	padding-bottom : 5px ;
}

table
{
	margin : 5px ;
	border : 1px solid #cccccc ;
	width : 535px ;
	border-collapse : collapse ;
}

th, td
{
	border : 1px solid #cccccc ;
	padding : 1px ;
	/*padding-left : 5px;*/
}

.petit
{
	width : 30px ;
	text-align : center ;
	padding : 1px ;
}

th
{
	font-weight : bold ;
	color : #2A5B8C ;
}

table .entrainer
{
	width : 150px ;
}

table select
{
	width : 150px ;
	border : 0px ;
}

	table select option
	{
		border : 0px ;
	}

table input
{
	width : 150px ;
}

table .souligne td
{
	border-bottom : 2px solid #2A5B8C ;
}

optgroup
{
	font-weight : bold ;
}

optgroup option
{
	padding-left : 10px ;
	font-weight : normal ;
}

.tablematchs th, .tablematchs td
{
	text-align : center ;
}

.rouge, .reduc
{
	color : #F55B28 ;
}

	.reduc
	{
		font-size : 0.9em ;
		text-decoration : line-through ;
	}

h2, .notes h3
{
	background-image : url("./design/arrbarre.jpg") ;
	background-position : center left ;
	background-repeat : repeat-x ;
	white-space : nowrap ;
	overflow : hidden ;
}

.contenu a
{
	color : #666666 ;
	text-decoration : none ;
	border-bottom : 1px solid #2A5B8C ;
}

b
{
	font-weight : bold ;
}

input
{
	text-align : center ;
	background-color : white ;
	font-weight : bold ;
}

.input, .num
{
	text-align : left ;
	font-weight : normal ;
}

.num
{
	width : 40px ;
	padding-left : 15px ;
	background-image : url("./images/num.jpg") ;
	background-repeat : no-repeat ;
}

.contenu table a
{
	border : 0px ;
}

.onglets
{
	border-bottom : 1px solid #cccccc ;
	margin : 5px ;
	margin-top : 10px ;
	margin-bottom : 10px ;
}

	.onglets li
	{
		display : inline ;
	}
	
	.onglets a
	{
		border : 1px solid #cccccc ;
		border-top : 2px solid #2A5B8C ;
		margin-left : 2px ;
		padding-left : 10px ;
		padding-right : 10px ;
		background-color : #eeeeee ;
		font-weight : bold ;
		font-size : 1.1em ;
	}
	
	.onglets a:hover
	{
		padding-top : 1px ;
	}
	
	.onglets .over
	{
		border-bottom : 1px solid white ;
		background-color : white ;
		padding-top : 1px ;
		color : black ;
	}
	
.error, .ok
{
	background-repeat : no-repeat ;
	background-position : center left ;
	font-weight : bold ;
	font-style : italic ;
	padding-left : 25px ;
}

.error
{
	background-image : url("./design/arrerror.jpg") ;
	color : #F55B28 ;
}

.ok
{
	background-image : url("./design/arrok.jpg") ;
	color : #2A5B8C ;
}

.menudroite li
{
	font-weight : bold ;
}

	.menudroite b
	{
		font-weight : normal ;
	}
	
#pub
{
	text-align : center ;
	height : 200px ;
}




#center
{
	text-align : center ;
}


.terrain
{
	background-image : url("./images/terrain.jpg") ;
	background-repeat : no-repeat ;
}

	#terrainbeach
	{
		background-image : url("./images/terrain2.jpg") ;
	}

	.terrain .adroite
	{
		/*text-align : right ;*/
	}
	
	.terrain .agauche
	{
		/*text-align : left ;*/
	}

	.terrain td
	{
		height : 100px ;
		text-align : center ;
		border : 0px ;
		font-weight : bold ;
		width : 33% ;
	}

	.terrain .remplace
	{
		height : auto ;
		font-weight : normal ;
		border : 0px ;
	}
	
	.terrain th
	{
		text-align : center ;
	}
	
		.cadres
		{
			background-color : #F3F3F3 ;
		}
	
	
	
	.barre .ladate
	{
		float : left ;
		width : 50% ;
		text-align : right ;
		margin-left : 25% ;
	}
	
	.barre .logout
	{
		color : #666666 ;
	}
	
		.barre .logout a, .drap a
		{
			color : #666666 ;
			text-decoration : none ;
		}
		
		.barre .logout a:hover
		{
			color : #000000 ;
		}
		
.notes .input
{
	width : 100px ;
}

	.alerte
	{
		background-color : white ;
		width : 500px ;
		margin : auto ;
		/*border-top : 5px solid #F55B28 ;
		border-bottom : 5px solid #2A5B8C ;*/
		border-bottom : 1px solid white ;
	}
	
		.alerte .mod, .alerte h2
		{
			margin : 5px ;
		}
		
	.alerte .drap
	{
		position : absolute ;
		padding : 5px ;
		width : 490px ;
		text-align : right ;
	}
	
#pub468
{
	height : 60px ;
	margin : 5px ;
	padding : 5px ;
	text-align : center ;
	background-image : url("./images/arrpub.jpg") ;
}

	#pubs468 a, #pubs468 img
	{
		border : 0px ;
	}
	
	
.event
{
	margin : 5px ;
	margin-top : 10px ;
	padding-top : 5px ;
	border-top : 1px dashed #cccccc ;
	/*background-image : url("./design/arrevent.jpg") ;
	background-repeat : repeat-x ;*/
}

	.event h2, .event .mod
	{
		margin-right : 0px ;
		margin-left : 0px ;
	}
	
	.event img
	{
		border : 1px solid #cccccc ;
	}
	
	.event .mod img
	{
		border : 0px ;
	}
	
	.event a
	{
		border-bottom : 1px solid white ;
	}
	
.barrestats
{
	/*
	background-color : #ffffff ;
	background-image : url("./images/arrstats.jpg") ;
	background-repeat : repeat-x ;
	background-position : bottom left ;
	border : 1px solid black ;
	*/
}

.bg1
{
	background-color : #F55B28 ;
}

.bg2
{
	background-color : #2A5B8C ;
}


.avatar
{
	float : left ;
	width : 120px ;
	margin-right : 5px ;
}

	.avatartexte
	{
		border-left : 1px solid #cccccc ;
		margin-left : 125px ;
		padding-left : 5px ;
	}
	
	
.traduction
{
	width : 300px ;
	text-align : left ;
}

textarea
{
	width : 520px ;
	margin-top : 5px ;
}

.edit_couleur
{
	line-height : 0.8em ;
	width : 4.8em ;
	float : right ;
	border : 1px solid #ccc ;
	margin-left : 10px ;
}

	.edit_couleur a
	{
		display : block ;
		float : left ;
		width : 0.8em ;
		text-decoration : none ;
		border : 0 ;
	}
	
	#demo_couleur
	{
		font-weight : bold ;
		font-size : 1.2em ;
		padding : 10px ;
		margin-right : 130px ;
		border : 1px solid #ccc ;
	}