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


body {	
	width:100%;
	height:100%;
	margin:0px;
	margin-bottom: 0px;
	font-family:Arial;
	font-size: 11px;
	color:#555555;
	background:url('images/bg_xmas.jpg') center 0px no-repeat #ffffff;
}

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

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

	#top{
		width:100%;
	}

		#logoDiv{
			width:270px;
			height:100px;
		}		

		#logoDiv a img{
			border: none;
		}		


		#menu{
			width:827px;
			height:29px;
			padding-left:23px;
		}

			#menu A{
				height:20px;
				display:block;
				float:left;
				margin-right:3px;
				margin-top:4px;
				padding:2px 15px 0px 15px;
				font-size:14px;
				font-weight:normal;
				text-align:center;
				text-decoration:none;
				color:#FFFFFF;
				border-top:3px solid #FFFFFF;
			}
						
				#menu A:hover{			
					height:24px;
					display:block;
					float:left;
					margin-right:3px;
					margin-top:0px;
					border-top:3px solid #FFFFFF;
				}
				
				#menu .pink{background:url('images/bg_menua_pink.jpg') 0px 0px repeat-x #E30056}
				#menu .orange{background:url('images/bg_menua_orange.jpg') 0px 0px repeat-x #EC6000}
				#menu .green{background:url('images/bg_menua_green.jpg') 0px 0px repeat-x #7FA900}
				#menu .blue{background:url('images/bg_menua_blue.jpg') 0px 0px repeat-x #0078CB}
				#menu .purple{background:url('images/bg_menua_purple.jpg') 0px 0px repeat-x #950777}
				#menu .grey{background:url('images/bg_menua_grey.jpg') 0px 0px repeat-x #545454}
				
				
	#topContent{
		height:9px;
		background:url('images/bg_topcontent.jpg') 0px 0px no-repeat
	}
	
	#content{
		width:100%;
		padding-top:25px;
		background:url('images/bg_topcontent.jpg') 0px 0px no-repeat #ffffff;
	}
	
	/*#bottomContent{
		height:13px;
		background:url('images/bg_bottomcontent.jpg') 0px 0px no-repeat
	}*/

#footer{
	margin: 20px 0px;
	padding: 0px;
	background: url('images/bg_footer.jpg') 0px 0px repeat-x;

	clear: both;
	
	font-size: 10px;
	color:#4fa8dd;
	text-align: center;
} 

	#footer A{
		color:#4fa8dd;
	}

	#footer A:hover{
		color:#FE0060;
	}

#footer .siteMap {
	width: 850px;
	margin: 0px auto;
	border-bottom: 1px solid #c1e4fa;
	text-align: left;	
}
	
	#footer .siteMap .box {
		width: 148px;
		height: 50px;
		float: left;
		padding: 20px 10px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #c1e4fa;
	}
	
	#footer .siteMap .box b { display: block; font-size: 11px; }

	#footer .siteMap .box a { display: block; text-decoration: none; }

#footerlink{
	color:#4fa8dd;
}

	#footerlink A{
		color:#4fa8dd;
		text-decoration:none;
	}

.footer{
	font-size: 10px;
	color:#4fa8dd;
	text-align: center;
}
	
.clear{ clear: both; }

.floatLeft{float:left;}
.floatRight{float:right;}

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


h1{ 
 font-size:17px;
 font-weight:normal;
 display:block;
 color:#00A3FB;
 padding:3px 0px 3px 6px;
 margin-bottom:10px;
 margin-top:0px;
 background:url('images/bg_h1page.jpg') 0px 0px #EEEEEE;
}

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

h3{
 font-size:11px;
 font-weight:bold;
 margin-top:0px;
 margin-bottom:5px;
 display:block;
 color:#00A3FB;
 text-transform:uppercase;
} 

	
h4{
 font-size:11px;
 font-weight:normal;
 margin-top:0px;
 margin-bottom:0px;
 display:block;
 color:#FE0060;
 text-transform:uppercase;
} 

A{
 color:#4FA8DD;
 font-weight:normal;
}

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

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

SMALL{
	letter-spacing:-1px;
}

.pink{color:#FE0060;}
.orange{color:#FE8300;}
.green{color:#98CC00;}
.blue{color:#00A3FB;}
.purple{color:#C1099C;}
.text{color:#555555;}

/* ------------------------------------------------------------------ */
/* -                        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: #7F9DB9;
	border-width: 1px;
	border-style: solid;
	color: #555555;
	font-size:11px;
	margin-bottom:0px;
}


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

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

.formulaire{
	text-align:left;
	background-color:#FAFAFA;
}

.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: #009FD9 1px solid;
	COLOR: #009FD9;
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}
	
	.formulaire .inputBorder INPUT,	.formulaire .inputBorder TEXTAREA{
	border: #FE0060 1px solid;
	COLOR: #FE0060;
	/* BACKGROUND-COLOR: #715c48; */
	}
	
	#ControlProductSearch .inputBorder{
	border: #009FD9 1px solid;
	COLOR: #009FD9;
	width:140px;
	}
	
	.formulaire .input INPUT{
	}

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

	.formulaire .alert{	
		color:red;
	}


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


/* ------------------------------------------------------------------ */
/* -                      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 #A99B8D;	
	background-color:#FFFFFF;		
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
	position:relative;
}