/*----------------------- CSS MASTER KINEQUANON -----------------------*/

html{ 
	height:100%;
	background:url('images/bg_html.gif') 0px 0px repeat-x #F5F5F5;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#646464;
	background:url('images/bg_body.jpg') 0px 0px no-repeat;
	cursor:url('images/blank.cur');
}
 
#container{
	width:899px;
	margin-left:50px;
}

	#top{
		width:899px;
		height:300px;
	}

		#logo{
			width:461px;
			height:85px;
			float:left;
		}

		#tools{
			width:405px;
			height:28px;
			float:right;
			padding-top:57px;
		}

			#tools .subLinks{
				width:356px;
				height:20px;
				float:left;
				padding-top:8px;
				text-align:center;
				background:url('images/bg_sublinks.png') 0px 0px no-repeat;
			}
				
				#tools .subLinks A{
					color:#646464;
				}

					#tools A:hover{
						color:#2FB2EE;
					}

				#tools .subLinks .simulationMenu {
					font-weight: bold;
					color:#2fb2ee;
				}

			#tools .lang{
				width:28px;
				height:17px;
				float:left;
				padding:11px 0px 0px 12px;
				background:url('images/bg_lang.jpg') 0px 0px no-repeat;
			}

				#tools .lang A{
					width:16px;
					height:11px;
					display:block;
				}

					#tools .lang A:hover{
						filter:alpha(opacity=70);  
						-moz-opacity:0.70;
						opacity:0.70;
					}

		#banner{
			width:899px;
			height:215px;
		}

		#menu{
			width:260px;
			height: auto;
			position:relative;
			top:-267px;
			margin-bottom:-267px;
			z-index:5;
		}

			#menu a{
				display:block;
				width:230px;
				/*height:38px;*/
				padding:7px 0px 0px 30px;
				font-weight:bold;
				font-size: 14px;
			}

			#menu small{
				color:#646464;
			}

			#menu a:hover {
				cursor: pointer;
			}

				#menu .btn1{color:#cd1b40;background:url('images/bg_btn1.gif') 0px 0px no-repeat; height: 43px; padding-top: 18px;}
				#menu .btn2{color:#ee5e02;background:url('images/bg_btn2.gif') 0px 0px no-repeat; height: 41px;}
				#menu .btn3{color:#b10e0c;background:url('images/bg_btn3.gif') 0px 0px no-repeat; height: 41px;}
				#menu .btn4{color:#215993;background:url('images/bg_btn4.gif') 0px 0px no-repeat; height: 41px;}
				#menu .btn5{color:#6f9d14;background:url('images/bg_btn5.gif') 0px 0px no-repeat; height: 38px; padding-bottom: 15px;}

					#menu .btn1:hover{background:url('images/bg_btn1.gif') bottom no-repeat;}
					#menu .btn2:hover{background:url('images/bg_btn2.gif') bottom no-repeat;}
					#menu .btn3:hover{background:url('images/bg_btn3.gif') bottom no-repeat;}
					#menu .btn4:hover{background:url('images/bg_btn4.gif') bottom no-repeat;}
					#menu .btn5:hover{background:url('images/bg_btn5.gif') bottom no-repeat;}

					#menu .btn1Active{color:#ffffff; background:url('images/bg_btn1.gif') bottom no-repeat;height: 41px; padding-top: 20px;}
					#menu .btn2Active{color:#ffffff; background:url('images/bg_btn2.gif') bottom no-repeat;height: 38px;}
					#menu .btn3Active{color:#ffffff; background:url('images/bg_btn3.gif') bottom no-repeat;height: 38px;}
					#menu .btn4Active{color:#ffffff; background:url('images/bg_btn4.gif') bottom no-repeat;height: 38px;}
					#menu .btn5Active{color:#ffffff; background:url('images/bg_btn5.gif') bottom no-repeat; height: 38px; padding-bottom: 15px;}

					#menu a:hover, 
					#menu a:hover small, 
					#menu .btn1Active small, 
					#menu .btn2Active small, 
					#menu .btn3Active small, 
					#menu .btn4Active small, 
					#menu .btn5Active small{
						color:#ffffff;
					}

	#page{
		padding:10px;
		background-color:#FFFFFF;
	}

#footer{
	width:899px;
	margin-top:10px;
	margin-left:50px;
	font-size:10px;
	text-align:right;
	color:#B9B9B9;
}

	#footer A{
		color:#B9B9B9;
		text-decoration:underline;
	}

		#footer A:hover{
			color:#2FB2EE;
		}

	#footer .leftFooter{
		float:right;
	}

	#footer .rightFooter{
		width:110px;
		padding:5px 10px 0px 0px;
		float:right;
	}
 
.clear{clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}
 

 /* ***************** MISE EN FORME ************************* */

H1{ 
 font-size:16px;
 margin:0px 0px 10px 0px;
 display:block; 
 color:#646464;
}

H2{ 
 font-size:14px;
 margin:0px 0px 10px 0px;
 display:block; 
 color:#646464;
}

H3{ 
 font-size:12px;
 margin:0px 0px 10px 0px;
 display:block; 
 color:#646464;
} 

H4{ 
 font-size:12px;
 margin:0px;
 display:inline; 
 color:#646464;
}

A{
 color:#2FB2EE;
 font-weight:normal;
 text-decoration:none;
}

A:hover{
 color:#646464;
 text-decoration:none;
}

HR{
 color:#D7D7D7;
 background-color:#D7D7D7;
 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:11px;}
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 #D8D6D6;
	background-color:#FFFFFF;
	color:#636363;
	font-size:10px;
	font-family:Arial;
	margin-bottom:0px;
	/*height: 15px;*/
	padding-left: 3px;
}

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

.btn{
	color:#FFFFFF;
	font-size:9px;
	padding:3px;
	cursor:pointer;
	border: 1px solid #C61E1C;
	background-color:#C61E1C;
	text-align:center;
}

.btn:hover{
	color:#FFFFFF;
	border: 1px solid #2FB2EE;
	background-color: #2FB2EE;
}

.formulaire {
	border:1px solid #2FB2EE;
	padding:5px;
}


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

.formulaire .pnlMsg{
	display:block;
	padding:3px;
	border:1px solid #737373;
	color:#31A5B4;
}

	.formulaire .asterisque{
		color:#2FB2EE;
		font-size:20px;		
		line-height:15px;
		font-weight:bold;
		width:15px;
		margin:0px;
	}

	.formulaire .alert{	
		color:red;
	}

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


#infoBulle{
	border:1px solid #2FB2EE;
	background-color:white;
	padding:10px;
	font-size:10px;
	font-family:arial;
	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-25px;
	margin-top:30px;
}