html{ 
	height:100%;
	margin:0;
	padding:0;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family:arial;
	font-size:12px;
	color:#BABABA;
	background:url('images/bg_body.jpg') 0px 0px repeat-x #2A2A2A;
}
 
#container{
	width:830px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

	#top{
		width:830px;
		height:217px;
	}
		
		#logoClick {
			width: 200px;
			height: 100px;
			position: absolute;
			margin-top: 50px;
			margin-left: 40px;
			text-decoration: none;
			border: none;
		}

			#logoClick:hover {
			text-decoration: none;
			color: transparent;
			border: none;
			background-color: transparent;
		}

		.lang {
			height: 18px;
			float:right;
		}

		.lang a {
			width: 22px;
			height: 18px;
			display: block;
			float: left;
		}

			.lang .fr {
				background:url('images/bg_lang_fr.jpg') 0px 0px no-repeat;
				margin-left: 3px;
				margin-right: 3px;
				display: inline; /* BUG FIX IE6 */
			}
							
				.lang .fr:hover {
					background:url('images/bg_lang_fr_hover.jpg') 0px 0px no-repeat;
				}

			.lang .nl {
				background:url('images/bg_lang_nl.jpg') 0px 0px no-repeat;
			}

				.lang .nl:hover {
					background:url('images/bg_lang_nl_hover.jpg') 0px 0px no-repeat;
				}

		#tools {
			height:17px;
			float:right;
			border-right:1px solid #FF4E00;
			border-top:1px solid #FF4E00;
		}

			#tools A {
				height:16px;
				font-size:11px;
				color:#FFFFFF;
				display:block;
				float:left;
				text-decoration:none;
				padding-left:7px;
				padding-right:7px;
				padding-top:1px;
				border-left:1px solid #FF4E00;
				background:url('images/bg_btn.gif') 0px bottom repeat-x #FE8D17;
			}

				#tools A:hover{
					background-image:none;
					background-color:#FEAF5D;
				}

		#banner{
			width:828px;
			height:197px;
			border:1px solid #000000;
		}

	#page {
		min-height: 575px;

		border-left:1px solid #000000;
		border-right:1px solid #000000;
		border-bottom:1px solid #000000;
		background:url('images/bg_page.gif') 0px 0px repeat-y #000100;
	}

		#menu{
			background:url('images/bg_menu.gif') 0px bottom repeat-x #FE8C17;
		}

			#menu A{
				display:block;
				font-size:12px;
				color:#FFFFFF;
				text-decoration:none;
				padding:3px 0px 3px 25px;
				border-bottom:1px solid #FE9223;
				background:url('images/puce_menu.gif') 5px 4px no-repeat;
			}

				#menu A:hover{
					background:url('images/puce_menu_hover.gif') 5px 4px no-repeat;
				}

				#menu .actif{
					background-color:#FEC080;
				}

			#menu .subLink{
				font-size:11px;
				padding:3px 0px 3px 35px;
				background:url('images/puce_menu2.gif') 25px 7px no-repeat #FEAF5D;
			}

				#menu .subLink:hover{
					background:url('images/puce_menu2.gif') 25px 7px no-repeat #FEAF5D;
				}

				#menu .actifSubLink{
					background-color:#FEC080;
				}

			#menu .subLink2{
				font-size:11px;
				padding:3px 0px 3px 55px;
				background:url('images/puce_menu2.gif') 45px 7px no-repeat #FE9D3A;
			}

				#menu .subLink2:hover{
					background:url('images/puce_menu2.gif') 25px 7px no-repeat #FEAF5D;
				}

				#menu .actifSubLink2{
					background-color:#FEC080;
				}


				#menu A:hover{
					background-color:#FEC080;
				}

		.contact {
			width:227px;
			height:78px;
			padding:10px;
			display:block;
			cursor:pointer;
			text-align:right;
			color:#FFFFFF;
			text-decoration:none;
			border-top:1px solid #000000;
			background:url('images/bg_contact.jpg') 0px 0px no-repeat #FE8C17;
		}

			.contact:hover {
				filter:alpha(opacity=80);  
				-moz-opacity:0.80;
				opacity:0.80;
			}

		.facebook {
			display:block;
			width:169px;
			height:57px;

			position: absolute;
			margin-left: -4px;
			margin-top: -79px;

			overflow: hidden;

			padding: 22px 0 0 80px;

			cursor:pointer;
			color:#f3f6ff;
			font-size: 15px;
			line-height: 16px;
			text-decoration:none;
			border-top: 1px solid black;

			background:url('images/bg_facebook.jpg') 0px 0px no-repeat;
		}

		.nl .facebook {
			padding: 15px 0 0 80px;
			height:50px;
		}
			
			.facebook:hover{
				filter:alpha(opacity=80);  
				-moz-opacity:0.80;
				opacity:0.80;
			}

	.btn-video {
		display: block;
		padding: 10px 15px 10px 40px;
		border: 1px solid #ff4e00;
		background:url('images/ico-video.png') 6px center no-repeat #fe8d17;

		color: #fff;
		font-size: 12px;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}

	.btn-video:hover {
		background-color: #ff4e00;
	}

#footer {
	width:820px;
	height:30px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	background-color:#000000;
	font-size:11px;
}

.footerBis {
	width:820px;
	margin-left:auto;
	margin-right:auto;
}

	#footer A {
		color:#BABABA;
		text-decoration:none;
	}

		#footer A:hover {
			color:#FE8F17;
			background-color:transparent;
		}
 
.clear{clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}
 
 /* ***************** MISE EN FORME ************************* */

H1{ 
 font-size:20px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#FAFAFA;
} 

H2{ 
 font-size:16px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#FFFFFF;
}

H3{ 
 font-size:16px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#fe7f11;
} 

	h3 .subtitle{
	 font-size:11px;
	 display:inline; 
	 color:#FAFAFA;
	 position: relative;
	 top: -7px;
	}

H4 { 
 font-size:12px;
 display:inline; 
 font-weight:bold;
 color:#7FAB07;
}
 
a {
 color:#FE8F17;
 text-decoration:underline;
}

a:hover {
 color:#FFFFFF;
 text-decoration:none;
 background-color:#FE8F17;
 }

HR {
 /*color:#D2EFE1;
 background-color:#D2EFE1;
 height:1px;
 border:0px;*/
}

/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                               */
/* ------------------------------------------------------------------ */

.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;font-size:9px;}
.noborder label{clear:both;font-size:9px;}
div.noborder input {border-width:0;background-color: transparent;font-size:9px;}
span.noborder input {border-width:0;background-color: transparent;font-size:9px;}

.noborder:hover {
	background-color: transparent;
	color: none;
	border: none;
}

input, select, textarea {
	border:1px solid #424242;
	background-color:#272727;
	color:#5C5C5C;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left:3px;
}

.white {
	border:1px solid #ff5001;
	background-color:#FFFFFF;
	color:#5C5C5C;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left:3px;
}


.fieldTitle{ 
	font-size:14px;
	margin-top:15px;
	margin-bottom:10px;
	display:block; 
	font-weight:normal;
	color:#7FAB07;
}

.btn{
	border:1px solid #FF4E00;
	color:#FFFFFF;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_btn.gif') 0px bottom repeat-x #FE8D17;
}

.btn:hover{
	color:#FFFFFF;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background: #fec080;
}

.formulaire{
	font-size:11px;
	/*border:1px solid #BBD1E9;*/
}

.formulaire TD{
/*	padding:0px 6px 0px 6px;*/
}

/*TODO 

.formulaire .pnlMsg{
	display:block;
	padding:3px;
	border:1px solid #018045;
	background-color:#D2EFE1;
	color:#018045;
}*/

	.formulaire .asterisque{
		color:#FE8F17;
		font-size:16px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:0px;
	}

	.formulaire .alert{	
		color:red;
	}

/* ------------------------------------------------------------------ */
/* -                    infobulle    			                    - */
/* ------------------------------------------------------------------ */

/*TODO

#infoBulle{
	width:80px;
	border:1px solid #75CEA4;
	background-color:white;
	padding:3px;
	font-size:10px;
	font-family:arial;
	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-25px;
	margin-top:30px;
}*/