*
{
	margin : 0px ;
	padding : 0px ;
	font-family : arial ;
	font-size : 11px ;
}

body
{
	background : #ccc url('./arrsite.jpg') top left repeat-x fixed ;
}

img
{
	border : 0px ;
}

a
{
	color : black ;
}

.corps
{
	width : 760px ;
	overflow : hidden ;
	margin : auto ;
	margin-top : 10px ;
	border : 1px solid #666 ;
	background-color : #fff ;
	background-image : url('./arrcorps.jpg') ;
	background-repeat : repeat-y ;
}

.header
{

	background-image : url('./header.jpg') ;
	background-repeat : repeat-x ;
	background-position : top left ;
	height : 30px ;
	background-color : #666 ;
	border-bottom : 1px solid #ccc ;
}

	.header h1
	{
		display : none ;
	}
	
	.header h1 a
	{
		display : block ;
		color : white ;
		font-weight : bold ;
		font-size : 20px ;
		text-decoration : none ;
		padding-bottom : 5px ;
		padding-top : 10px ;
		padding-left : 20px ;
		height : 20px ;
		overflow : hidden ;
	}

.barre 
{
	background-color : #eee ;
	border-bottom : 1px solid #ccc ;
	white-space : nowrap ;
	text-align : center ;
	overflow : hidden ;
	font-size : 1.2em ;
	line-height : 1em ;
	color : #080 ;
}

	.barre .titre
	{
		height : 1.4em ;
		padding-left : 5px ;
		padding-right : 10px ;
		margin-right : 5px ;
		float : left ;
		font-weight : bold ;
		color : #666 ;
		background-color : #ccc ;
		background-image : url('./arritrebarre.jpg') ;
		background-repeat : no-repeat ;
		background-position : top right ;
	}
	
	.contenu
	{
		text-align : justify ;
		overflow : hidden ;
		border-bottom : 5px solid white ;
	}
	
	.mod
	{
		padding : 5px ;
		margin : 5px ;
		margin-top : 0px ;
	}
	
		.news
		{
			float : left ;
			width : 380px ;
		}
		
			.news .mod
			{
				border : 1px solid #eee ;
				margin-bottom : 5px ;
			}
			
			.news .mod p, .infos .mod p
			{
				margin-bottom : 1em ;
			}
			
			.news h3
			{
				font-size : 1.1em ;
				margin : 5px ;
				padding-left : 10px ;
				/**
				border-bottom : 1px solid black ;
				border-top : 1px solid black ;
				/*/
				background-image : url('./arrh3.jpg') ;
				background-position : bottom right ;
				background-color : #666 ;
				color : white ;
				font-weight : normal ;
				/*font-style : italic ;*/
				/**/
			}
			
			.news img
			{
				margin : 5px ;
				margin-top : 0px ;
				margin-bottom : 0px ;
			}
			
			.news .titre
			{
				margin : 5px ;
				margin-top : 0 ;
				font-size : 0.9em ;
				text-align : right ;
				color : #080 ;
			}
			
				.news .titre .datenews
				{
					float : left ;
				}
		
		.evenements
		{
			background-color : #eee ;
			float : left ;
			width : 220px ;
			color : #666 ;
			border-top : 5px solid white ;
		}
		
			.evenements .mod, .evenements h2
			{
				margin : 5px ;
				border : 1px solid #fff ;
				background-color : #f9f9f9 ;
				background : #f9f9f9 url('./arrentrainement.jpg') bottom left repeat-x ;
			}
			
			.evenements h2
			{
				margin-top : 10px ;
				margin-bottom : 10px ;
				font-weight : bold ;
				font-size : 1.4em ;
				padding-left : 5px ;
				border : 0 ;
				background : transparent url('./arrh2entrainement.jpg') 25px center no-repeat ;
				text-align : center ;
				padding-left : 95px ;
				font-style : italic ;
			}
			
			.evenements h3
			{
				margin-left : 5px ;
				margin-right : 5px ;
				border-bottom : 1px solid #080 ;
				border-top : 1px solid #080 ;
				color: #080 ;
				padding-left : 5px ;
				background-image : url('./arrh3_event.jpg') ;
				background-repeat : no-repeat ;
				background-position : bottom right ;
			}
			
			.entr_club
			{
				font-weight : bold ;
				float : left ;
				/*color : #080 ;*/
			}
			
			.entr_niveau
			{
				float : right ;
			}
			
			.entr_age
			{
				float : right ;
			}
			
			.entr_lieu
			{
				/*NOUVELLE VERSION*/
				font-weight : bold ;
			}
			
			.entr_horaire
			{
				float : left ;
			}
			
			.entr_personne
			{
				float : left ;
			}
			
			.entr_contact
			{
				text-align : right ;
			}
			
		.infos
		{
			width : 160px ;
			float : right ;
			padding-bottom : 200px ;
			background : #fff url('./colonne.jpg') bottom center no-repeat ;
		}
		
			.infos .mod
			{
				margin : 0px ;
				padding-top : 0px ;
				padding-bottom : 5px ;
			}
						
			.infos img
			{
				width : 100% ;
			}
			
			
			.infos ul
			{
				
			}
			
				.infos li
				{
					list-style-type : none ;
					display : block ;
					border : 1px solid #fff ;
				}
				
			.infos a
			{
				display : block ;
				margin-bottom : 5px ;
				color : #666 ;
				text-decoration : none ;
			}
			
				.infos .ultexte li a
				{
					padding-left : 10px ;
					border-bottom : 1px solid #eee ;
					background-image : url('./li.jpg') ;
					background-repeat : no-repeat ;
					background-position : center left ;
				}
		
		.news h2, .infos h2
		{
			margin : 5px ;
			padding : 0.1em ;
			padding-left : 10px ;
			line-height : 1em ;
			
			background-color : #eee ;
			/**
			background-image : url('./arrh2.gif') ;
			background-color : #eee ;
			/*/
			background-image : url('./arrh2.jpg') ;
			background-color : #fff ;
			/**/
			background-position : bottom left ;
			background-repeat : repeat-x ;
			font-size : 1.2em ;
			color : #fff ;
			/*border : 1px solid #ccc ;*/
			border-top : 1px solid #383 ;
		}

		.news h2
		{
			font-size : 1.3em ;
		}
		
.documents
{
	border : 1px solid #ccc ;
	margin : 5px ;
	padding : 5px ;
	padding-bottom : 0 ;
	background-color : #eee ;
}

	.documents a
	{
		display : block ;
		text-decoration : none ;
		font-size : 1.2em ;
		text-align : center ;
		padding : 5px ;
		border : 1px solid #ccc ;
		background-color : #fff ;
		margin-bottom : 5px ;
	}

	.documents a:hover
	{
		background-color : #ccc ;
	}

.newsletter
{
	background : #383 url('./newsletter.jpg') top left no-repeat ;
	color : #fff ;
	margin : 5px ;
	padding-top : 35px ;
	padding-bottom : 10px ;
	text-align : center ;
	border : 2px solid #080 ;
}

	
	
	.newsletter input
	{
		background-color : transparent ;
		border : 2px inset #383 ;
		color : #fff ;
	}
	
	.newsletter .radio
	{
		border : 0 ;
	}
	
	.newsletter .submit
	{
		border-style : outset ;
		font-weight : bold ;
	}
	
.video_title
{
	display : block ;
	margin : 5px ;
	margin-bottom : 10px ;
	text-align : center ;
	text-decoration : none ;
	font-style : italic ;
}
	
	
.fin
{
	clear : both ;
	height : 0px ;
	overflow : hidden ;
}
	
.separation
{
	border-top : 1px dashed #666 ;
	margin : 15px 5px 15px 5px ;
}
	
.footer
{
	clear : both ;
	background-color : #666 ;
	color : white ;
	padding : 2px ;
	text-align : right ;
}

	.footer a
	{
		color : white ;
		text-decoration : none ;
		font-weight : bold ;
	}
	
	#admin_link
	{
		background-color : #383 ;
		padding-left : 5px ;
		padding-right : 5px ;
	}