/* ***************** MISE EN PAGE ************************* */

/*                 **********************                   */
/*                 *                    *                   */
/*                 *                    *                   */
/*                 *                    *                   */
/*                 **********************                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 *      *             *                   */
/*                 **********************                   */
/*                 *                    *                   */     
/*                 **********************                   */      

html { 
	height:100%; 
}


body {	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-size:11px;
	font-family:arial;
	font-weight:normal;
	color:#444448;/*gris*/
	background:url("images/bg_body.gif") 0px 0px repeat;
}

/* ------------------------------------------------------------------ */
/* -                            STRUCTURE                             */
/* ------------------------------------------------------------------ */

#container{ 
	width:900px; 
	margin-left:auto; 
	margin-right:auto;
}

	#top{
		height:230px;
	}
		
		#tools{
			padding-left:250px;
			padding-top:8px;
			height:21px;
			background-color:#FFFFFF;
		}
		
		#tools A{
			display:block;
			float:right;
			margin-right:5px;
			margin-left:5px;
			color:#444448;
		}
		
			#tools A:hover{
				color:#FF7000;
			}
		
		#flash{	
			height:199px;
			border-top:1px solid #37B2F6;
			border-bottom:1px solid #37B2F6;
		}
		
		#logo{
			width:238px;
			height:150px;
			margin-left:10px;
			position:relative;
			z-index:80;
			border-bottom:1px solid #37B2F6;
			border-right:1px solid #37B2F6;
			border-left:1px solid #37B2F6;
			top:-230px;
			margin-bottom:-181px;
			background-color:#FFFFFF;
		}				

		#menu{
			height:30px;
			margin-left:251px;
			position:relative;
			z-index:70;
			margin-bottom:-151px;
		}
		
			#menu A{
				height:18px;
				display:block;
				float:left;
				margin-top:6px;
				margin-left:-1px;
				padding-top:5px;
				padding-left:15px;
				padding-right:15px;
				text-decoration:none;
				font-size:9px;
				font-weight:bold;
				text-transform:uppercase;
				text-align:center;	
				color:#FFFFFF;
				border-top:1px solid #37B2F6;
				border-right:1px solid #37B2F6;
				border-left:1px solid #37B2F6;
				background:url("images/bg_menu_a.jpg") 0px 0px repeat-x #37B2F6;
			}				
			
			#menu A:hover, #menu .active{
				height:24px;
				margin-top:0px;					
				display:block;
				float:left;
				color:#FFFFFF;						
				text-decoration:none;
				font-weight:bold;
				text-transform:uppercase;
				background:url("images/bg_menu_o.jpg") center bottom no-repeat #37B2F6;
			}
			
	#content{
		width:100%;		
		background:url("images/bg_page.jpg") 0px 0px repeat-y;
		padding-bottom:10px;
	}

#footer{
	clear:both;
	width:890px;
	height:30px;
	border-top:3px solid #37B2F6;
	background-color:#000000;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:5px;
	color:#FFFFFF;
	padding-bottom:20px;
} 

#bottomFooter {
	display: block;
	width:890px;

	margin: 5px auto 0;
}

	#paiementMethods{
		margin-left:10px;
		margin-top:5px;	
		display:block;
		float:left;
		width:100px;
		height:25px;
		background:url("images/bg_paiementmethods.gif") 0px 0px no-repeat;
	}

	#footer A{
		text-decoration:none;
	}

	#footer A:hover{
		color:white;
	}

.clear{clear: both;}

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


h1{ 
 font-size:16px;
 color:#444448;
 font-weight:bold;
 margin-bottom:10px;
 margin-top:0px;
 display:block;
} 

h2{ 
 font-size:14px;
 color:#444448;
 font-weight:normal;
 margin-bottom:10px;
 display:block;
 margin-top:0px;
} 

h3{ 
 font-size:12px;
 color:#444448;
 font-weight:bold;
 margin-bottom:0px;
 display:block;
 margin-top:0px;
} 

	
h4{ 
 font-size:10px;
 color:#444448;
 font-weight:normal;
 margin-bottom:5px;
 display:block;
 margin-top:0px;
} 

A{
 color:#37B2F6;
 font-weight:normal;
 text-decoration:none;
}

A:hover{
 color:#FF7000;
 font-weight:normal;
}

hr{
	color:#BCDBEA;
	background-color:#BCDBEA;
	height:1px;
	border:0px;
}



/* ------------------------------------------------------------------ */
/* -                        SUBMENU                                   */
/* ------------------------------------------------------------------ */

#submenu {	
	float:right;
	text-align:right;
}

	#submenu A{
		font-size:11px;
	}

/* ------------------------------------------------------------------ */
/* -                        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 {
	background-color: #ffffff;
	border-color: #C4E8F8;
	border-width: 1px;
	border-style: solid;
	color: #444448;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
}


.btn{
	border:1px solid #91D5FD;
	color:white;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_button.jpg') 0px 0px repeat-x #1787C9;
}

.btn:hover{
	border:1px solid #FF7A00;
	color: white;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_buttono.jpg') 0px 0px repeat-x #FF8805;
}

.formulaire{
	padding:5px;
	text-align:left;	
	border:1px solid #C4E8F8;
}

.formulaire TD{
}

.formulaire .pnlMsg{
	color:#1F8CCD;
	border:1px solid #37B2F6;
	background-color:#D6ECF9;
	padding:5px;
	font-size:150%;
}

	.formulaire .label{
		margin:0px;
		padding-top:6px;
		padding-right:10px;
	}

	.formulaire .input{
		margin:0px;
	}

	.formulaire .inputBorder INPUT,	.formulaire .inputBorder TEXTAREA{
		border:1px solid #37B2F6;
		color:#37B2F6;
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}
	
	.formulaire .inputBorder INPUT,	.formulaire .inputBorder TEXTAREA{
		border:1px solid #37B2F6;
		color:#37B2F6;
		/* BACKGROUND-COLOR: #715c48; */
	}
	
	#ControlProductSearch .inputBorder{
		border:1px solid #37B2F6;
		color:#37B2F6;
		width:125px;
	}
	
	.formulaire .input INPUT{
	}

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

	.formulaire .alert{	
		color:red;
	}


/* ------------- title replace ----------------------- */
div#qTip {
  display: none;
  position: absolute;
  margin-left:20px;
  z-index: 1000;
  padding:5px;
  background-color:#E7F5F9;
  border:1px solid #37B2F6;
  width:85px;
  font-weight:bold;
  color:#37B2F6;
}


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

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

/* ------------------------------------------------------------------ */
/*                           DHTMLTOOLTIP  	                          */
/* ------------------------------------------------------------------ */
	
#dhtmltooltip{
	position: absolute;
	background-color:white;
	visibility: hidden;
	z-index: 100;
}

.dhtmltooltip_inner{
	border: 1px solid #C4E8F8;	
	background-color:#FFFFFF;		
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
	position:relative;
}