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

body {	
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:0px;
	font-family:Verdana;
	font-size:12px;
	color:#988d8d;
	background:url('images/bg_body.gif') center 0px no-repeat;
}

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

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

	#top {
		width:1000px;
		height:230px;		
	}

		#topMenu {
			width:1000px;
			height:30px;
			background:url('images/bg_topmenu.jpg') 0px 0px no-repeat ;
			overflow:hidden;
		}
							
			#langContainer {
				width:82px;
				height:23px;
				float:left;
				padding:7px 0px 0px 7px;
				margin-left:150px;
			}

				#langContainer .active {
					color:white;
				}

			#tools {
				width:300px;
				height:23px;
				float:right;
				padding-top:7px;
				font-size:10px;
				color:#c7b3ad;
				text-align:right;
				padding-right:20px;
			}

				#tools A {color:#c7b3ad;}
				
				#tools A:hover {text-decoration:underline;}


		#logo {
			width:240px;
			height:200px;
			float:left;
			background:url('images/bg_logo.jpg') 0px 0px no-repeat;
		}

		#banner {
			width:520px;
			height:170px;

			background:white;
		}

		#menu {
			width:520px;
			height:30px;
			_position: relative;
			_top: -2px;
			background:url('images/bg_menu.gif') 0px 0px repeat-x;
		}

			#menu A {
				display:block;
				height:25px;
				float:left;
				border-left:1px solid #afcb06;
				border-right:1px solid #97a602;
				padding:5px 13px 0px 13px;
				font-size:14px;
				color:#ffffff;
			}

			.nl #menu a {
				padding:5px 7px 0px 7px;
			}

				#menu A:hover, 
				#menu .menuActive, 
				#menu .menuResto:hover, 
				#menu .menuRestoActive {
					background:#7e9ab6;
					border-right:1px solid #7e9ab6;
					border-left:1px solid #9bb3cf;
				}

		#lalchimiste {
			display:block;
			width:145px;
			height:100px;
			float:left;
			padding:100px 20px 0px 75px;
			font-size:14px;
			color:#feffea;
			text-align:right;
			cursor:pointer;
			background:url('images/bg_lalchimiste.jpg') 0px 0px no-repeat;
		}

			#lalchimiste:hover {background-position:0px bottom;}

	#superContainerHome #page {
		background:url('images/bg_page.gif') 0px 0px repeat-y;
	}

	#superContainerPage #page {
		background-color: white;
	}
		
		#pageLeft {
			width:240px;
			float:left;
			position:relative;
			top:-30px;
			margin-bottom:-30px;
			background:url('images/bg_pageleft.jpg') 0px 0px no-repeat #718EAE;
		}

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

#footer {
	height:48px;
	font-size:11px;
	border-top:3px solid #988d8d;
	background-color:#dfd6cf;
}

	#footer .leftFooter {
		width:240px;
		height:48px;
		float:left;
	}

	#footer .rightFooter {
		width:740px;
		padding:10px;
		float:left;
	}

		#footer .rightFooter A {color:#8F7D7D;}

		#footer .rightFooter A:hover {text-decoration:underline;}

.clear{clear:both;}

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

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

H1 { 
 font-size:16px;
 display:block; 
 font-weight:normal;
 color:#7e9ab6;
 margin:0px 0px 10px 0px;
 padding:0px;
}

H2{  
 font-size:16px;
 display:block; 
 font-weight:normal;
 color:#b0cb06;
 margin:0px 0px 10px 0px;
 padding:0px;
}

H3 { 
 font-size:14px;
 display:block; 
 font-weight:normal;
 color:#7e9ab6;
 margin:0px 0px 10px 0px;
 padding:0px;
} 

H4 { 
 font-size:14px;
 display:block;
 font-weight:normal;
 color:#b0cb06;
 margin:0px;
 padding:0px;
}

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

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

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


/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                                   */
/* ------------------------------------------------------------------ */
.noclass {
	background-color: #ffffff;
	border-color: #ffffff;
	border-width: 0;
	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 #c6b8b4;
	background-color:#ffffff;
	color:#988d8d;
	font-size:11px;
	font-family:Arial;
	margin-bottom:0px;
	padding-left: 3px;
}

.fieldTitle { 
 font-size:16px;
 display:block; 
 font-weight:normal;
 color:#b0cb06;
 margin:15px 0px 10px 0px;
 padding:0px;
}

.btn {
	padding:1px 5px 0px 5px;
	color:white;
	font-size:10px;
	text-align:center;
	cursor:pointer;
	border:1px solid #9EB502;
	background:url('images/bg_btn_hover.gif') 0px 0px repeat-x #9EB502;
}

.btn:hover {
	padding:1px 5px 0px 5px;
	color:white;
	font-size:10px;
	text-align:center;
	cursor:pointer;
	border:1px solid #7e9ab6;
	background:url('images/bg_btn_hover.gif') 0px 0px repeat-x #90a9c8;
}


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

.formulaireLeft {
	font-size:11px;
}

.formulaireLeft .label {	
	text-align:left;
	font-weight:bold;
}

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

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

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

/*-----*/

.formulaire {
	font-size:11px;
}

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

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

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

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

	.asterisque {
		color:#b0cb06;
		font-size:15px;		
		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{
	max-width:150px;
	padding:10px;
	font-size:12px;
	font-family:arial;
	border:2px solid #8fa9c6;
	background-color:white;
	visibility:hidden;
	position:absolute;
	z-index:100;
	margin-left:-35px;
	margin-top:45px;
}