/* ***************** CSS MASTER ************************* */

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

body{	
	width:100%;
	height:100%;
	margin:0px;
	margin-bottom: 0px;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	background:url('images/bg_body.gif') 0px 0px repeat-x #EBEBEA;
}
 
#container{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}

	#top{
		width:1000px;
		height:305px;
		background:url('images/bg_top.gif') 50px 0px no-repeat;
	}

		#logoDiv{
			width:900px;
			height:85px;
			margin-left:50px;
			margin-right:50px;
		}

		#bannerDiv{
			width:950px;
			height:220px;
			padding-right:50px;
			background:url('images/bg_banner.jpg') 0px 0px no-repeat;
		}

			.address{	
				margin-top:35px;
				width:129px;
				height:87px;
				padding:15px 10px 10px 20px;
				font-size:10px;
				float:right;
				background:url('images/bg_address.png') 0px 0px no-repeat;
			}

				.address B{
					font-size:11px;
					color:#3FA800;
				}

		#menu{	
			width:550px;
			height:67px;
			float:right;
			padding-right:50px;
			position:relative;
			top:-67px;
			margin-bottom:-67px;
		}

			#menu A{
				height:42px;
				display:block;
				float:left;
				color:#FFFFFF;
				text-decoration:none;
				font-size:14px;
				padding-top:25px;
			}

			#menu .btn1{
				width:105px;
				padding-right:20px;
				text-align:right;
				background:url('images/bg_btn1.jpg') 0px 0px no-repeat;
			}
			
			#menu .btn2{
				width:102px;
				text-align:center;
				background:url('images/bg_btn2.jpg') 0px 0px no-repeat;
			}
			
			#menu .btn3{
				width:101px;
				text-align:center;
				background:url('images/bg_btn3.jpg') 0px 0px no-repeat;
			}

			#menu .btn4{
				width:100px;
				text-align:center;
				background:url('images/bg_btn4.jpg') 0px 0px no-repeat;
			}
				
			#menu .btn5{
				width:102px;
				padding-left:20px;
				text-align:left;
				background:url('images/bg_btn5.jpg') 0px 0px no-repeat;
			}

			#menu A:hover, #menu .active{
				color:#545454;
				background-position:bottom;
			}
	
	#page{
		width:900px;
		margin:15px 50px 15px 50px;
	}
					
#footer{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	border-top:1px solid #CACACA;
	font-size:10px;
} 

	#footer .leftSide{
		width:800px;
		float:left;
		text-align:right;
	}

	#footer .rightSide{
		width:100px;
		float:left;
		text-align:center;
	}
 
.clear{clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}
 
/* ***************** MISE EN FORME ************************* */

H1{ 
 font-size:18px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#9E9E9E;
} 

H2{ 
 font-size:14px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#3FA800;
}

H3{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:0px;
 display:block;
 color:#9E9E9E;
} 

H4{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:0px;
 display:inline;
 color:#3FA800; 
}

BIG{
	font-size:14px;
	line-height:17px;
}
 
A{
 color:#9E9E9E;
 font-weight:normal;
 text-decoration:underline;
}

A:hover{
 color:#3FA800;
}

HR{
 color:#CACACA;
 background-color:#CACACA;
 height:1px;
 border:0px;
 margin:10px 0px 10px 0px;
}

UL{
	margin:9px;
	padding:9px;
	list-style-image:url('images/bg_li.gif');
}

/* ------------------------------------------------------------------ */
/* -                        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 {
	border:1px solid #CACACA;
	background-color:#FFFFFF;
	color:#505050;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left:3px;
}

.fieldTitle{ 
 font-size:14px;
 margin-top:15px;
 margin-bottom:10px;
 display:block; 
 font-weight:normal;
 color:#3FA800;
}

.btn{
	border:1px solid #3FA800;
	color:white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background-color:#3FA800;
}

.btn:hover{
	border:1px solid #CACACA;
	color: white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background-color:#CACACA;
}

.formulaire{
	border:1px solid #CACACA;
	padding:5px;
	margin-bottom:15px;
}


.formulaire TD{
	padding:6px;
	padding-bottom:0px;
}

.formulaire .pnlMsg{
	display:block;
	padding:3px;
	border:1px solid #018045;
	background-color:#D2EFE1;
	color:#018045;
}

	.formulaire .asterisque{
		color:#3FA800;
		font-size:20px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:0px;
	}

	.formulaire .alert{	
		color:red;
	}

/* ------------------------------------------------------------------ */
/* -                    infobulle    			                    - */
/* ------------------------------------------------------------------ */


#infoBulle{
	width:80px;
	border:1px solid #75CEA4;
	background-color:white;
	padding:3px;
	font-size:10px;
	font-family:arial;
	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-25px;
	margin-top:30px;
}