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

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


html { 
	width:100%;
	height:100%;
	margin:0px;
}


body {	
	width:100%;
	height:100%;
	margin:0px;
	margin-bottom: 0px;
	font-family:verdana;
	font-size: 11px;
	color:#443A2F;
	background:url('images/bg_body.gif') 0px 121px repeat-x #FFFFFF;
}

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

#container{
	width:810px;
	margin-left:auto;
	margin-right:auto;
	background:url('images/bg_container.gif') 0px 0px repeat-y;
}

	#top{
		width:805px;
		height:305px;
		padding-left:5px;
		background:url('images/bg_top.gif') 0px bottom no-repeat;
	}

		#logoDiv{
			width:157px;
			height:120px;
			float:left;
		}

		#menuBar{
			width:643px;
			height:120px;
			float:left;
		}

			#menuBar .tool{
				width:80px;
				height:19px;
				float:right;
				padding-right:20px;
				margin-top:10px;
			}
			

				#menuBar .tool .accueil{
					height:19px;
					width:13px;
					float:right;
					margin-right:10px;
				}

				#menuBar .tool .contact{
					height:19px;
					width:13px;
					float:right;
					font-size:9px;
					margin-right:10px;
				}

				
				#menuBar .tool .mail{
					height:19px;
					width:13px;
					float:right;
					font-size:9px;
				}

			#menu{
				height:39px;
				margin-top:57px;
				padding-right:20px;
			}

				#menu A{
					display:block;
					height:34px;
					float:right;
					margin-left:3px;
					padding-top:5px;
					padding-left:6px;
					padding-right:6px;

					font-size:11px;
					text-decoration:none;
					text-transform:uppercase;
					color:#FFFFFF;
					letter-spacing:-1px;

					background:url('images/bg_menu.gif') 0px 0px repeat-x;
				}

				#menu A:hover, #menu .active{
					background:url('images/bg_menu.gif') 0px bottom repeat-x;
				}

		#photo{
			width:800px;
			height:180px;
		}

		#lang{
			width:80px;
			height:14px;
			float:right;
			padding-right:25px;
			position:relative;
			top:0px;
			margin-bottom:-14px;
		}

			#lang A{
				display:block;
				float:right;
				width:20px;
				height:14px;
				margin-left:5px;
			}

			#lang A:hover{
				display:block;
				float:right;
				width:20px;
				height:14px;
				margin-left:5px;
				background-color:#FFFFFF;

				filter:alpha(opacity=50);  
				-moz-opacity:0.50;
				opacity: 0.50;
			}

			#lang .fr{background:url('images/lang_fr.gif') 0px 0px no-repeat;}
			#lang .nl{background:url('images/lang_nl.gif') 0px 0px no-repeat;}
			#lang .en{background:url('images/lang_en.gif') 0px 0px no-repeat;}
			#lang .de{background:url('images/lang_de.gif') 0px 0px no-repeat;}

	#page{
		width:800px;
		margin-left:5px;
		background-color:#FFFFFF;
	}

#footer{
	width:800px;
	height:51px;
	padding-left:5px;
	padding-right:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:7px;
	background:url('images/bg_footer.gif') 0px 0px no-repeat;
}


.clear{clear:both;}


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


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

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

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

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

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

	A.text{
	 color:#443A2F;
	 font-weight:normal;
	 text-decoration:none;
	}

	A.text:hover{
	 color:#FFA800;
	 font-weight:normal;
	 text-decoration:none;
	}

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

hr{
	color:#EEEDEB;
	background-color:#EEEDEB;
	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 {
	background-color: #ffffff;
	border-color: #D7D4CD;
	border-width: 1px;
	border-style: solid;
	color: #5D574B;
	font-size:11px;
	margin-bottom:0px;
}

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

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

.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 .inputBorder INPUT,	.formulaire .inputBorder TEXTAREA{
	border: #FFA800 1px solid;
	color: #FFA800;
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}
	
	#ControlProductSearch .inputBorder{
	border: #FFA800 1px solid;
	color: #FFA800;
	width:140px;
	}
	
	.formulaire .input INPUT{
	}

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

	.formulaire .alert{	
		color:#FFA800;
	}


/* ------------- title replace ----------------------- */
div#qTip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding:5px;
  color:#443A2F;
  background-color:#FFFFFF;
  border:1px #443A2F 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 #A99B8D;	
	background-color:#FFFFFF;		
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
	position:relative;
}