/* ***************** 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:#333333;
	background:url(images/back.gif) repeat left top;
}

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

#container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#CCCCCC;
	color:#333333;
}

	#top{
		width:960px;
		height:249px;
	}

		#logoDiv{
			width:220px;
			height:201px;
			position:absolute;
			left:15px;
		}			

		#menuBar{
			width:960px;
			height:44px;
			background:#007BBF;
		}							
			
			#menu{
				background:url(images/gradient_gris.jpg) repeat-x left top;
				height:44px;					
				width:960px;	
				float:right;
			}

			#menu A{
				display:block;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#006BAF;
				text-decoration:none;
				background:url(images/puces.gif) no-repeat 5px 16px;
				padding-left:40px;
				padding-top:13px;
				padding-right:13px;
				float:right;
				text-align:center;
				border-style:solid;
				border-color:#FFFFFF;
				border-width:0px 1px 0px 0px;
				height:31px;
			}			
		
			#menu a:hover{
				background:url(images/puces.gif) no-repeat 5px -34px;
				color:#FF6600;
			}

		#bandeau{
			width:670px;
			height:180px;
			padding-left:290px;
			padding-top:25px;
			background:url(images/bg_bandeau.jpg) no-repeat left top;
		}
		
			#bandeau h1{
				font-size:14px;
				font-weight:bold;
				color:#FFFFFF;
			}
			
			#bandeau p{
				font-size:14px;
				font-weight:normal;
				color:#FFFFFF;
				width:400px;
				padding-left:20px;
				line-height:30px;
				font-family:Arial, Helvetica, sans-serif;
			}
			
			#lang{
				float:right;
				height:11px;
				width:45px;
				margin-top:-20px;
			}

				#lang A{
					display:block;
					float:left;
					width:16px;
					height:11px;
					margin-right: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 .de{
					background:url('images/lang_de.gif') 0px 0px no-repeat;
				}
			
		#page{
			width:960px;
			float:left;
			border-bottom:1px solid #CCCCCC;	
			background:url('images/gradient_gris_page.jpg') 0px 0px repeat-x #FFFFFF;
		}

#footer{
	clear: both;
	width:960px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/gradient_gris_big.jpg) repeat-x left center;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#CCCCCC;
}

	#footer A{
		text-decoration:none;
	}

	#footer A:hover{
		
	}

.clear{ clear: both; }

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

h1{ 
 font-size:14px;
 color:#0099FF;
 font-weight:normal;
 margin-bottom:0px;
 margin-top:0px;
 display:block;
 text-transform:uppercase;
} 

h2{ 
 font-size:15px;
 color:#FF9900;
 font-weight:bold;
 margin-bottom:10px;
 display:block;
 margin-top:0px;
 font-family:Arial, Helvetica, sans-serif;
} 

	.puced{
		display:block;
		color:#0099FF;
		padding:0px 0px 0px 25px;
		font-size:14px;
		font-weight:bold;
		background:url(images/puce_blanche.gif) no-repeat 5px center;
	} 

h3{ 
font-size:15px;
/* color:#FFFFFF;*/
 font-weight:bold;
 margin-bottom:0px;
 display:block;
 margin-top:0px;
 background:#0298E0 url(images/puce_bleu.gif) no-repeat 5px center;
 padding:3px;
 padding-left:25px;
} 
	
.cadre h3{
color:#FFFFFF;
}

.cadre .puced{
display:block;
color:#FFFFFF;
padding:3px 3px 3px 25px;
font-size:14px;
font-weight:bold;
background:#0298E0 url(images/puce_bleu.gif) no-repeat 5px center;
}
	
h4{ 
 font-size:12px;
 color:#0099FF;
 font-weight:normal;
 margin-bottom:5px;
 display:block;
 margin-top:0px;
 font-weight:bold;
} 

A{
 color:#0099FF;
 font-weight:normal;
  text-decoration:none;
}

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

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

/* ------------------------------------------------------------------ */
/* -                        SUBMENU                                   */
/* ------------------------------------------------------------------ */

#submenu {	
	float:right;
	text-align:right;
	margin:10px;
}

	#submenu A{
		font-size:11px;
		color:#006BAF;
	}
	
	#submenu A:hover{
		font-size:11px;
		color:#FF9900;
	}

/* ------------------------------------------------------------------ */
/* -                        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: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	color: #333333;
	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 #FF3600;
	color: white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_buttono.jpg') 0px 0px repeat-x #FF5B00;
}

.formulaire{
	text-align:left;	
	/*border:#F2EADB 1px solid;*/
	padding-left:10px;
}

.formulaire TD{

}

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

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

	.formulaire .input{
		margin:0px;
	}

	.formulaire .inputBorder INPUT,	.formulaire .inputBorder TEXTAREA{
		border: #FF9900 1px solid;
		COLOR: #009FD9;
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}
	
	#ControlProductSearch .inputBorder{
		border: #FF9900 1px solid;
		COLOR: #009FD9;
		width:140px;
	}
	
	.formulaire .input INPUT{
	}

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

	.formulaire .alert{	
		color:#0099FF;
	}

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

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