﻿body{
	background: url(../images/fond.jpg) no-repeat center top fixed #000000;
	color: #c0bfbf;
	font-family: arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
form{
	margin: 20px 0 0 0;
}
.cl{
	clear: both;
}
.f_r{
	float: right;
}
a img{
	border: 0px solid #000000;
}
h1{
	padding: 0;
	margin: 0 0 10px 0;
	color: #ffffff;
	font-family: Impact;
	font-weight: normal;
	font-size: 18px;
}
h3{
	margin: 10px 0 0 0;
	text-align: center;
	color: #fc9600;
}
h3.sponsoring{
	margin: 15px 0 10px 0;
	text-align: left;
	color: #fc9600;
	text-decoration: underline;
}
h4.sponsoring{
	margin: 10px 0 5px 0;
	font-weight: bold;
	color: #4a9806;
}
#global{
	width: 884px;
	position:absolute;
	left:50%;
	margin-left: -443px;
	background: #000000;
	border-left: #a6a5a5 1px solid;
	border-right: #a6a5a5 1px solid;
}
	#head{
		width: 884px;
		height: 135px;
		background: url(../images/banniere.jpg) #000000;
	}
	#menu{
		width: 865px;
		height: 43px;
		padding: 5px 0 0 19px;
		text-align : center;
		background: url(../images/fd_menu.jpg) repeat-x;
	}
		#menu a{
			display: block;
			width: 90px;
			height: 24px;
			font-family: Impact;
			color: #ffffff;
			font-size: 15px;
			text-decoration: none;
			float: left;
			text-align: center;
			margin: 0 8px 0 8px;
			padding: 3px 0 0 0;
		}
		#menu a:hover, #menu a#active{
			background: url(../images/boutton.jpg);
		}
	#grillage{
	    width: 884px;
		height: 245px;
		background: url(../images/grillage.jpg) repeat-x;
		padding: 5px 0 0 0;
	}
		#presentation{
			width: 304px;
			height: 215px;
			padding: 15px 20px;
			background: #1d1b1b;
			float: right;
		}
			#presentation a{
				float: right;
				color: #fc9600;
				text-decoration: none;
			}
		#video{
			width: 480px;
			height: 245px;
			float: left;
			margin: 0 30px 0 30px;
		}
	#mini_header{
		width: 884px;
		height: 23px;
		background: url(../images/mini_header.jpg) repeat-x;
	}
	#entet{
		width: 854px;
		height: 73px;
		padding: 0 0 0 30px;
		background: url(../images/entet.jpg);
	}
		#entet h1{
			font-size: 25px;
			font-family: Impact;
			font-weight: normal;
			color: #000000;
			margin: 12px 0 0 0;
			float: left;
		}
		#entet h2{
			font-size: 20px;
			font-family: Impact;
			font-weight: normal;
			color: #597745;
			margin: 18px 0 0 20px;
			float: left;
		}
	#content_container{
		width: 884px;
		background: url(../images/fd_content.jpg) repeat-x bottom #1d1b1b;
	}
	#content{
		width: 884px;
		background: url(../images/fd_droite.jpg) repeat-y right;
	}
		#gauche_inscription{
				width: 844px;
				float: left;
				padding: 0px 20px 15px 20px;
			}
				#gauche_inscription h2{
					margin: 15px 0 5px 0;
					color: #ffffff;
				}
				#gauche_inscription p{
					margin: 5px 0 5px 0;
				}
				.dunker{
					width: 884px;
					margin: 30px 0 0 0;
				}
					.dunker h3{
						text-align: left;
						margin: 0 0 10px 0;
					}
					.dunker a{
						font-weight: bold;
						text-decoration: none;
						color: #4a9806;
					}
					.dunker a:hover{
						text-decoration: underline;
					}
						.photo_d{
							width: 150px;
							height: 222px;
							float: left;
						}
						.texte_d{
							width: 300px;
							height: 222px;
							float: left;
							margin: 0 15px 0 15px;
						}
						.video_d{
							width: 300px;
							height: 222px;
							float: left;
						}
		#gauche{
			width: 574px;
			float: left;
			padding: 0px 20px 15px 20px;
		}
		#gauche_contact{
			width: 554px;
			float: left;
			padding: 0px 20px 15px 20px;
		}
			#gauche h2{
				margin: 15px 0 5px 0;
				color: #ffffff;
			}
			#gauche p{
				margin: 5px 0 5px 0;
			}
			#gauche img{
				margin: 5px 10px 5px 5px;
			}
				#photos{
					text-align: center;
					padding: 20px 0 0 0;
				}
			.contact{
				width: 265px;
				margin: 10px 5px 10px 5px;
				float: left;
			}
				.contact img{
					margin: 0 10px 0 0;
				}
				.contact h3{
					margin: 0 0 2px 0;
					color: #fc9600;
					font-size: 13px;
					font-weight: bold;
					text-align: left;
				}
			#news{
				padding: 10px 0 10px 0;
				height: 240px;
			}
				#news h3{
					margin: 0 0 4px 0;
					text-align: left;
					color: #ffffff;
					font-size: 13px;
				}
				.date{
					color: #4a9806;
					font-size: 13px;
					font-weight: bold;
				}
				#news img{
					margin: 0 10px 15px 0;
				}
				#news a{
					float: right;
					color: #fc9600;
					text-decoration: none;
					margin: 0 0 15px 0;
				}
			#actualites a{
				text-decoration: none;
				color: #c0bfbf;
			}
			#actualites h3{
				margin: 0 0 10px 0;
			}
		#droite{
			width: 270px;
			padding: 10px 0 0 0;
			float: right;
			text-align: center;
			background: #000000;
		}
		#droite_contact{
			width: 260px;
			height: 400px;
			padding: 10px 15px 10px 15px;
			float: right;
			background: #000000;
		}
		#droite_inscription{
			width: 320px;
			padding: 0px 20px 15px 20px;
			float: right;
			background: #000000;
		}
			#droite a{
				color: #c0bfbf;
				font-weight: bold;
				text-decoration: none;
			}
			#droite a:hover, #droite a#active1{
				color: #fc9600;
			}
			#sons{
				text-align: center;
			}
			#slid{
				width: 220px;
				height: 180px;
				padding: 10px;
				text-align: center;
				margin: auto;
				margin-top: 10px;
				margin-bottom: 10px;
				background: url(../images/slid.jpg);
			}
	#copyrights{
		width: 844px;
		height: 51px;
		padding: 25px 20px 0 20px;
		color: #545454;
		background: url(../images/copyrights.jpg);
	}
		#menu_bottom{
			float: left;
		}
			#menu_bottom a{
				text-decoration: none;
				color: #545454;
			}
			#menu_bottom a:hover{
				color: #ffffff;
			}
		#copy{
			float: right;
		}
			#copy a{
				text-decoration: none;
				color: #fc9600;
			}
		.edition{
			width: 200px;
			margin: 0 25px;
			float: left;
		}
		.edition a{
			text-decoration: none;
			color: orange;
			font-weight: bold;
			font-size: 14px;
		}
