html{
	height: 100%;
	margin:0px;
	padding:0px;
}

body{
	margin:0px;
	padding:0px;
	height: 100%;
	margin-bottom:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#7f594e;
	background:url('images/bg_defaultcolor.gif') 0px -230px repeat-x #2b140f;
}
	
	.defaultColor{background:url('images/bg_defaultcolor.gif') 0px -230px repeat-x #2b140f;}
	.atHomeColor{background:url('images/bg_athomecolor.gif') 0px 0px repeat-x #792632;}
	.officeColor{background:url('images/bg_officecolor.gif') 0px 0px repeat-x #9c1d00;}
	.professionalColor{background:url('images/bg_professionalcolor.gif') 0px 0px repeat-x #1c4111;}
	.manoColor{background:url('images/bg_manocolor.gif') 0px 0px repeat-x #0981b7;}
	.origineColor{background:url('images/bg_originecolor.gif') 0px 0px repeat-x #212121;}

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

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

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

	#lang {
			height:19px;
			width:120px;
			display:block;
			float:right;
			position:relative;
			top:70px;
			left: -50px;
			margin-bottom:-70px;
		}

			#lang A {
				display:block;
				float:left;
				width:20px;
				height:16px;
				margin-bottom:1px;
				padding: 3px 0px 0px 3px;
				background:url('images/bg_lang.jpg') 0px 0px no-repeat;
				float: left;
				margin-right: 2px;
			}

				#lang A:hover{
					display:block;
					width:20px;
					height:16px;
					filter:alpha(opacity=50);  
					-moz-opacity:0.50;
					opacity: 0.50;
				}

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

	#top{
		width:910px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
	}

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

		#logo{
			width:136px;
			height:136px;
			float:left;
			position:absolute;
			z-index:20;
			margin-left:25px;
		}

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

		#menu{
			float:right;
			height:55px;
			position:relative;
			z-index:20;	
			padding-right:25px;
		}

			#menu A{
				display:block;
				float:left;
				height:23px;
				color:#23100C;
				margin-left:5px;
				width:110px;
				background:url('images/bg_menu_a.jpg') 0px -53px no-repeat;
				text-align:center;
				padding-top:30px;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
			}

				#menu .btn1{background:url('images/bg_menu_btn1.jpg') 0px -53px no-repeat;}
				#menu .btn2{background:url('images/bg_menu_btn2.jpg') 0px -53px no-repeat;}
				#menu .btn3{background:url('images/bg_menu_btn3.jpg') 0px -53px no-repeat;}
				#menu .btn4{background:url('images/bg_menu_btn4.jpg') 0px -53px no-repeat;}
				#menu .btn5{background:url('images/bg_menu_btn5.jpg') 0px -53px no-repeat;}
				#menu .btn6{background:url('images/bg_menu_btn6.jpg') 0px -53px no-repeat;}

				.de #menu .btn6 {
					padding-top: 15px;
					height: 38px;
				}


			#menu A:hover,
			#menu .menuActive{
				color:white;
				background-position:0px 0px;
			}

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

		#banner{
			width:910px;
			margin-left:auto;
			margin-right:auto;
		}

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

		#pageTitle{
			width:286px;
			height:71px;
			float:right;
			position:relative;
			top:-215px;
			margin-bottom:-71px;
			right:-15px;
			z-index:15;
		}

		#pageTitleManomano{
			width:242px;
			height:207px;
			float:right;
			position:relative;
			top:-245px;
			margin-bottom:-207px;
			right:-20px;
			z-index:15;
		}

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

		#subMenu{
			height:31px;
			position:absolute;
			margin-top:-22px;
			margin-bottom:-0px;
			z-index:15;
			margin-left:25px;
		}

			#subMenu .leftCorner{
				width:7px;
				height:30px;
				float:left;
				background:url('images/submenu_corner_left.gif') 0px 0px no-repeat;
			}

			#subMenu .center{
				height:30px;
				float:left;
				background:url('images/bg_submenu.gif') 0px 0px repeat-x;
			}

			#subMenu .rightCorner{
				width:7px;
				height:30px;
				float:left;
				background:url('images/submenu_corner_right.gif') 0px 0px no-repeat;
			}

			#subMenu A{
				display:block;
				float:left;
				padding:6px 15px 7px 15px;
				color:#ffffff;
				border-left:1px solid #96a229;
				border-right:1px solid #727b1f;
				text-decoration:none;
				font-weight:normal;
			}

				#subMenu A:hover,
				#subMenu .subActive{
					font-weight:normal;
					background:url('images/bg_submenuhover.gif') 0px 0px repeat-x;
				}

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

		#page{
			width:910px;			
			margin-left:auto;
			margin-right:auto;
		}

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

#footer{
	height:37px;
	padding-top:10px;
	color:#ffffff;
	font-size:11px;
	background:url('images/bg_footer.gif') 0px 0px repeat-x;
	position: relative;
	z-index:10;
	_margin-bottom:-1px;
	*margin-bottom:-19px;
}

#footerContainer {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}
	
	#footer A{
		color:#ffffff;
		text-decoration:none;
	}

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


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

.clear{clear:both;}

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

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

H1{
 display:block;
 font-size:20px;
 font-family:Tahoma, Geneva, sans-serif;
 font-weight:normal;
 color:#7f594e;
 margin:0px 0px 10px 0px;
} 

H2{
 display:block;
 font-size:17px;
 font-family:Tahoma, Geneva, sans-serif;
 font-weight:normal;
 color:#7f594e;
 margin:0px 0px 10px 0px;
}

H3{ 
 display:block;
 font-size:15px;
 font-family:Tahoma, Geneva, sans-serif;
 font-weight:normal;
 color:#98A529;
 margin:0px 0px 10px 0px;
} 

H4{ 
 display:block;
 font-size:14px;
 font-family:Tahoma, Geneva, sans-serif;
 font-weight:normal;
 color:#98A529;
 margin:0px 0px 5px 0px;
}

A{
 color:#98A529;
 font-weight:normal;
}

	A:hover{
	 color:#5C3A31;
	}

	.btnLink{
		display:block;
		color:white;
		font-size:14px;
		padding:5px 0px;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
		border-top:1px solid #7c574d;
		border-left:1px solid #7c574d;
		border-right:1px solid #452922;
		border-bottom:1px solid #452922;
		background-color:#5C3A31;		
	}

		.btnLink:hover{
			border-top:1px solid #b0be3d;
			border-left:1px solid #b0be3d;
			border-right:1px solid #7b861a;
			border-bottom:1px solid #7b861a;
			background-color:#98A529;
		}

	A IMG{
		cursor:pointer;
		border:0px solid #ffffff;
	}

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


UL{
	list-style-image: url('images/ul.jpg')
}


/* ------------------------------------------------------------------ */
/* -                        FORMULAIRES                               */
/* ------------------------------------------------------------------ */

.noclass {
	background-color: transparent;
	border-color: transparent;
	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:10px;}
div.noborder input {border-width:0;background-color: transparent;font-size:11px;}
span.noborder input {border-width:0;background-color: transparent;font-size:11px;}

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

.fieldTitle{
 display: block;
 margin: 15px 0px 10px 0px;

 color: #fff;
 font-size: 14px;
}

.btn{
	color:white;
	font-size:12px;
	font-weight:bold;
	padding: 4px 10px;
	cursor:pointer;
	text-align:center;
	border-top:1px solid #b0be3d;
	border-left:1px solid #b0be3d;
	border-right:1px solid #7b861a;
	border-bottom:1px solid #7b861a;
	background-color:#98A529;
}

	.btn:hover{
		border-top:1px solid #7c574d;
		border-left:1px solid #7c574d;
		border-right:1px solid #452922;
		border-bottom:1px solid #452922;
		background-color:#5C3A31;
	}

.formulaire{
	background-color: transparent;
}

.formulaire TD{
	padding:6px;
	padding-bottom:0px;
}

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

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

	.formulaire .alert{	
		color:red;
	}

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

#infoBulle{
	font-size:12px;
	position:absolute;
	z-index:999;
	visibility: hidden;
	margin-left:-25px;
	margin-top:0px;
	padding:20px;
	background-color:#309fd1;
	color:#f6fafc;
	border:10px solid #ffffff;
	width:150px;
}

	#infobulle a {
		color: #a0b41a;	
	}