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')
}

/* Products > Products List Pager
-------------------------------------------------------------- */

.pagerTop,
.pagerBottom {
	height: 23px;
	padding: 5px 10px;

	border:1px solid #391c17;

	margin-bottom: 5px;

	font-size: 11px;
}

.pagerBottom {
	margin-top: 5px;
}

	.pagerTop a,
	.pagerBottom a {
		display: inline;
		float: left;
		padding: 2px 4px 0 4px;

		position: relative;
		top: -2px;
		
		color: #4e99bc;
		text-decoration: none;
		text-align: center;
	}
	
	.pagerTop a.current,
	.pagerBottom a.current {

	}

	.pagerTop a.current:hover,
	.pagerBottom a.current:hover {
		
	}

	.pagerTop a:hover,
	.pagerBottom a:hover {
		
	}

	.pagerTop .left,
	.pagerBottom .left {
		width: 33%;
		height: 18px;
		padding-top: 5px;
		float: left;

		text-align: left;
	}

	.pagerTop .center,
	.pagerBottom .center {	
		width: 33%;
		height: 18px;
		float: left;
		padding-top: 5px;

		text-align: center;
	}

	.pagerTop .right,
	.pagerBottom .right {
		width: 33%;
		height: 20px;
		float: right;
		padding-top: 3px;

		text-align: right;
	}

		.pagerTop .right span,
		.pagerBottom .right span {
			float: right;
		}

	.pagerTop .input,
	.pagerBottom .input {
		padding: 0px;
		border-color: #abdef6;
		background-color: #fff;

		font-size: 9px;
		color: #4e99bc;
	}


/* ------------------------------------------------------------------ */
/* -                        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 .tab_list_titre {font-weight: bold;}

.formulaire tr {}

.formulaire td {
	padding:6px;
}

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

	.formulaire .asterisque {
		color:#9ba82a;
		font-size:12px;		
		font-weight:bold;
		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;	
	}