/*------------ CSS GAP --------------*/
/*                                   */
/*    ***************************    */
/*    *                         *    */
/*    ***************************    */
/*    *                   *     *    */
/*    *                   *     *    */
/*    *                   *     *    */
/*    *                   *     *    */
/*    ***************************    */
/*    ***************************    */
/*                                   */
/*-----------------------------------*/
* {
	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') 0px 0px no-repeat;
}
	
	#top{
		width:1000px;
		height:163px;
		margin-left:auto;
		margin-right:auto;
		background:url('images/bg_top.jpg') 0px 0px no-repeat;
	}

		#topMenu{
			height:27px;
			padding:6px 5px 0px 0px;
			text-align:right;

		}

			#topMenu A{color:#04314D;}
			#topMenu A:hover{color:#4194C6;}

		#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') 0px 0px 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') 0px 0px 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') 0px 0px 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') 0px 0px 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') 0px 0px 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 .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;
		display:block;
		float:left;
		text-align:right;
		padding:15px 15px 0px 0px;
		font-size:12px;
		cursor:pointer;
	}

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

		#footer .contact H1{
			font-size:20px;
			color:#338CC3;
			margin:0px 0px 0px 0px;
			padding:0px; 
			border-width:0px;
		}
 
.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;
}

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

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:red;
	}


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

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