html {
	height:100%;
}

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

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

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

.btn_facebook {
	display: block;
	width: 36px;
	height: 135px;
	outline: 0;

	position: absolute;
	position: fixed;
	right: 0;
	top: 200px;
}

	.btn_facebook img { border: 0px solid #fff; }

	#top {
		height:180px;
	}

		#top .logo {
			width:230px;
			height:155px;
			display:block;
			float:left;
			background:url('images/bg_logo.jpg') 0px 0px no-repeat;
		}
		
		#banner {
			width:630px;
			height:155px;
			float:left;
			
			background:url('images/bg_banner.jpg') 0px 0px no-repeat;
		}

			#langContainer {
				width:114px;
				height:17px;
				padding:1px 20px 0px 6px;
				margin-top:10px;
				margin-bottom:10px;
				font-size:11px;
				color:#d1cbc8;
				background:url('images/bg_lang.gif') 0px 0px no-repeat;
				cursor:pointer;
				margin-left:450px;
			}

				#lang {		
					width:140px;
					position:absolute;
					margin-left:-5px !important;
					margin-left:-90px;
					margin-top:5px !important;
					margin-top:20px;
				}

					#lang A {
						display:block;
						background:url('images/bg_langa.gif') 0px 0px no-repeat;
						color:white;
						margin-top:1px;
						padding:1px 10px 0px 6px;						
						height:17px;
						cursor:pointer;
					}

					#lang A:hover {					
						color:orange;
					}

		#topMenu {
			height:25px;
			float:right;
			border-left:1px solid #f06700;
		}

			#topMenu A {
				height:20px;
				display:block;
				float:left;
				font-size:11px;
				color:#fee4d1;
				padding:5px 10px 0px 10px;
				border-left:1px solid #ff8021;
				border-right:1px solid #f06700;
			}

				#topMenu A:hover {
					background:url('images/bg_topmenu_a.gif') 0px 0px repeat-x;
				}

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

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

		.calendarPng {z-index: 1;position: relative;top: 4px;}

		#pageRight {
			width:599px;
			float:left;
			padding:15px;
			_padding: 8px;
			_padding-left: 15px;
			_width: 596px;
			background:url('images/bg_pageright.gif') 0px 0px repeat-x;
		}

#footer {
	height:100px;
	margin-left:auto;
	margin-right:auto;
	color:#baaca6;
	padding-top:10px;
	font-size:11px;
	background:url('images/bg_footer.gif') 0px 0px repeat-x #6e5950;
} 

	#footer A {color:#baaca6;}
	#footer A:hover {color:#ff8021;}	

	#footer .leftFooter {
		float:left;
	}

	#footer .rightFooter {
		float:right;
		text-align:right;
		padding-top:26px;
	}
 
.clear{clear:both;}

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

h1 { 
 font-size:18px;
 display:block; 
 font-weight:normal;
 color:#a08f88;
 margin:0px 0px 10px 0px;
 padding:0px;
 border-bottom:1px solid #dad3d0;
}

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

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

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

a{
 color:#ff8021;
 font-weight:normal;
 text-decoration:none;
}

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

hr{
 color:#dad3d0;
 background-color:#dad3d0;
 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 #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 #dad3d0;
	background:url('images/bg_btn.gif') 0px 0px repeat-x #826a61;
}

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


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

.formulaire {
	font-size:11px;
	border:1px solid #dad3d0;
	padding:10px;
	margin-bottom:15px;
}

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

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

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

	.asterisque {
		color: #ff8021;
		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:10px;
	font-size:12px;
	font-family:arial;
	border:2px solid #ff8021;
	background-color:white;

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


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

#overlay{ 
	  display: none;
	  background-color:black;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  position: expression('absolute');
	  height: expression(document.documentElement.scrollHeight+'px');
	  width: expression(document.documentElement.scrollWidth+'px');
	  z-index: 800;
	  filter:alpha(opacity=50);  
	  -moz-opacity:0.50;
	  opacity: 0.50;
}

/* ------------------------------------------------------------------ */
/*                           DHTMLTOOLTIP  	                          */
/* ------------------------------------------------------------------ */

#dhtmltooltip{
	position: absolute;
	background-color:white;
	visibility: hidden;
	z-index: 900;
}

.dhtmltooltip_inner{
	border: 1px solid #D7D4CD;	
	background-color:#FFFFFF;		
	padding-top:4px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
	position:relative;
}