html{ 
	height:100%;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
}
 
#container{
	width:982px;
	margin-left:auto;
	margin-right:auto;
	background:url('images/bg_container.gif') 0px 0px repeat-y;
}

	#top{
		width:982px;
		height:276px;
	}
	
		#logo{
			width:208px;
			height:109px;
			float:left;
			background:url('images/bg_logo.jpg') 0px 0px no-repeat;
		}
		
		#topMenu{
			width:566px;
			height:28px;
			float:left;
			padding-top:22px;
			background:url('images/bg_topmenu.jpg') 0px 0px no-repeat;
		}
		
			#topMenu A{
				height:20px;
				display:block;
				float:left;
				font-size:18px;
				color:#929292;
				padding:6px 0px 0px 5px;
				margin:0px 40px 0px 0px;
				text-decoration:none;
			}
		
			#topMenu .btn1{border-left:3px solid #529ACC;}
			#topMenu .btn2{border-left:3px solid #870000;}
			#topMenu .btn3{border-left:3px solid #135588;}
			#topMenu .btn4{border-left:3px solid #949F00;}
			
				#topMenu .btn1:hover, #topMenu .btn1Active{color:#529ACC;}
				#topMenu .btn2:hover, #topMenu .btn2Active{color:#870000;}
				#topMenu .btn3:hover, #topMenu .btn3Active{color:#135588;}
				#topMenu .btn4:hover, #topMenu .btn4Active{color:#949F00;}
		
		#tools{
			width:208px;
			height:76px;
			float:left;
			padding-top:33px;
			background:url('images/bg_lang.jpg') 0px 0px no-repeat;
		}			

			#tools .nl{
				/*background:url('images/lang_nl.gif') 0px 1px no-repeat;
				padding-left:25px;*/
				margin-left: 25px;
				display:block; 
				float:left;
			}
			#tools .fr{
				/*background:url('images/lang_fr.gif') 0px 1px no-repeat;
				padding-left:25px;*/
				margin-left: 25px;
				display:block; 
				float:left;
			}
			
		#menu{
			width:208px;
			height:132px;
			float:left;
			text-align:right;
			padding-top:35px;
			background:url('images/bg_menu.jpg') 0px 0px no-repeat;
		}
		
			#menu A{
				height:19px;
				display:block;
				color:#CAE1F3;
				padding:2px 15px 0px 5px;
				text-decoration:none;
				background:url('images/bg_menu-a.jpg') 0px bottom no-repeat;
			}
			
			#menu A:hover{
						color:#FFFFFF;
						background:url('images/bg_menu-o.gif') 0px bottom no-repeat;
					}


				#menu .subLinkMenu{
					font-size:11px;
					background-color:#417FAF;
				}			
				
					#menu .subLinkMenu:hover{
						color:#FFFFFF;
						background:url('images/bg_menusub-o.gif') 0px bottom no-repeat #417FAF;
					}

				#menu .terminal{
					background-image:none;
				}
				
					#menu .terminal:hover{
						background-image:none;
					}
										
		#photo{
			width:566px;
			height:226px;
			float:left;
			position:relative;
			z-index:1;
			top:-59px;
			margin-bottom:-59px;
		}
		
		#myIntegraleMenu{
			width:190px;
			height:182px;
			float:left;
			background:url('images/bg_toolbox.jpg') 0px 0px no-repeat #820002;
			padding-left:18px;	
			position:relative;
			top : -15px;	
			margin-bottom: -15px;	
		}

			#myIntegraleMenu h2 {
				color:#FFFFFF;				
				margin-bottom:0px;
				font-size:18px;
			}

			#myIntegraleMenu hr {
				 background-color:#B33A3D;
				 color:#B33A3D;
				 height:1px;
				 border:0px;
				 margin-top:5px;
				 margin-bottom:15px;
				 width:170px;  
				 text-align:left;
				 margin-left:0px;
			}

		
		#page{
			width:100%;
			padding-bottom:5px;
			background:url('images/bg_page.jpg') 0px 0px no-repeat;
		}


	/*------------------------------------------------------------------*/

#footer{
	width:746px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	border-top:1px solid #E7EFF7;
	padding:10px 28px 10px 208px;
}
 
.clear{clear:both;}

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

H1{ 
 font-size:19px;
 margin:0px 0px 15px 0px;
 display:block; 
 font-weight:normal;
 color:#529ACC;
 padding:0px 0px 5px 14px;
 border-bottom:1px solid #DEDEDE;
 background:url('images/puce_h1.gif') 0px 6px no-repeat;
}

	.noStyle{
		padding:0px;
		border-bottom:0px solid #DEDEDE;
		background-image:none;
	}

H2{ 
 font-size:15px;
 margin:10px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#99A304;
}

H3{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:0px;
 display:block;
 color:#529ACC;
} 

H4{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:0px;
 display:inline;
 color:#529ACC;
}

A{
 color:#4C98CA;
}

A:hover{
 color: #b2bb2e;
}

	.text{
		color:#707070;
	}
		
		.text:hover{
			color:#707070;
		}
	
	.puced{
		display:block;
		padding:0px 0px 0px 12px;
		background:url('images/puce_a.gif') 0px 3px no-repeat;
	}

	.pucedBg{
		display:block;
		color:#529ACC;
		text-decoration:none;
		padding:5px 5px 5px 20px;
		background:url('images/puce_a.gif') 8px 8px no-repeat #ecf7ff;
	}

		.pucedBg:hover{
			color:#ffffff;
			background-color:#64a4d1;
		}

	.pucedBgGreen{
		display:block;
		color:#abb816;
		text-decoration:none;
		padding:5px 5px 5px 20px;
		background:url('images/puce_a_green.gif') 8px 8px no-repeat #f1f79f;
	}

		.pucedBgGreen:hover{
			color:#ffffff;
			background-color:#c8d33c;
		}

UL {
	list-style-image:url('images/puce_ul.gif');
}

.small {
	list-style-image: none;
	padding-left: 80px;
	list-style-image:url('images/puce_ul2.gif');
}

HR{
 color:#DEDEDE;
 background-color:#DEDEDE;
 height:1px;
 border:0px;
 margin-top:10px;
 margin-bottom:10px;
}


#popupVideo{
	color:#FE5502;
	font-size:18px;
	position:absolute;
	z-index:1000;
}

p{
	margin: 0;
	padding: 0;
}

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

.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
	border: none;
	background: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 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;}

input, select, textarea {
	border:1px solid #c7d0d9;
	background-color:#FFFFFF;
	font-size:11px;
	font-family: Arial;
	margin-bottom:0px;
	padding-left:3px;
	color:#707070;
}

.fieldTitle{ 
 font-size:14px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#529ACC;
}

.btn{
	border:1px solid #529ACC;
	color:white;
	cursor:pointer;
	font-size:10px;
	background: #529ACC;
}

.btn:hover{
	border:1px solid #b2bb2e;
	color:white;
	cursor:pointer;
	font-size:10px;
	background:#b2bb2e;
}



.btnVert{
	border:1px solid #b2bb2e;
	color:white;
	cursor:pointer;
	font-size:10px;
	background:#b2bb2e;
	padding:3px;
	text-decoration:none;
	text-align:center;
}

.btnVert:hover{
	border:1px solid #529ACC;
	color:white;
	cursor:pointer;
	font-size:10px;
	background: #529ACC;
}

.btnInvert:hover{
	cursor:pointer;
	font-size:10px;
}

.btnInvert{
	cursor:pointer;
	font-size:10px;
}


.formulaire{
	border:0px solid #DEDEDE;
	padding:5px;
	font-size:11px;
}

radio {
	border: 0px;
}


.formulaire TD{
	padding:6px;
	padding-bottom:0px;
}

.formulaire .pnlMsg{
	color:#529ACC;
	padding:5px;
	border:1px solid #529ACC;
	background-color:#d8efff;
	margin-bottom:15px;
}

	.formulaire .asterisque{
		color:#b2bb2e;
		font-size:20px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:0px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.formulaire .alert{	
		color:red;
	}

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


#infoBulle{
	width:100px;
	padding:10px;
	border:1px solid #529ACC;
	background-color:#d8efff;
	color:#529ACC;
	font-size:12px;
	font-family:arial;
	text-align:center;
	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-25px;
	margin-top:30px;
}

/* ------------- ajax modal popup ----------------------- */

.modalBackground {
	background-color:#000000;
	filter:alpha(opacity=70);
	opacity:0.7;
}	

/*------------------ alert ---------------------------*/

#alert{
	width:300px;
	padding:10px;
	border:1px solid #529ACC;
	background-color:#d8efff;
	color:#529ACC;
	font-size:12px;
	font-family:arial;
	text-align:center;
	position:absolute;
	z-index:1001;
	margin-top: 150px;

	margin-left: auto;
	margin-right: auto;
}

/* ------------------------------------------------------------------ */
/* -                      OVERLAY				                    - */
/* ------------------------------------------------------------------ */

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}





fieldset {	
	padding: 10px; 
	border: 2px solid #eaeaea;
}

legend {		
	font-size: 13px;
	color: #8A8AA2;
	font-weight: bold;
}