html{ 
	height:100%;
}

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

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

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

		#lang{
				width:40px;
				height:120px;
				display:block;
				position:absolute;
				margin-left: 883px;
				margin-top: 13px;
			}

				#lang a{
					display:block;
					float:left;
					width:16px;
					height:11px;
					margin-bottom:1px;
					margin-right: 4px;
				}

				#lang .fr{background:url('images/lang_fr.png') 0px 0px no-repeat;}
				#lang .en{background:url('images/lang_en.png') 0px 0px no-repeat;}

					#lang a:hover{
						display:block;
						filter:alpha(opacity=50);  
						-moz-opacity:0.50;
						opacity: 0.50;
					}

	#top{
		height:250px;
		background:url('images/bg_top.jpg') center 0px no-repeat;
	}

	#page{		

		position:relative;
		top:-30px;
		background:url('images/bg_page.gif') 0px 0px no-repeat;
		z-index:1000;
		height:100%;
		margin-bottom:-20px;
		padding-left:70px;
	}
		
		#menu{
			margin-bottom:20px;
		}

			#menu a{
				display:block;
				padding:4px 0px 4px 4px;
				font-size:14px;
				color:#585858;
				text-decoration:none;
				border-bottom:1px solid #d1d1d1;
			}

				#menu a:hover,
				#menu a:hover b{
					color:#ffffff;
					background-color:#0ca9b0;
				}

			#menu b{
				font-size:10px;
				color:#0ca9b0;
			}

		#submenu {
		}

			#submenu a {
			font-size: 11px;
			padding-left: 25px;
			color: #0ca9b0;
			background:url('images/bg_submenu.gif') 14px 9px no-repeat;
			}

			#submenu a:hover {
			background:url('images/bg_submenu_hover.gif') 14px 9px no-repeat;
			color:#ffffff;
			background-color:#0ca9b0;
			}

#footer{
	clear:both;
	width:800px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	font-size:9px;
}


.clear{clear:both;}

.floatleft{float:left;}
.floatright{float:right;}
 
 /* ***************** mise en forme ************************* */

h1{ 
 font-family: arial, helvetica, sans-serif;
 font-size:16px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#0ca9b0;
 font-weight: normal;
} 

h2{ 
 font-size:16px;
 margin:0px 0px 10px 0px;
 display:block; 
 font-weight:normal;
 color:#585858;
 font-family: arial, helvetica, sans-serif;
}

h3{ 
 font-size:14px;
 font-weight:normal;
 margin-bottom:0px;
 display:block;
 color:#0ca9b0; 
 font-family: arial, helvetica, sans-serif;
} 

h4{ 
 font-size:14px;
 font-weight:normal;
 margin-bottom:0px;
 display:inline;
 color:#585858; 
 font-family: arial, helvetica, sans-serif;
}

a{
 color:#0ca9b0;
 font-weight:normal;
 text-decoration:underline;
}

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

	a img {
		border: none;
	}

hr{
 color:#d1d1d1;
 background-color:#d1d1d1;
 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 #D8D6D6;
	background-color:#FFFFFF;
	color:#636363;
	font-size:10px;
	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{
	color:white;
	font-size:9px;
	padding:3px;
	cursor:pointer;
	background:url('images/bg_btn.jpg') 0px 0px repeat-x #0ca9b0;
	text-align:center;
	border: 1px solid #07979d;

}

.btn:hover{
	color: white;
	background-color:#585858;
	border: 1px solid #3a3a3a;
}

.formulaire{
}

	.formulaire TD{
		padding-right:6px;	
	}

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

	.formulaire .asterisque{
		color: #0ca9b0;
		font-size:20px;		
		font-weight:bold;
		width:15px;
		margin:0px;
		padding-left:5px;
		font-family: "Times New Roman", Times, serif;
	}

	.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;
}