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

html{ 
	height:100%;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2D2337;
	background:url('images/bg_body.jpg') 0px 0px repeat-x #CED0DB;
}
 
#container{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color: #F9FAFC;
}

	.top{

	}

		#topMenu {
		width: 345px;
		height: 25px;
		float: right;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: right;
		margin-bottom: 5px;
		font-family: Arial, Helvetica, sans-serif;
		background:url('images/bg_topmenu.jpg') 0px 0px no-repeat;
		text-decoration:none;
		font-size:15px;
		color:#8048B4;
		}

			#topMenu A {
			font-size: 12px;
			color:#5E2593;
			margin-right: 5px;
			}

			#topMenu A:hover {
			color:#33A6B5;
			}
	
		html>body #flashLogo{
			width:300px;
			height:160px;
			margin-top:-10px;
			float:left;
		}
		
		#flashLogo{
			width:300px;
			height:160px;
			margin-top:-20px;
			float:left;
		}
		
	

		#menu{
			background:url('images/bg_menu.jpg') 0px 0px no-repeat;
			height:50px;
		}

		#menu .normalMenu A{
				display:block;
				font-size:13px;
				float:left;
				padding-top:15px;
				background:url('images/bg_menu_a.gif') 0px -8px no-repeat;
				padding-left:16px;
				padding-bottom: 15px;
				padding-right: 16px;
				color:#33A6B5;
			}

			#menu .normalMenu A:hover{
				background-position:0px 19px;
				color:#2D2337;
			}


		#menu .shopMenu {
			background:url('images/bg_shopMenu.jpg') 0px 0px repeat-x;
			height: 50px;
			float: left;
			padding-left: 20px;
		}

		#menu .normalMenu {
			height: 50px;
			float: left;
		}

			#menu .shopMenu A{
				display:block;
				color:white;
				font-size:13px;
				float:left;
				padding-top:15px;
				background:url('images/bg_shopMenu_a.gif') 0px 19px no-repeat;
				padding-left:16px;
				padding-bottom: 15px;
				padding-right: 16px;
			}

			#menu .shopMenu A:hover{
				background:url('images/bg_shopMenu_a.gif') 0px -8px no-repeat;
			}


			#menu .sepa{
				display:block;				
				margin-right:10px;
				float:left;
				margin-top:9px;
				width:1px;
				height:29px;
				background:url('images/bg_menu_sepa.gif') 0px 0px no-repeat;
			}
	
		#tools{
			width:240px;
			height: 136px;
			margin:0px 0px 0px 0px;
			float:right;	
			margin-top:-160px;
		}


	#page{
		background-color: #F9FAFC;
		padding-bottom: 15px;
	}
		
		#pageLeft{
			width:230px;
			float:left;
			background-position: left;
			background-color:#FFFFFF;
			padding-top: 10px;
		}

		
		#pageRight
		{
			width:750px;			
			float:left;
			margin-left:10px;
			padding-top: 10px;
		}

#footer{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	padding-left: 1px;
	
} 

	#footer A{
	color: #462F59;
	}
	
	#footer A:hover{
	color:#33A6B5;
	}	
	
	#paiements{
		margin-right: 5px;
		width:162px;
		height:23px;
		display:block;
		background:url('images/paiements.gif') 0px 0px no-repeat;
		float:right;
	}

 
.clear{clear:both;}

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

H1{ 
 font-family: Arial, Helvetica, sans-serif;
 font-size:16px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#35A4B8;
 font-weight: bold;
} 

H2{ 
 font-size:14px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#462F59;
 font-family: Arial, Helvetica, sans-serif;
}

H3{ 
 font-size:13px;
 font-weight:normal;
 margin-bottom:0px;
 display:block;
 color:#35A4B8; 
 font-family: Arial, Helvetica, sans-serif;
} 

H4{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:0px;
 display:inline;
 color:#462F59; 
 font-family: Arial, Helvetica, sans-serif;
}

A{
 color:#35A4B8;
 font-weight:normal;
 text-decoration:none;
}

A:hover{
 color:#462F58;
 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: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 #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{
	/*height: 20px;*/
	color:white;
	font-size:9px;
	padding:3px;
	cursor:pointer;
	background:url('images/bg_btn.jpg') 0px 0px repeat-x #7A5E96;
	text-align:center;
	border: 1px solid #B68CE3;
}

.btn:hover{
	color: white;
	background:url('images/bg_btn_hover.jpg') 0px 0px repeat-x;
	background-color: #33A6B5;
	border: 1px solid #47DBEE;
}

.formulaire{
	border:1px solid #E9E9E9;
	padding:5px;
	background:url('images/bg_form.jpg') repeat-x #EFEFEF;
}

.formulaire .btn {
	_margin-bottom: 5px;
}

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

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

	.formulaire .asterisque{
		color: #33A6B5;
		font-size:20px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:5px;
		font-family: "Times New Roman", Times, serif;
	}

	.formulaire .alert{	
		color:red;
	}

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


#infoBulle{
	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;
}

