/* 
----- CSS by-dif v3 -----
----- Des droits d'auteurs veillent sur ce fichier -----
----- email: julien@by-dif.net -----
*/

/*----- Les liens -----*/
a:link	{color:#ef4e10; text-decoration: underline; }
a:active	{color: #898989; text-decoration: none; }
a:visited	{color:#ef4e10; text-decoration: underline; }
a:hover	{color:#898989; text-decoration: none; }


/* 
##########################################
----- Body -----
*/
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	font-size: 12px;
	background-image: url(img/bg.jpg);
	background-repeat: repeat;
}

/* 
##########################################
----- Div:ID et Class générales du site -----
*/
#page {
	width: 830px;
	margin-left: -420px;
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
	height: auto;
	position: absolute;
	}
	
	
#bann	{
	width: 830px;
	height: 235px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	background-image: url(img/bann.jpg);
	background-repeat: no-repeat;
}

#center	{
	width: 830px;
	height: auto;
	margin: 235px 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	background-image: url(img/bgcenter.jpg);
	background-repeat: repeat-y;
}

.footer {
	width: 830px;
	height: 30px;
	background-image: url(img/footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #3a3a3a;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0;
	color: #FFFFFF;
	font-size: 10px;
	float: left;
}

/* Bloc de gauche  (sponsors et partenaires) */
		#leftbloc {
			height: auto;
			width: 166px;
			float: left;
			margin: 0 0 0 0;
			padding: 0 0 0 2px;
		}
		
		#leftbloc	table	{
			height: auto;
			width: 166px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		
			.leftbloc-tabbg	{
				height: auto;
				background-image: url(img/leftbloc/bg.jpg);
				background-repeat: repeat-y;
				padding: 0px;
				text-align: left;
			}
			
			.leftbloc-tabbg2	{
				height: auto;
				background-image: url(img/leftbloc/bg.jpg);
				background-repeat: repeat-y;
				padding: 0px;
				text-align: center;
			}
			
				.leftbloc-tabbg2 img	{
					margin: 3px 0 3px 0;
				}		
		
			.leftbloc-tabtop	{
				height: 10px;
				background-image: url(img/leftbloc/top.jpg);
				background-repeat: no-repeat;
				background-position: bottom left;
			}
			
			
			.leftbloc-tabfooter	{
				height: 10px;
				background-image: url(img/leftbloc/footer.jpg);
				background-repeat: no-repeat;
				background-position: top left;
			}
			
			
	/* Class pour le menu */
	#menu {
		color: #000000;
		font-size: 12px;
		letter-spacing: 0.5px;
		margin: 0 0;
		padding: 0 0;
		text-align: left;
		width: 166px;
		float: left;
	}

	#leftbloc ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}


	#leftbloc li {
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	
	
	#leftbloc li a, #leftbloc li a:visited{
		background: url(img/leftbloc/btn.jpg) no-repeat;
		background-position: center left;
		border-bottom: 0px;
		color: #FFFFFF;
		display: block;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		height: 25px;
		line-height: 25px;
		margin: 0 0 0 0;
		padding: 0 0 0 30px;
		width: 166px;
		text-decoration: none;
		}
		
	#leftbloc li a:hover, #leftbloc li a:active{
		background: url(img/leftbloc/btn_over.jpg) no-repeat;
		background-position: center left;
		display: block;
		height: 25px;
		line-height: 25px;
		list-style-position: outside;
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 30px;
		width: 166px;
		text-decoration: none;
		color: #3a3a3a;
		}
		
		#leftbloc img {
			border: none;
		}
		
	/* Bloc du centre */
	#centerbloc	{
		height: auto;
		width: 620px;
		float: left;
		margin: 0 0 0 0;
		padding: 0 15px 0 10px;
		overflow: hidden;
		}
		
		/* Mise en page */
		 h1{
		 	font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 14px;
			color: #EF4E10;
			text-align: left;
			margin: 0 0 8px 0;
			padding: 0 0;
		 	}
			
		.center-titre	{
			color: #555555;
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;	
			}
			
		.center-soustitre	{
			color: #898989;
			font-size: 11px;
			line-height: 14px;	
			}	

/* Page liens */
.liens-tab {
	width: 590px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
.liens-tabrow {
	color: #898989;
	font-size: 11px;
	line-height: 14px;	
}






/* Page Contact */
.contact	{
	width: 500px;
	height: auto;
	border: none;
}

.contact-left	{
	width: 200px;
	height: auto;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3a3a3a;
	text-align: right;
}

.contact-right	{
	width: 300px;
	height: auto;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3a3a3a;
}

.contact-textarea	{
	text-align: center;
	width: auto;
}

.contact-status	{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #3a3a3a;
	text-align: center;
}
.contact-textareabg {
	background: no-repeat url(img/textarea.jpg) center;
}