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

body {
	margin:0px;
	padding:0px;
	height:100%;
	margin-bottom:0px;
	font-family: Arial;
	font-size:12px;
	color:#292929;
	background-color:#ffffff;
}

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

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

	#top{
		width:854px;
		height:52px;
		padding:21px 0px 0px 26px;
		margin-top:10px;
		background:url('images/bg_top.jpg') 0px 0px no-repeat;
	}

		#top #logo {
			float: left;
		}

		.numeroVert {
			position: absolute;
			margin: 26px 0px 0px 593px;
			
			width: 400px;

			font-size: 25px;
			letter-spacing: -1px;
		}

	.intitPhoneNumb {
		float: left;

		display: block;
		width: 120px;
		height: 29px;
	}

	.phoneNumb {
	
		float: left;

		display: block;
		width: 137px;
		height: 29px;

		padding: 2px 0px 0px 0px;
		margin: 0px -4px 0px 5px;

		background:url('images/bg_phoneNumb.jpg') 0px 0px no-repeat;

		font-size: 22px;
		color: white; 
		font-weight: bold;
		text-align: center;
	}

	#topMenu{
		width:848px;
		height:24px;
		padding:9px 16px 0px;
		margin-bottom:10px;
		background:url('images/bg_topmenu.gif') 0px 0px repeat-x;
	}
		
		#topMenu A{
			display:block;
			height:15px;
			float:left;
			padding:0px 10px 0px 0px;
			margin:0px 5px;
			font-size:11px;
			color:#292929;
			font-weight:bold;
			text-decoration:none;
		}

			#topMenu A:hover{
				color:#ffffff;
				background-color:#00b0eb;
				background:url('images/bg_roundedright.gif') right 0px no-repeat #00b0eb;
			}

		#topMenu .roundedLeft{width:10px;height:15px;float:left;}
			#topMenu A:hover .roundedLeft{background:url('images/bg_roundedleft.gif') left 0px no-repeat #00b0eb;}

			#topMenu .sms {
				float: right;
				width: 111px;
				height: 24px;

				position: relative;
				top: -4px;

				background:url('images/bg_sms.jpg') 0px 0px no-repeat;
			}

	#page {}

	#menu{
		width:240px;
		/*height:540px;*/
		height: auto;
	}

		#menu A{
			display:block;
			padding:6px 0px 6px 30px;
			font-size:16px;
			line-height:16px;
			color:#ffffff;
			text-decoration:none;
		}
			
		#menu .zone1{padding:10px 0px 2px 0px;background:url('images/bg_menu_zone1.jpg') 0px top no-repeat #00b0eb;}
		#menu .zone2{background-color:#7fd7f5;}
		#menu .zone3{padding:2px 0px 10px 0px;background:url('images/bg_menu_zone3.jpg') 0px bottom no-repeat #292929;}

		#menu .zone1 A{background:url('images/puce_zone1.gif') 15px 11px no-repeat;}
		#menu .zone2 A{color:#013e52;background:url('images/puce_zone2.gif') 15px 13px no-repeat;}
		#menu .zone3 A{background:url('images/puce_zone3.gif') 15px 11px no-repeat;}

		#menu .sepZone1{height:4px;background:url('images/sep_zone1.gif') 0px 0px no-repeat;font-size:0px;}
		#menu .sepZone2{height:4px;background:url('images/sep_zone2.gif') 0px 0px no-repeat;font-size:0px;}
		#menu .sepZone3{height:4px;background:url('images/sep_zone3.gif') 0px 0px no-repeat;font-size:0px;}

		#menu .curve{height:40px;}

#footer{
	width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:20px;
	color:#a7a7a7;
	font-size:10px;
	background:url('images/bg_footer.gif') 0px 0px repeat-x;
}
	
	#footer A{
		color:#a7a7a7;
		text-decoration:underline;
	}

	#footer A:hover{
		color:#00b0eb;
	}


	#footer .siteMap {
		width: 880px;
		margin: 0px auto;
		border-bottom: 1px solid #dadada;
		text-align: left;
	}
		
		#footer .siteMap .box {
			width: 198px;
			float: left;
			padding: 10px 10px;
			border-left: 1px solid #ffffff;
			border-right: 1px solid #dadada;
		}
		
		#footer .siteMap .box b { display: block; font-size: 11px; color: #717171;}

		#footer .siteMap .box a { display: block; text-decoration: none; }

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

.clear{clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}

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

H1{
 font-size:24px;
 display:block;
 margin:0px 0px 10px 0px;
 font-weight:bold;
 color:#292929;
} 

H2{
 font-size:18px;
 display:block;
 margin:0px 0px 10px 0px;
 font-weight:bold;
 color:#00b0eb;
} 

	.blue{color:#00b0eb;}

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

H4{
 font-size:14px;
 display:block;
 margin:0px 0px 10px 0px;
 font-weight:bold;
 color:#5bc8ed;
} 

A{
 color:#00b0eb;
}

	A:hover{
	 color:#292929;
	}

HR{
 color:#E8E1DF;
 background-color:#E8E1DF;
 height:1px;
 border:0px;
}

LEGEND{
 font-size:14px;
 font-weight:bold;
 color:#292929;
}

FIELDSET{
	border:1px solid #dadada;
	background-color:#fafafa;
	padding:10px;
	margin:0px 0px 20px 0px;
}


/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                               */
/* ------------------------------------------------------------------ */

.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
}

.noMargin{
	margin-bottom:0px;
}

.noborder input{clear:both;border-width:0;background-color: transparent;position:relative;left:-5px;font-size:9px;}
.noborder label{clear:both;font-size:11px;}
div.noborder input {border-width:0;background-color: transparent;font-size:11px;}
span.noborder input {border-width:0;background-color: transparent;font-size:11px;}

input, select, textarea {
	border:1px solid #dedede;
	background-color:#FFFFFF;
	color:#696969;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left: 3px;
}

.fieldTitle{
/* display:block;
 font-size:14px;
 color:#4b7390;
 margin:15px 0px 10px 0px;*/
}

.btn{
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:0px 3px;
	cursor:pointer;
	text-align:center;
	background-color: #00b0eb;

	border-bottom: 1px solid #0097e5;
	border-right: 1px solid #0097e5;
	border-left: 1px solid #c2ebf9;
	border-top:1px solid #c2ebf9;
}

	.btn:hover{
		border-top:1px solid #353535;
		border-left:1px solid #353535;
		border-right:1px solid #1c1c1c;
		border-bottom:1px solid #1c1c1c;
		background-color:#292929;
	}

.formulaire{
	padding:0px;
}

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

.formulaire .label{	
	text-align:right;
	font-weight:bold;
	font-size:11px;
}

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

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

	.formulaire .alert{	
		color:red;
	}

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

#infoBulle{
	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;
}

/* */

p {
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}