* {
	margin: 0;
	padding: 0;
}

html{ 
	height:100%; 	
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family:Arial;
	font-size:11px;
	color:#616161;
	background-color:#FFFFFF;
}
 
#container{
	width:1020px;
	margin-left:auto;
	margin-right:auto;
	background:url('images/bg_container.gif') 0 0 no-repeat;
}
	
	#top{
		width:1000px;
		height:199px;
		margin-left:auto;
		margin-right:auto;
		background:url('images/bg_top.jpg') 0 bottom no-repeat;
	}

		#tools {
			width:1000px;
			height:69px;
		}

			#topMenu {
				width: 295px;
				height: 20px;
				float: left;
				margin: 42px 0 0 69px;

				text-align: right;
			}

				#topMenu a {
					color: #04314d;
				}

				#topMenu a:hover {
					color: #4194c6;
				}

		#tools .contact{
			width: 212px;
			height: 62px;
			padding: 7px 20px 0 0;
			float: right;
		}

		#logo{
			width:204px;
			height:130px;
			float:left;
		}

		#menu{
			width:564px;
			height:140px;
			float:left;
			position:relative;
			top:-10px;
			z-index:1;
			margin-bottom:-20px;
		}

			#menu A{
				width:111px;
				height:95px;
				padding:35px 15px 0px 15px;
				margin-top:10px;
				display:block;
				float:left;
				font-size:16px;
				color:#FFFFFF;
				text-decoration:none;
				text-align:center;
			}

				#menu A:hover{
					height:110px;
					padding:30px 15px 0px 15px;
					position:relative;
					top:-10px;
					z-index:2;
					margin-bottom:-10px;
					background-position:0px 0px;
					filter:alpha(opacity=80);  
					-moz-opacity:0.80;
					opacity:0.80;
				}

					#menu .btn_1{
						background:url('images/bg_btn_1.jpg') 0px -10px no-repeat #FB4D00;
					}

						#menu .btn_1_Active{
							height:110px; padding:30px 15px 0px 15px;position:relative;top:-10px;z-index:2;margin-bottom:-10px;
							background:url('images/bg_btn_1.jpg') 0 0 no-repeat #FB4D00;
						}

					#menu .btn_2{
						background:url('images/bg_btn_2.jpg') 0px -10px no-repeat #8BB53A;
					}

						#menu .btn_2_Active{
							height:110px; padding:30px 15px 0px 15px;position:relative;top:-10px;z-index:2;margin-bottom:-10px;
							background:url('images/bg_btn_2.jpg') 0 0 no-repeat #8BB53A;
						}

					#menu .btn_3{
						background:url('images/bg_btn_3.jpg') 0px -10px no-repeat #186B9C;
					}

						#menu .btn_3_Active{
							height:110px; padding:30px 15px 0px 15px;position:relative;top:-10px;z-index:2;margin-bottom:-10px;
							background:url('images/bg_btn_3.jpg') 0 0 no-repeat #186B9C;
						}

					#menu .btn_4{
						background:url('images/bg_btn_4.jpg') 0px -10px no-repeat #CF0303;
					}

						#menu .btn_4_Active{
							height:110px; padding:30px 15px 0px 15px;position:relative;top:-10px;z-index:2;margin-bottom:-10px;
							background:url('images/bg_btn_4.jpg') 0 0 no-repeat #CF0303;
						}

		#page{
			width:1000px;
			margin-left:auto;
			margin-right:auto;
			background:url('images/bg_page.gif') 0px 0px repeat-y #ffffff;
		}
					
#footer{
	width:1000px;
	height:94px;
	margin-left:auto;
	margin-right:auto;
	color:#317CAA;
	font-size:10px;
	background:url('images/bg_footer.jpg') 0 0 no-repeat #DEF2FC;
}

	#footer A{color:#317CAA; text-decoration:none;}
	#footer A:hover{color:#317CAA; text-decoration:underline;}

	#footer .etic{
		width:58px;
		float:left;
		text-align:center;
		padding:10px 0px 0px 0px;
	}

		#footer .etic a:hover { text-decoration:none; }

	#footer .address{
		width:280px;
		float:left;
		padding:15px 10px 0px 20px;
	}

	#footer .subMenu{
		width:174px;
		float:left;
		padding:15px 10px 0px 20px;
	}

	#footer .mLegal{
		width:166px;
		float:left;
		padding:15px 10px 0px 20px;
	}

	#footer .contact {
		width:217px;
		height:79px;
		float:left;
		padding:15px 15px 0px 0px;
	}

	#footer .contact,
	#tools .contact {
		display:block;
		cursor:pointer;
		
		text-align:right;
		font-size:12px;		
	}

	#footer .contact:hover,
	#tools .contact:hover {
		text-decoration:none;
		color:#338CC3;
	}

		#footer .contact h1,
		#tools .contact h1 {
			margin:0px 0px 0px 0px;
			padding:0px; 
			border-width:0px;

			font-size:20px;
			color:#338CC3;
		}
 
.clear{
 clear: both; 
}

.floatLeft{
	float:left;
}

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

h1{ 
 font-size:16px;
 padding:0px 0px 5px 0px;
 margin:0px 0px 15px 0px;
 display:block; 
 font-weight:normal;
 color:#4194C6;
 border-bottom:1px solid #EFEFEF;
} 

h2{ 
 font-size:14px;
 font-weight:normal;
 margin:0px 0px 10px 0px;
 display:block;
 color:#89B53C;
}

h3{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:10px;
 display:block;
 color:#116696; 
} 

h4{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:0px;
 display:inline;
 color:#4194C6; 
}

BIG{
	font-size:14px;
	line-height:17px;
}
	
UL{
	margin-top:5px;
	margin-left:20px;
}

	.puceOrange{padding-left:16px; background:url('images/puce_orange.gif') 0px 3px no-repeat;}
	.puceVerte{padding-left:16px; background:url('images/puce_verte.gif') 0px 3px no-repeat;}
	.puceBleue{padding-left:16px; background:url('images/puce_bleue.gif') 0px 3px no-repeat;}
	.puceRouge{padding-left:16px; background:url('images/puce_rouge.gif') 0px 3px no-repeat;}

	.orange{color:#F8740B;}
	.vert{color:#89B53C;}
	.bleu{color:#4194C6;}
	.rouge{color:#E11908;}
	.text{color:#616161;}
 
a {
 color:#4194c6;
 font-weight:normal;
 text-decoration:none;
}

a:hover{
 color:#f8740b;
 text-decoration:none;
}

a img { border: 0px solid #fff; }

.puced_b {
  padding-left:14px;
  background:url('images/puce_b.gif') 0px 3px no-repeat;
}

b,i { color: #3f3f3f; }

h1 i { color:#4194c6; }

hr {
 color:#EFEFEF;
 background-color:#EFEFEF;
 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 {
	border:1px solid #eeeeee;
	background-color:#FFFFFF;
	color:#616161;
	font-family:arial;
	font-size:11px;
	margin-bottom:0px;
}


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

.btn:hover{
	border:1px solid #3F8BB9;
	color: white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_button_a.gif') 0px 0px repeat-x #3284B6;
}

.formulaire{
	text-align:left;
}

.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;
		padding:0px;
	}
	
	.formulaire .asterisque{
	     color:#4194C6;
		 font-size:15px;		
		 font-weight:bold;
		 padding-left:5px;
	}

	.formulaire .alert{	
		color: #e98a36;
	}


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

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