html { 
	height:100%;
	background:url('images/bg_html.gif') 0 0 repeat-x #201e20;
}

body {	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a453d;
	background:url('images/bg_body.gif') center 64px no-repeat;
}

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

#container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:4px;
}

	#tools {
		height: 60px;
	}

		#links{
			float:right;
			width:350px;
			height: 19px;
			padding-top: 20px;
			text-align:right;
			color:#c8c8c8;
		}

		#links A {
			font-size:10px;
			color:#c8c8c8;
		}

		#links A:hover {
			font-size:10px;
			color:#525381;
		}

			#lang {
				display: block;
				height: 16px;

				padding-top: 23px;

				width: 36px;
				float: right;
			}

			#lang a {
				display: block;
				width: 16px;
				height: 11px;

				float: right;
			}

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

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

	#top {
		position: relative;
	}

		#banner {
			height:190px;
			background:url('images/bg_banner.jpg') 0px 0px no-repeat;
		}
			
			#banner .backToHome {
				display:block;
				width:330px;
				height:190px;
			}

		#fr #ongletPopUp {
			display:block;
			width:23px;
			height:177px;
			cursor:pointer;
			background:url('images/fr/bg_ongletpopup.gif') 0px 0px no-repeat;

			position:relative;
			top:10px;
			margin-bottom:-177px;
			left:-23px;
			z-index:100;
		}

		#en #ongletPopUp {
			display:block;
			width:23px;
			height:177px;
			cursor:pointer;
			background:url('images/en/bg_ongletpopup.gif') 0px 0px no-repeat;

			position:relative;
			top:10px;
			margin-bottom:-177px;
			left:-23px;
			z-index:100;
		}
	
		#popUp {	
			width:840px;
			height:280px;
			padding:20px;
			border:10px solid #38385a;
			background-color:#ffffff;

			position:absolute;
			z-index:1000;
		}

			#popUp .leftSide {	
				width:280px;
				float:left;  
			}

			#popUp .rightSide {	
				width:540px;
				padding-left:20px;
				float:left;
			}
			
			#popUp .rightSide h1 {	
				font-size:16px;
				text-transform:uppercase;
				color:#000000;
				display:block; 
				font-weight:bold;
				padding:3px 0px;
				margin:5px 0px;
				background-color:#ffffff;
			}
			
		#page {
			width:900px;
			background:url('images/bg_page.gif') 0px 0px repeat-y;
		}

			#pageLeft {
				width:219px;
				float:left;
				margin-right:1px;
			}

				.contactLink {
					display:block;
					height:35px;
					padding:20px 10px 15px 10px;
					font-size:14px;
					color:#c8c8c8;
					border-bottom: 1px solid #3a393a;
				}

					.contactLink:hover {
						color:#ffffff;
						background-color:#525381;
					}

			#pageRight {
				width:680px;
				float:left;
			}		

#footer{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	font-size:10px;
	color:#747374;
	text-align:right;
	background-color: #323032;
}

#footer .paiementMethods {
	width: 219px;
	height: 78px;
	float: left;
	margin: 0 1px 0 0;
	background-color: #3a393a;
}

	#footer .paiementMethods a {
		display: block;
		background: none;
		border: none;
	}

	#footer .paiementMethods img {
		display: block;
		background: none;
		border: none;
	}

#footer .footerLinks {
	width: 226px;
	float: left;
}

	#footer .footerLinks a {
		display: block;
		padding: 3px 10px;
		margin: 0 0 1px 0;
		background-color: #3a393a;

		color: #f2f2f2;
	}

	#footer .footerLinks a:hover {
		background-color: #525381;

		color: #fff;
	}

	#footer b {
		display: block;
		padding: 3px 10px;
		margin: 0 0 1px 0;
		background-color: #454545;

		color: #fff;
	}

	#footer .footerLinksSeparator {
		width: 1px;
		height: 1px;
		float: left;
	}

#footer .footerBottom {
	padding: 10px;
	background-color: #4e4d4e;

	font-size: 10px;
	color: #f2f2f2;
}

#footer .footerBottom a {
	color: #f2f2f2;
	text-decoration:none;
}

#footer .footerBottom a:hover {
	text-decoration: underline;
}

.fbLink {
	display: block;
	width: 82px;
	height: 69px;

	position: absolute;
	z-index: 99;

	margin: 40px 0 0 744px;

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

.clear{clear:both;}

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

H1{ 
 font-size:16px;
 text-transform:uppercase;
 color:#ffffff;
 display:block; 
 font-weight:bold;
 padding:3px 10px;
 margin:5px;
 background-color:#525381;
}

H2{ 
 font-size:14px;
 text-transform:uppercase;
 display:block; 
 font-weight:bold;
 color:#525381;
 margin:0px 0px 10px 0px;
 padding:0px;
}

H3{ 
 font-size:12px;
 text-transform:uppercase;
 display:block; 
 font-weight:bold;
 color:#000000;
 margin:0px 0px 10px 0px;
 padding:0px;
} 

H4{ 
 font-size:12px;
 display:inline;
 color:#ff8021;
 margin:0px;
 padding:0px;
}

A{
 color:#525381;
 font-weight:normal;
 text-decoration:none;
}

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

.white A{
	font-size:10px;
	color:#ffffff;
	text-transform:none;
}

	.white A:hover{text-decoration:underline;}

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


/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                                   */
/* ------------------------------------------------------------------ */
.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
	margin:0px;
}

.noMargin{
	margin: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:9px;}
span.noborder input {border-width:0;background-color: transparent;font-size:9px;}

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

/*-- TO DO --*/
.fieldTitle{ 
 font-size:14px;
 margin-top:15px;
 margin-bottom:10px;
 display:block; 
 font-weight:normal;
 color:#990000;
}
/*-- end --*/

.btn{
	padding:1px 5px 0px 5px;
	color:white;
	font-size:10px;
	text-align:center;
	cursor:pointer;
	border:1px solid #525381;
	background-color:#525381;
}

.btn:hover{
	padding:1px 5px 0px 5px;
	color:white;
	font-size:10px;
	text-align:center;
	cursor:pointer;
	border:1px solid #353655;
	background-color:#353655;
}


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

.formulaire{
	font-size:11px;
}

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

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

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

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

	.formulaire .alert{	
		font-size:11px;
		color:red;
	}

	.alert{	
		font-size:11px;
		color:red;
	}

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

#infoBulle{
	/*width:120px;*/
	padding:5px;
	font-size:10px;
	font-family:arial;
	border:3px solid #525381;
	background-color:white;

	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-25px;
	margin-top:15px;
}