/*
#003656
|color02|
#c8d200
|color04|
|color05|
*/
@import url(menu.css);
html, body
{
	margin:0; padding:0;
	text-align:center;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#60554c;
	font-size:14px ;
}

html{ background:#000 url(../images/bg-patern.jpg) repeat-y 50% 375px; }
body{ 
	overflow: -moz-scrollbars-vertical;
	sposition:relative;
	height:100%;
}

	h1, h2, h3, h4, h5, h6
	{
		margin:0;
		padding:4px 0;
		padding-left:10px;
	}
	#main h2
	{
		background:url(../images/h1-ball.png) no-repeat 0 0;
		color:#eb690b;
		text-transform:uppercase;
		font-size:28px;
		font-weight:normal;
		margin:0; line-height:30px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:64px;
	}	
	#main .jdGallery .slideInfoZone h2
	{
		padding:5px 8px; margin:0; background-image:none;
		font-size:16px;
		color:#fff;
	}
	.main-header .csc-header-n1
	{
		width:980px;
		margin-top:8px;
		margin-left:-20px;
		padding-bottom:15px;
		background:url(../images/maintTitle.gif) no-repeat 0 100%;
	}
	#main .main-header .csc-header-n1 h1
	{
		text-transform:uppercase;
		font-weight:normal;
		margin:0; width:auto; padding: 8px 15px;
		font-size:26px;
		line-height:28px;
		background:#eb690b;
		color:#fff;
	}
	h3
	{
		color:#2c1c11;
		text-transform:uppercase;
		font-size:20px;
		margin:0; line-height:18px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		font-weight:normal;
	}
	h4
	{
		color:#a59081;
		text-transform:none;
		font-size:20px;
		margin:0;
		padding:6px 0;
		padding-left:0;
		font-weight:normal;
	}
	h5
	{
		padding-left:25px;
		color:#2c1c11;
		font-style:italic;
	}
	p
	{
		margin:0;
		padding:3px 0 10px 0;
	}
		#content p
		{
			margin-right:15px;
		}
	a
	{
		color:#8b2100;
		text-decoration:none;
	}
	a:hover
	{
		color:#e65b24;
		text-decoration:none;
	}
	#main p a
	{
		text-decoration:none;
		border-bottom:1px dotted #e65b24;
	}
	#main p a:hover
	{
		color:#e65b24;
		text-decoration:none;
		border-bottom:1px dashed #8b2100;
		background:#FFF;
	}
	img, a img
	{
		border:none;
	}
	.clear
	{
		clear:both;
	}
	ul
	{
		list-style-image:url(../images/li.gif);
		list-style-position:outside;
		margin:0; padding:8px 0;
		padding-left:14px;
	}
	ul li
	{
		margin-left:12px;
		padding-bottom:5px;
	}
	hr 
	{
		border:none;
		border-top:1px solid #C6D1DE;
		border-bottom:1px solid #ffffff;
	}
	embed, object{ outline:none; }
	.important {
		color:#F00;
	}
/*

STRUCTURE

*/
#container
{
	width:100%;
	text-align:left;
	position:relative;
	min-height:100%;
	-height:100%;
}
	#header
	{
		height:370px;
		margin:0;
		position:relative;
		width:960px;
		margin:0 auto;
	}
	.forum #header { height:359px; }
		#nomVille object, #nomVille embed, #tel object, #tel embed
		{
			position:absolute; top:0; left:0;
		}
		
	.main-header
	{
		padding-left:10px;
	}
	#titre
	{
	}
		#titre h1
		{
			font-size:25px;
			padding-top:22px;
		}
	#filAriane
	{
		background:url(../images/ariane-trait.jpg) no-repeat 0 100%;
		height:35px;
		color:#8f7c6b;
		font-size:14px;
		line-height:25px;
	}
		.here
		{
			display:block; float:left;
			width:110px; height:25px; background:url(../images/ariane-text.gif) no-repeat 0 50% ;
			overflow:hidden; text-indent:120px;
		}
		#filAriane a
		{
			color:#8f7c6b;
			text-decoration:none;
			border:none;
		}
		#filAriane a:hover { background:none; border:none; }
		#filAriane img
		{
			vertical-align:middle;
		}
	#main
	{
		width:960px;
		margin:0 auto;
		/*background:url(../images/page-container.jpg) repeat-y 10px 0;*/
		padding-bottom:473px;
	}
	.forum #main
	{
		width:960px;
		margin:0 auto;
		background:#FFF;
		padding-bottom:473px;
	}
		#content, .tdf-league, #contentMedia, .ts-content
		{
			width:620px;
			float:left;
			padding:10px 0px 10px 15px;
		}
			.fixed-height-left, .fixed-height-right
			{
				width:300px;
				padding:0px;
				background:#EB690B;
				color:#FFF;
				height:200px;
			}
				.fixed-height-left h3, .fixed-height-right h3
				{
					background:#2C1C11;
					margin:0; padding:5px 8px;
					color:#FFF;
				}
				.fixed-height-left h4, .fixed-height-right h4
				{
					font-size:15px; font-weight:bold; line-height:16px; color:#FFF;
					padding:5px 10px 0px 10px ;
				}
				.fixed-height-left p, .fixed-height-right p { padding:4px 10px; }
			.fixed-height-left
			{
				float:left; 
			}
			.fixed-height-right
			{
				float:right; 
			}
		#right
		{
			width:300px;
			float:right;
			font-size:12px;
			margin-right:20px;
			-margin-right:4px;
		}
			#right h2
			{
				background:#a8bac5;
				color:#003656;
			}
			#right
			{
				width:292px;
			}
				#right .bloc { margin: 5px 0; }
	
				#right #partenaires
				{
					position:relative;
					float:none;
					margin-top:10px;
					width:290px;
					height:220px; 
					background:#2c1c11;
				}
					#right #partenairesC{
						width:290px;
						height:220px;
						overflow:hidden;
						position:relative;
					}	
					#right .partenaire
					{
						background:transparent;
						width:290px;
						height:220px;
						position:absolute;
						overflow:hidden;
						text-align:center;
						line-height:220px;
						vertical-align:middle;
						font-size:220px;
					}
						#right .partenaire img
						{
							margin:0 auto;
						}
				#right .partenaires
				{
					margin-top:10px;
					width:292px;
					height:218px; 
					background:#2c1c11;
				}
				#right .banners{
					margin-top:10px;
				}
				
				#right .pub
				{
					width:280px;
					height:318px; 
					padding-left:5px;
					margin-top:10px;
				}
	#footer
	{
		position:absolute;
		bottom:0;
		height:473px;
		width:100%;
		padding:0;
		margin:0;
		background:url(../images/footer.jpg) no-repeat 50% 0;
		font-size:10px;
		text-transform:uppercase;
	}
		#footer-mainc
		{
			width:960px; position:relative; margin:0 auto;
		}
		#footer p
		{
			margin:0; padding:0;
		}
		#footer-mainc .copyright
		{
			margin-top:26px;
			color:#fff;
			position:absolute;
			left:10px; top:0px;
		}
		#footer h3 a
		{
			line-height:11px;
			font-size:10px;
			text-transform:uppercase;
			color:#dfe7ec;
			margin:0; padding:0;
			font-weight:normal;
			display:block; position:absolute;
			right:10px; top:20px;
			width:272px; height:40px;
			overflow:hidden; text-indent:-999em;
		}


	/* 
	CSS PAGE CONTENU
	.csc-textpic-imagewrap
	{
		width:100%;
		margin:0 !important;
		text-align:left;
		padding:5px !important;
	}
	.csc-textpic-caption
	{
		font-size:10px;
		padding:5px 2px;
	}
	.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap
	{
		width:auto;
		background:none;
		border:none;
		padding:0 !important;
	}
	*/


/* login FORM */
/*
.login-form
{
	margin-top:15px;
}
.login-form input
{
	background:none;
	border:none;
}
	.login-form label.text-login
	{
		display:block;
		width:207px; height:28px; background:url(../images/bg-input.png) no-repeat 0 0;
		margin:2px auto;
	}
	.login-form label.text-login:hover
	{
		background-position:0 100%;
	}
		.login-form label.text-login input
		{
			margin-top:4px;
			margin-left:5px;
			padding:0 5px; width:180px;
			color:#003656;
			font-weight:bold;
		}
	.login-form input.submit
	{
		width:47px; height:27px; overflow:hidden; display:block;
		background:url(../images/submit.png) no-repeat 0 0;
		line-height:27px; padding:0; text-align:center;
		text-indent:999em;
		float:right; margin-right:20px;
	}
	.login-form input.submit:hover { background-position: 0 100%; }
*/
#photos
{
	position:relative;
	margin-top:10px;
	width:320px;
	height:220px;
	background:#2c1c11;
	float:right;
}
.galery
{
	position:relative;
	
}
.galeryC{
	overflow:hidden;
	position:relative;
}
#right .galeryC, #right .galery{
	width:290px;
	height:220px;
}

.galeryC .photo, .photos .photo
{
	background:transparent;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	list-style-image:none;
	margin:0; 
	margin:0; 
}
.photos-mask
{
	width:320px;
	height:220px;
	position:absolute;
	background:url(../images/accueil-photo-mask.png) no-repeat 0 0;
	top:0; left:0;
}
.titre-accueil
{
	position:absolute;
	top:7px;
	left:-5px;
}
	.photo span
	{
		position:absolute;
		bottom:4px; right:0;
		background:#EB690B;
		color:#FFF;
		display:block;
		padding:2px 6px;
	}
	
	
/* ACTUS */
.news-list-container .news-list-date
{
	display:block;
	float:left;
	width:86px;
	text-align:center;
	padding-top:12px;
	padding-bottom:10px;
	background:url(../images/actu-date.gif) no-repeat 0 0;
	margin-right:12px;
}

.news-single-item .news-single-date
{
	display:block;
	width:86px;
	text-align:center;
	padding-top:8px;
	padding-bottom:14px;
	background:url(../images/actu-date.gif) no-repeat 0 -5px;
	margin-top:-21px;
	line-height:13px; font-size:14px;
	color:#eb690b;
	font-weight:bold;
}
	.news-single-item .news-single-date .year
	{
		font-weight:normal;
	}

.contact-bottom
{
	padding:10px;
	height:50px; background:url(../images/compet-bottom.gif) repeat-y 0 0;
	color:#FFF;
	margin-top:10px;
}
.contact-bottom .align-left{ float:left; width:200px; }
.contact-bottom .align-right{ float:right; width:350px;  }
.contact-bottom .align-right a { color:#FFF; }


/*
	PARTENAIRES FOOTER
*/

#partenairesFC
{
	margin:0 auto;
	margin-top:104px;
	width:960px;
}

	#partenairesFC div { float:left; }

	.partenaireF
	{
		width:135px;
		height:74px;
		overflow:hidden;
		position:relative;
	}
	
		.partenaireF .item 
		{
			position:absolute;
			width:135px;
			text-align:center;
			height:74px;
		}
	
	#partenaires-goal
	{
		width:390px;
		height:72px;
	}
