html{ 
	height:100%; 	
}

body{	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family:Arial;
	font-size:11px;
	color:#626262;
	background:url('images/bg_body.gif') 0 0 repeat-x #FFFFFF;
}
 
#container{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

	#top{
		width:1000px;
		height:240px;
	}
		
		#lang{
			float:right;
			height: 26px;
			width:22px;
			position:relative;
			top:-41px;
			right:350px;
			margin-bottom:-26px;
		}
		
			#lang A{
				display:block;
				float:left;
				width:16px;
				height:11px;
				margin-right:5px;
				margin-top:7px;
			}
		
			#lang A:hover{
				display:block;
				background-color:white;
				width:16px;
				height:11px;
				filter:alpha(opacity=50);  
				-moz-opacity:0.50;
				opacity: 0.50;
			}
		
			#lang .fr{
				background:url('images/flags/fr.gif') 0px 0px no-repeat;
			}
		
			#lang .en{
				background:url('images/flags/en.gif') 0px 0px no-repeat;
			}

		#flashAnim{
			height:240px;
		}

		#menu{
			width:935px;
			height:34px;
			padding:0px 0px 0px 65px;
			position:absolute;
			top:195px;
		}
	
			#menu A{
				display:block;
				height:26px;
				float:left;
				font-size:12px;
				text-transform:uppercase;
				color:#FFFFFF;
				padding:8px 12px 0px 12px;
				*padding:8px 12px 0px 12px;
				_padding: 8px 11px 0px 11px;
			}

			#menu A.mybfs{
				font-size:14px;
				font-weight:bold;
				width: 96px;
				padding: 8px 12px 0px 16px;
				text-shadow: #7c0000 -1px -1px 0px;
				float: right;
				margin: 0px 227px 0px 0px;
				/*background:url('images/bg_myBfs.jpg') 0px 0px repeat-x;*/
			}

					#menu A.mybfs:hover {
						text-shadow: #340000 -1px -1px 0px;
						filter:alpha(opacity=80);  
						-moz-opacity:0.80;
						opacity: 0.80;
						background-color: transparent;
						color: white;
					}

			#menu B{
				float:left;
				width:0px;
				height:34px;
				border-left:1px solid #676767;
				border-right:1px solid #909090;
				*border-left:1px solid #676767;
				*border-right:1px solid #909090;
				_border-left: 0px;
				_border-right:1px solid #676767;
			}

			#menu A:hover{
				color:black;
				background-color:#FFFFFF;
				filter:alpha(opacity=20);  
				-moz-opacity:0.20;
				opacity: 0.20;
				cursor:pointer;
			}

		#page{
			width:880px;
			margin-top:5px;
			margin-left:auto;
			margin-right:auto;
		}
			
#footer{
	width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:10px 0px 20px 0px;
	border-top:1px solid #C7C7C7;
} 
 
.clear{
 clear: both; 
}
 
 /* ***************** MISE EN FORME ************************* */

h1{ 
 font-size:16px;
 display:block; 
 font-weight:normal;
 color:#979797;
 margin:0px 0px 15px 0px;
 padding:2px 5px 2px 5px;
 background:url('images/bg_h1.gif') 0px 0px repeat-x #F3F3F3;
} 

h2{ 
 font-size:13px;
 font-weight:normal;
 display:block;
 color:#D30000;
 margin:0px 0px 15px 0px;
}

h3{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:0px;
 display:block;
 color:#D30000;
 margin:0px 0px 15px 0px;
} 

h4{ 
 font-size:12px;
 font-weight:normal;
 margin-bottom:0px;
 display:inline;
 color:#D30000; 
}
 
A{
 color:#D30000;
 font-weight:normal;
 text-decoration:none;
}

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

HR{
 color:#C7C7C7;
 background-color:#C7C7C7;
 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 {
	background-color: #ffffff;
	border-color: #C7C7C7;
	border-width: 1px;
	border-style: solid;
	font-size:11px;
	margin-bottom:0px;
	color:#626262;
}


.fieldTitle{ 
 font-size:14px;
 font-weight:normal;
 display:block;
 color:#D30000;
 margin:0px 0px 15px 0px;
}

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

.btn:hover{
	border:1px solid #C7C7C7;
	color: white;
	font-size:9px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	background:url('images/bg_buttono.jpg') 0px 0px repeat-x #C7C7C7;
}

.formulaire{
	padding:5px;
	text-align:left;	
	border:#C7C7C7 1px dotted;
}

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

	.formulaire .inputBorder INPUT,	.formulaire .inputBorder TEXTAREA{
		border: #D30000 1px solid;
		COLOR: #D30000;
	}
	
	.formulaire .inputBorder .btn, .formulaire .inputBorder .btn:hover{
		color:#FFFFFF;
	}

	.formulaire .input INPUT{
	}

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

	.formulaire .alert{	
		color:#D30000;
	}


/* ------------- title replace ----------------------- */
div#qTip {
  display: none;
  position: absolute;
  z-index: 1000;
  padding:5px;
  color:#D30000;
  background-color:#FFFFFF;
  border:1px #D30000 solid;
  width:80px;
}


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


#infoBulle{
	/*width:120px;*/
	padding:10px;
	font-size:12px;
	border:1px solid #01aed9;
	color: #6e6e6e;
	visibility:hidden;
	position:absolute;
	z-index: 999;
	margin-left:-25px;
	margin-top:15px;
	text-transform: uppercase;
	background:url('images/bg_infobulle.jpg') bottom repeat-x white;
}



/* ------------------------------------------------------------------ */
/* -                      OVERLAY				                    - */
/* ------------------------------------------------------------------ */

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display:none;
	}