html{ 
	height:100%;
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5F5F5F;
	background:url('images/bg_body.gif') 0px 0px repeat-x #FEFDFD;
}


/*------------------------------*/

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

	#top{
		width:880px;
		height:230px;
	}

		#banner{
			width:940px;
			height:160px;
			position:relative;
			left:-60px;
			background:url('images/bg_banner.jpg') 0px 0px no-repeat;
		}

		#menu{
			width:860px;
			height:70px;
			padding-left:20px;
			background:url('images/bg_menu.jpg') 0px 0px no-repeat;
		}

			#menu A{
				height:40px;
				display:block;
				float:left;
				color:#FFFFFF;
				font-size:14px;
				padding:30px 18px 0px 18px;
				background:url('images/sep_btn.jpg') 0px 0px no-repeat;
				text-decoration:none;
			}

				#menu .btn1:hover, #menu .btnActive1{background:url('images/bg_btn1.jpg') 0px 0px no-repeat;}
				#menu .btn2:hover, #menu .btnActive2{background:url('images/bg_btn2.jpg') 0px 0px no-repeat;}
				#menu .btn3:hover, #menu .btnActive3{background:url('images/bg_btn3.jpg') 0px 0px no-repeat;}
				#menu .btn4:hover, #menu .btnActive4{background:url('images/bg_btn4.jpg') 0px 0px no-repeat;}
				#menu .btn5:hover, #menu .btnActive5{background:url('images/bg_btn5.jpg') 0px 0px no-repeat;}
				#menu .btn6:hover, #menu .btnActive6{background:url('images/bg_btn6.jpg') 0px 0px no-repeat;}
				#menu .btn7:hover, #menu .btnActive7{background:url('images/bg_btn7.jpg') 0px 0px no-repeat;}

	#page{
		padding:0px 20px 0px 20px;
		background:url('images/bg_page.gif') 0px 0px repeat-y #FFFFFF;
	}

#footer{
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	font-size:11px;
	color:#9D9D9D;
	background:url('images/bg_footer.gif') 0px 0px repeat-x;
} 
	
	#footer .content{
		width:880px;
	}

	#footer A{
		color:#9D9D9D;
	}
	
	#footer A:hover{
		color:#75AC14;
	}
 
.clear{clear:both;}

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

H1{ 
 font-size:20px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#DF0061;
} 

H2{ 
 font-size:17px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#606060;
}

H3{ 
 font-size:14px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#DF0061;
} 

H4{ 
 font-size:12px;
 margin:0px;
 display:inline; 
 font-weight:normal;
 color:#75AC14;
}

BIG{ 
 font-size:12px;
 margin:0px;
 display:inline; 
 font-weight:normal;
 color:#75AC14;
}

A{
 color:#DF0061;

}

A:hover{
 color:#75AC14;
 text-decoration:none;
}

HR{
 color:#D7D7D7;
 background-color:#D7D7D7;
 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:12px;}
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 #D8D6D6;
	background-color:#FFFFFF;
	color:#636363;
	font-size:12px;
	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:#990000;
}

.btn{
	height:17px;
	color:white;
	font-size:11px;
	cursor:pointer;
	text-align:center;
	border:1px solid #DF0061;
	background:url('images/bg_btn.jpg') 0px 0px repeat-x #DF0061;
}

.btn:hover{
	color: white;
	border:1px solid #75AC14;
	background:url('images/bg_btn_hover.jpg') 0px 0px repeat-x #75AC14;
}

.formulaire{
}


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

.formulaire .pnlMsg{
	display:block;
	padding:3px;
	border:1px solid #737373;
	color:#31A5B4;
}

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

	.formulaire .alert{	
		color:red;
	}

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


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