/****************************************************
	BLEU : #039
	JAUNE : #FF3 ;
****************************************************/


/****************************************************
	GENERAL
****************************************************/

	*
	{
		padding : 0 ;
		margin : 0 ;
	}

	body
	{
		background-color : #EEE ;
		font-family : arial ;
		font-size : 11px ;
		background : #fff url('./arrsite.png') repeat top center ;
		letter-spacing : 1px ;
	}

	img
	{
		border : 0 ;
	}
	
	a
	{
		color : #039 ;
		text-decoration : underline ;
	}
	
/****************************************************
	BLOCS
****************************************************/

	.corps
	{
		width : 498px ;
		margin : auto ;
		margin-top : 10px ;
		float : left ;
	}
	
	.contenu
	{
		/*padding-bottom : 10px ;*/
	}
	
	.mod, .header
	{
		
	}
	
	.mod
	{
		clear : both ;
		text-align : justify ;
		background-color : #fff ;
		padding : 5px ;
		border : 1px solid #039 ;
		border-top-color : #ccc ;
		border-bottom-width : 0px ;
		background-position : bottom right ;
		background-repeat : no-repeat ;
	}
	
	#error, #ok
	{
		color : #f00 ;
		font-weight : bold ;
		text-align : center ;
		background-color : #eee ;
	}
	
		#ok
		{
			color : #080 ;
		}
	
	.body
	{
		width : 730px ;
		margin : auto ;
	}
	
	.sidebar
	{
		float : right ;
		width : 212px ;
		/*padding-top : 94px ;*/
		padding-top : 120px ;
	}
	
	.powered
	{
		text-align : center ;
		clear : both ;
		padding : 5px ;
	}
	
	.hr
	{
		display : none ;
	}
	
	.events
	{
		border-bottom : 1px solid #ccc ;
		background : #fff url('./arrevents.jpg') bottom left repeat-x ;
		padding-top : 2px ;
		padding-bottom : 2px ;
		text-align : right ;
	}
	

/****************************************************
	HEADER
****************************************************/

	.header
	{
		height : 85px ;
		background : transparent url('./header.png') center bottom no-repeat ;
		margin-left : auto ;
		margin-right : auto ;
	}

		.header h1
		{
			display : none ;
		}

/****************************************************
	MENU
****************************************************/

	.menu
	{
		background-color : #FF3 ;
		border : 1px solid #039 ;
		border-top : 0 ;
	}
	
		.menu a
		{
			border-right : 1px solid #039 ;
			text-decoration : none ;
			padding-left : 10px ;
			padding-right : 10px ;
			font-weight : bold ;
		}

/****************************************************
	FOOTER
****************************************************/

	.footer
	{
		margin : auto ;
		background-color : #039 ;
		padding : 5px ;
		color : #FFF ;
	}
	
		.footer a
		{
			color : #FF3 ;
			font-weight : bold ;
			text-decoration : none ;
		}

/****************************************************
	LANGUES
****************************************************/

	.langues
	{
		float : right ;
		padding-right : 24px ;
	}

		.langues li
		{
			display : inline ;
			list-style-type : none ;
		}
		
		.langues img
		{
			border : 1px solid black ;
		}

/****************************************************
	POSTS
****************************************************/

	.profil
	{
		float : left ;
		width : 150px ;
		text-align : center ;
		line-height : 1.5em ;
		padding-top : 1em ;
	}
	
		.profil .nom
		{
			font-weight : bold ;
			/*font-size : 1.1em ;*/
		}
		
		.profil .nom a
		{
			color : #000 ;
			text-decoration : none ;
		}
	
	.texte
	{
		margin-left : 150px ;
		padding-left : 10px ;
	}
	
		.date
		{
			border-bottom : 1px dashed #ccc ;
			margin-bottom : 1em ;
			text-align : right ;
			font-size : 1em ;
			color : #039 ;
			font-weight : bold ;
			display : block ;
			font-style : none ;
		}
		
			.profil .date
			{
				text-align : center ;
			}
		
		.photo
		{
		
		}
		
			.photo img
			{
				border : 1px solid #ccc ;
			}
		
		.equipe
		{
			
		}
		
			.equipe img
			{
				border : 1px solid #000 ;
			}
		
			.equipe .numero
			{
				font-weight : bold ;
				font-size : 1.5em ;
			}
	
	.fin
	{
		clear : both ;
	}

/****************************************************
	PAGINATION
****************************************************/

	#pages
	{
		text-align : center ;
		letter-spacing : 0 ;
		padding : 10px ;
	}
	
		#pages a, #pages b
		{
			background-color : #eee ;
			padding : 5px ;
			font-weight : bold ;
			text-decoration : none ;
			color : #039 ;
		}
		
		#pages b
		{
			font-size : 1.2em ;
			border : 1px solid #039 ;
		}
		
/****************************************************
	FORM
****************************************************/

	form .mod
	{
		text-align : center ;
	}
	
		label
		{
			display : block ;
			margin-bottom : 2px ;
		}
		
		input,textarea
		{
			border : 1px solid #666 ;
			font-family : arial ;
			font-size : 11px ;
		}
		
			input:focus,textarea:focus
			{
				border-color : #000 ;
			}
			
		textarea
		{
			width : 400px ;
		}
		
		.submit
		{
			background-color : #eee ;
			border-width : 2px ;
			color : #666 ;
			font-weight : bold ;
			padding-left : 20px ;
			padding-right : 20px ;
		}

/****************************************************
	LISTE A PUCE
****************************************************/

	.contenu ul
	{
		padding : 5px ;
	}
	
	.contenu li
	{
		margin-left : 15px ;
		list-style-type : square ;
	}
	
	.categories li
	{
		display : block ;
		margin : 0 ;
		list-style-type : none ;
	}
	
		.categories a
		{
			display : block ;
			padding : 5px ;
			border-bottom : 1px solid #eee ;
			text-decoration : none ;
			
			text-align : center ;
		}
		
			.categories a b
			{
				font-size : 1.5em ;
			}
			
			.categories a:hover b
			{
				color : #000 ;
			}
			
/****************************************************
	SIDEBAR
****************************************************/
	
	#TBP
	{
		height : 300px ;
	}
	
	#photos
	{
		line-height : 0 ;
		padding-top : 20px ;
		background : #fff url('./lastpictures.png') top left no-repeat ;
	}
	
	.sidebar .bloc
	{
		padding : 5px ;
		background-color : #fff ;
		border : 1px solid #039 ;
		margin-bottom : 10px ;
	}
	
/****************************************************
	BLOCS
****************************************************/

	.events a
	{
		font-weight : bold ;
		margin-right : 10px ;
		color : #666 ;
		text-decoration : none ;
	}
	
		.events a:hover
		{
			color : #fff ;
		}
		
		#logo_event
		{
			float : left ;
			margin-left : 5px ;
			font-weight : bold ;
			letter-spacing : 3px ;
		}

/****************************************************
	BLOCS
****************************************************/

	.languefi .mod { background-image : url('./fonds/fi.png') ; }
		.languefi .mod .equipe { color : #BA0 ; }

	.languech .mod { background-image : url('./fonds/ch.png') ; }
		.languech .mod .equipe { color : #F00 ; }
	
	.langueit .mod { background-image : url('./fonds/it.png') ; }
		.langueit .mod .equipe { color : #080 ; }
	
	.languede .mod { background-image : url('./fonds/de.png') ; }
		.languede .mod .equipe { color : #080 ; }
	
	.languegb .mod { background-image : url('./fonds/gb.png') ; }
		.languegb .mod .equipe { color : #00F ; }
	
	.langueca .mod { background-image : url('./fonds/ca.png') ; }
		.langueca .mod .equipe { color : #666 ; }
	
	.languetw .mod { background-image : url('./fonds/tw.png') ; }
		.languetw .mod .equipe { color : #666 ; }
	
	.languesg .mod { background-image : url('./fonds/sg.png') ; }
		.languesg .mod .equipe { color : #666 ; }
	
	.languebr .mod { background-image : url('./fonds/br.png') ; }
		.languebr .mod .equipe { color : #666 ; }