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

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


body {	
	width:100%;
	height:100%;
	margin:0px;
	margin-bottom: 0px;
	font-family:arial;
	font-size: 11px;
	color:#6B6B6B;
	background:url('images/bg_body.gif') 0px 0px repeat-x #111f28;
}

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

#container{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:830px;
}

	#language{
		width:800px;
		text-align:right;
		padding-bottom:6px;
		margin-left:auto;
		margin-right:auto;
		color: #727b81;
	}

		#language A{
			color:#d3d5d7;
		}

		#language A:hover{
			text-decoration: underline;
		}

	#top{
		width:820px;
		height:125px;
		padding-top:3px;
		margin-left:auto;
		margin-right:auto;
		background:url('images/bg_top.gif') 0px 0px no-repeat;
	}

		#logoDiv{
			width:310px;
			height:125px;
			float:left;
		}					

		#menu{
			width:507px;
			height:84px;
			float:left;
		}

			#menu A{
				display:block;
				width:101px;
				height:30px;
				padding-top:54px;
				float:left;
				text-align:center;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				text-transform:uppercase;
				color:#6B6B6B;
			}
			
			#menu A.btnA{background:url('images/bg_btn_a.jpg') 0px 0px no-repeat;}
			#menu A.btnB{background:url('images/bg_btn_b.jpg') 0px 0px no-repeat;}
			#menu A.btnC{background:url('images/bg_btn_c.jpg') 0px 0px no-repeat;}
			#menu A.btnD{background:url('images/bg_btn_d.jpg') 0px 0px no-repeat;}
			#menu A.btnE{width:103px; background:url('images/bg_btn_e.jpg') 0px 0px no-repeat;}

				#menu A:hover{
					color:#FFFFFF;
					background-position:0px bottom;
				}
				
				#menu A.btnAActive{color:#FFFFFF; background:url('images/bg_btn_a.jpg') 0px bottom no-repeat;}
				#menu A.btnBActive{color:#FFFFFF; background:url('images/bg_btn_b.jpg') 0px bottom no-repeat;}
				#menu A.btnCActive{color:#FFFFFF; background:url('images/bg_btn_c.jpg') 0px bottom no-repeat;}
				#menu A.btnDActive{color:#FFFFFF; background:url('images/bg_btn_d.jpg') 0px bottom no-repeat;}
				#menu A.btnEActive{color:#FFFFFF; background:url('images/bg_btn_e.jpg') 0px bottom no-repeat;}

			#page{
				width:820px;
				margin-left:auto;
				margin-right:auto;				
				background:url('images/bg_page.gif') 0px 0px repeat-y #FFFFFF;
			}

#bottom{
	clear: both;
	width:830px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	background:url('images/bg_bottom.png') 0px 0px no-repeat;
}

#footer{
	clear: both;
	width:820px;
	margin-left: auto;
	margin-right: auto;
	text-align:right;
	padding:0px 5px 20px 5px;
	color:#EBE2D1;
}

	#footer .left{
		float:left;
		text-align:left;
	}

	#footer .right{
		float:right;
		text-align:right;
	}

	#footer A{
		text-decoration:none;
	}

	#footer A:hover{
		color:white;
	}

.clear{ clear: both; }


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


h1{ 
 font-size:19px;
 color:#AEAEAE;
 font-family:Trebuchet MS, sans-serif;
 text-transform:uppercase;
 letter-spacing:-1px;
 display:block;
 padding:0px 0px 0px 12px;
 margin:0px 0px 10px 0px;
 background:url('images/puce.gif') 0px 8px no-repeat;
} 

h2{ 
 font-size:16px;
 color:#AEAEAE;
 font-family:Trebuchet MS, sans-serif;
 text-transform:uppercase;
 font-weight:normal;
 display:block;
 margin:0px 0px 10px 0px;
}

h3{ 
 font-size:12px;
 color:#ff6300;
 text-transform:uppercase;
 letter-spacing:-1px;
 font-weight:normal;
 display:block;
 margin:0px 0px 10px 0px;
} 

	
h4{ 
 font-size:11px;
 color:#ff6300;
 text-transform:uppercase;
 font-weight:normal;
 display:inline;
}

	.puced{
		padding-left:8px;
		background:url('images/puced.gif') 0px 8px no-repeat;
	}

	.text{
		font-size:11px;
		font-family:arial;
		letter-spacing:0px;
	}

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

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

hr{
	color:#CDCDCD;
	background-color:#CDCDCD;
	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:#F5F5F5;
	border-color:#AEAEAE;
	border-width:1px;
	border-style:solid;
	color:#6B6B6B;
	font-size:10px;
	margin-bottom:0px;
}

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

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

.formulaire{
	text-align:left;	
	border:#CECECE 1px solid;
}

.formulaire TD{
}

.formulaire .pnlMsg{
	padding:5px;
	border:2px solid #FC3232;
	background-color:#FFEAE4;
	color:#F52424;
	font-size:120%;
	text-align:justify;
}

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

	.formulaire .input{
		margin:0px;
	}

	.formulaire .inputBorder INPUT,	.formulaire .inputBorder TEXTAREA{
		border:1px solid #ff6300;
		color:#ff6300;
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}
	
	.formulaire .input INPUT{
	}

	.formulaire .asterisque{
		color:#ff6300;
		font-size:13px;		
		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;
  background-color:#FFFFFF;
  border:1px solid #ff6300;
}


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