html { 
	height: 100%; 
}


body {	
	margin: 0;
	padding: 0;
	height:  100%;
	margin-bottom: 0px;
	font-size:12px;
	font-family:arial;
	font-weight:normal;
	color:#565656;
	background-color:#E2E7E6;
}

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

#container{ 
	width:845px; 
	margin-left:auto; 
	margin-right:auto;
	background-color:white;
	padding-bottom:10px;
}

	#logo{
		width:220px;
		height:100px;
		position:absolute;
	}
	
	#lang{
		width:100px;
		height:20px;
		padding-top:5px;			
		text-align:right;
		margin-right:8px;
		float:right;
	}
	
		#lang A{
			display:block;
			float:right;
			width:16px;
			height:11px;
			margin-left:5px;
		}

		#lang A:hover{
			display:block;
			width:16px;
			height:11px;
			filter:alpha(opacity=70);  
			-moz-opacity:0.7;
			opacity:0.7;
		}

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

	#menu{
		height:29px;
		padding-top:9px;
		color:#616161;
		float:right;
		padding-right:10px;
	}
	
		#menu A{
			display:block;
			float:left;
			height:18px;
			padding-top:2px;
			color:#616161;
			font-size:14px;
			font-weight:normal;
			text-transform:uppercase;
			text-decoration:none;
			border-bottom:white 2px solid;
			margin-left:13px;
			margin-right:13x;
			text-align:right;
		}
		
		#menu A:hover{
			border-bottom:#88EB14 2px solid;
		}

		#menu .vert{
			color:#389801;
		}	
		

	#flash{
		height:215px;
		width:245px;		
		/*display:none;*/
		clear:both;
	}
	

	#content{
		clear:both;
		padding:10px;
		margin-top:-10px;
		/*margin-bottom:10px;*/
	}
		
#footer{
	clear: both;
	width: 845px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top:5px;
	padding-bottom:30px;
	font-size:11px;
} 

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

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

	
	#footer A{
		color:#666666;
	}

	#footer A:hover{
		color:black;
	}

.clear{ clear: both; }


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

A{
font-family:arial;
font-weight:normal;
color:#70CD0E;
}

A:HOVER{
text-decoration:none;
font-family:arial;
font-weight:normal;
color:#A6EE3C;
}

H1{
font-size:23px;
font-weight:normal;
color:#70CD0E;
margin-bottom:10px;
margin-top:0px;
display:block;
}
	.gris{
		display:inline;
		color:#79797C;
		padding-bottom:0px;
		font-size:18px;
	}

	.vert{
		display:inline;
		color:#70CD0E;
		margin-bottom:0px;
	}

H2{
font-size:18px;
font-weight:normal;
color:#79797C;
margin-bottom: 10px;
margin-top: 0px;
display:block;
}

H3{
text-decoration:none;
font-size:17px;
margin-bottom: 10px;
margin-top: 0px;
display:block;
font-weight:normal;
color:#79797C;
}

hr{
color:#70CD0E;
background-color:#70CD0E;
height:1px;
border:0;
clear:both;
}

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

.noborder input, .noborder{clear:both;border-width:0;background-color: transparent;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: white;
	border: #CBD4DA 1px solid;
	font-size:12px;
	font-family:Arial;
	margin-bottom:0px;
}		

.btn{
	border:1px solid #55AE0A;
	font-size:10px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	background:url("images/bg_button.jpg") 0px 0px repeat-x;
	text-align:center;
	color:white;
}

.btn:hover{
	border:1px solid #8F9491;
	color:#FFFFFF;
	font-size:10px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	background:url("images/bg_buttono.jpg") 0px 0px repeat-x;
	text-align:center;
}

.formulaire{
	text-align:left;	
	border:1px solid #C3F364;
	font-size:10px;
	padding:3px;
}

.formulaire TD{
	font-size:10px;
}

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

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

	.formulaire .label LABEL{
		
	}

	.formulaire .input{
		margin:0px;
	}
	
	.formulaire .inputBorder INPUT, .formulaire .inputBorder TEXTAREA{
		border: #369600 1px solid;
		margin:0px;		
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}
	
	.formulaire .asterisque{
	     color:#4CAA05;
		 font-size:19px;		
		 font-weight:bold;
		 width:25px;
	}

	.formulaire .alert{	
	color:#E00116;
	}

/* ------------- title replace ----------------------- */
div#qTip {
  display: none;
  position: absolute;
  z-index: 1000;
  margin-top:5px;
  margin-left:25px;
  padding:10px;
  width:150px;
  min-height:10px;
  color: #3D9D00;
  font-size:11px;
  font-weight:bold;
  background-color:#D9F6B7;
  border:1px solid #88EB14;
}

/* ------------------------------------------------------------------ */
/* -                      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;
}