html { 
	width:100%;
	height:100%;
	margin:0px;
}
					   
body {	
	width:100%;
	height:100%;
	margin:0px;
	margin-bottom: 0px;
	font-family:verdana;
	font-size: 11px;
	color:#5D574B;
	background: url("images/bg_body.gif") 0px 0px repeat-x #F4F2F0;
}

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

#container{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	background: url("images/bg_content.gif") 0px bottom repeat-y;
}
			#top{
				width:950px;
				height:190px;
				border-bottom:1px solid #A29B8D;
				background: url("images/bg_top_liqui.jpg") 0px 0px no-repeat;
			}

				#top .logoDiv{
					width:130px;
					height:130px;
					float:left;
					display:block;
					padding:33px 0px 0px 33px;
					background: url("images/bg_logo.jpg") right bottom no-repeat;
				}

					#top .logoDiv:hover{
						filter:alpha(opacity=70);  
						-moz-opacity:0.70;
						opacity: 0.70;
					}

				#clock{
					width:177px;
					height:81px;
					float:right;
					padding:45px 59px 0px 0px;
				}

				#clockNoel{
					width:331px;
					height:156px;
					float:right;
					margin-top: 5px;
				}

					#clockNoel .slogan{
						width:310px;
						height:30px;
						text-align:center;
						color:#2e2e2b;
						font-weight: bold;
						font-size: 11px;
						margin-left: 10px;
						position:relative;
						top:-42px;
						margin-bottom:-42px;
						display: block;
					}

				#menuBar{
					height:37px;		
					clear:both;
					width:751px;
					margin-left:199px;
					background: url("images/bg_menubar.gif") 0px bottom repeat-x;
					position:absolute;
					top:155px;
				}							
					
					#menu{
						height:36px;					
						width:622px;	
						float:left;
					}

					#menu A{
						display:block;
						float:left;
						height:23px;
						border-left:1px solid #B3ADA1;
						border-right:1px solid #A29B8D;
						font-size:12px;
						font-weight:bold;
						text-decoration:none;
						text-align:center;
						color:#FFFFFF;
						padding-left:17px;
						padding-right:16px;
						padding-top:8px;
						margin-top:6px;
					}				

				
						#menu A:hover, #menu .active{
							height:26px;
							border-top:1px solid #A29B8D;
							margin-top:0px;
							padding-top:10px;
							background: url("images/bg_menuactive.gif") 0px 0px repeat-x #79AD12;
						}		
		
					#lang{
						float:right;
						height:36px;
						width:74px;
					}

						#lang A{
							display:block;
							float:left;
							width:16px;
							height:11px;
							margin-left:5px;
							margin-top:14px;
						}

						#lang A:hover{
							display:block;
							background-color:transparent;
							width:16px;
							height:11px;
							filter:alpha(opacity=50);  
							-moz-opacity:0.50;
							opacity: 0.50;
						}

						#lang .fr{
							background:url('images/lang_fr.gif') 0px 0px no-repeat;
						}

						#lang .de{
							background:url('images/lang_de.gif') 0px 0px no-repeat;
						}

						#lang .en{
							background:url('images/lang_en.gif') 0px 0px no-repeat;
						}

						#lang .nl{
							background:url('images/lang_nl.gif') 0px 0px no-repeat;
						}


			#page{
				width:100%;		
			}


#footer{
	clear:both;
	width:934px;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	padding-left:5px;
	padding-right:11px;
	padding-top:0px;
	padding-bottom:30px;
	color:#595650;
	background-color:#D7D4CD;
} 

	#paiementMethods{
		margin-top:10px;
		margin-left:6px;
		margin-right:32px;
		display:block;
		float:left;
		width:154px;
		height:38px;
		background:url("images/bg_paiementmethods.gif") 0px 0px no-repeat;
	}

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

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

	#footer A{
		color:#FFFFFF;
		text-decoration:none;
	}
		
		#footer A.border{
			display:block;
			float:left;
			color:#595650;
			padding-top:10px;
			padding-left:3px;
			padding-right:20px;
			border-left:3px solid #B4AEA1;
		}

	#footer A:hover{
		color:white;
	}
	
	#footerBottom{
		width: 950px;
		height:20px;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		padding-top:6px;
		background-color:#B4AEA1;
		font-size:10px;
	}
	
		#footerBottom A{
			color:#FFFFFF;
		}
		
		#footerBottom A:hover{
			color:#595650;
		}

.clear{clear: both;}


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


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

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

h3{ 
 font-size:13px;
 color:#F80080;
 font-weight:normal;
 margin-bottom:0px;
 display:block;
 margin-top:0px;
} 

	
h4{ 
 font-size:12px;
 color:#F80080;
 font-weight:normal;
 margin-top:0px;
 margin-bottom:0px;
 display:inline;
} 

A{
 color:#F80080;
 font-weight:normal;
}

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

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


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

.noborder input{clear:both;background-color: transparent;font-size:9px;}
.noborder label{clear:both;font-size:9px;}
div.noborder input {background-color: transparent;font-size:9px;}
span.noborder input {background-color: transparent;font-size:9px;}

input, select, textarea {
	background-color: #ffffff;
	color: #5D574B;
	font-size:11px;
	margin-bottom:0px;
}

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

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

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

.formulaire TD{

}

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

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

	.formulaire .input{
		margin:0px;
	}


	.formulaire .input INPUT,	.formulaire .input TEXTAREA{
	border: #D7D4CD 1px solid;
	}
	

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

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

	.formulaire .alert{	
		color:#F80080;
	}


/* ------------- title replace ----------------------- */
div#qTip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding:5px;
  color:#F80080;
  background-color:#FFFFFF;
  border:1px #F80080 solid;
  width:80px;
}


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

#overlay{ 
	  background-color:black;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  position: expression('absolute');
	  height: expression(document.documentElement.scrollHeight+'px');
	  width: expression(document.documentElement.scrollWidth+'px');
	  z-index: 90;
	  filter:alpha(opacity=50);  
	  -moz-opacity:0.50;
	  opacity: 0.50;
}

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

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