/* ***************** 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:white;
	background:url("images/bg_body.jpg") 0px 0px #5B9FCB;
}

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

#container{
	margin-left:auto;
	margin-right:auto;
	width:780px;
	padding-left:20px;
	padding-right:20px;	
	background:transparent url("images/bg_container.jpg") 0px 0px no-repeat; 
}

	#top{
		background:url('images/bg_top.jpg') right 117px no-repeat #2B3A45;
	
	}

		#tools{
			background-color:#2B3C46;
			padding:3px;
		}

				#lang{
					float:left;
					width:90px;
				}

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

					#lang A:hover{
						display:block;
						background-color:white;
						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 .es{
						background:url('images/lang_es.gif') 0px 0px no-repeat;
					}

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

				#supmenu{
					text-align:right;
					width:200px;	
					float:right;
				}

					#supmenu A{
						text-decoration:none;
						padding-left:10px;
						background:url("images/puce.gif") 0px 2px no-repeat;
						margin-right:5px;
					}


			#bandeau{
				height:270px;
				background-color:red:
			}			

							
			#menu{	
				margin-left:640px;
				position:relative;
				top:-115px;
				margin-bottom:-98px;
			}

			#menu A{
					display:block;
					padding-top:0px;
					text-decoration:none;
					font-size:12px;
					font-weight:normal;
					border-bottom:1px solid #5CBCEB;			
					margin-top:4px;
					padding-bottom:3px;
					width:105px;
					text-align:right;
					color:white;
					background:url('images/bg_menu_a.gif') right top no-repeat;
					padding-right:20px;
				}				

		
				#menu A:hover, #menu .active{	
					color:#2D3C48;	
					background-position:right -14px;
				}		
	


			#content{
				width:100%;	
				background:url('images/bg_content.jpg') right -52px no-repeat #2B3A45;
			}


#footer{
	clear: both;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background:url("images/bg_footer.jpg") 0px 0px no-repeat #13202A;
	padding-top:25px;
	padding-bottom:12px;
	line-height:19px;
	font-size:10px;
} 


	#footer A:hover{
		color:white;
	}

.clear{ clear: both; }


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


h1{ 
 font-size:23px;
 color:white;
 font-weight:normal;
 margin-bottom:0px;
 margin-top:0px;
 display:block;
 text-transform:uppercase;
 letter-spacing:-1px;
} 

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

h3{ 
font-size:15px;
 color:white;
 font-weight:bold;
 margin-bottom:10px;
 display:block;
 margin-top:0px;
} 

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

A{
 color:#54B1DE;
 font-weight:normal;
}

A:hover{
 color:white;
 font-weight:normal;
}

HR{
	color:#5B88A2;
	background-color:#5B88A2;
	height:1px;
	border:0px;
}


P{
	position:relative;
	top:-10px;
	text-align:justify;
	line-height:18px;
	margin-bottom:20px;
	margin-top:20px;
}

I{
 color:#9FDFF6;
}


/* ------------------------------------------------------------------ */
/* -                        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: #17232C;
	border-left: #54B1DD 0px solid;
	border-top: #54B1DD 0px solid;
	border-right: #54B1DD 0px solid;
	border-bottom: #5B88A2 1px solid;
	color: #81D5FC;
	font-size:10px;
	margin-bottom:0px;
}


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

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

.formulaire{
	text-align:left;	
	border:#F2EADB 0px 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: #009FD9 1px solid;
	COLOR: #009FD9;
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}
	
	.formulaire .inputBorder INPUT,	.formulaire .inputBorder TEXTAREA{
	border: #009FD9 1px solid;
	COLOR: #009FD9;
	/* 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:#91D5FD;
	}


/* ------------- title replace ----------------------- */
div#qTip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding:5px;
  background-color:#53B0DC;
  border:1px #4A9FC8 solid;
  color:white;
}


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