/* © xHtml Master 2007 - 2008 */
body {
	background:#518339;
	color:#666666;
	font:11px Arial, Helvetica, sans-serif;
}
a {
	color:#666666;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#header {
	background:url(../img/bg-header.jpg) no-repeat top center;
	height:475px;
}
	#header .wrap {
		height:475px;
		position:relative;
	}
	#header h1 {
		padding-top:20px;
		padding-bottom:48px;
	}
		#header h1 a {
			display:block;
			font-size:0em;
			line-height:0em;
			text-indent:-10000000px;
		}
		#header h1 img,
		#header a.button img {
			margin:0 auto;
			text-align:center;
		}
		#header h1 img,
		#header h2 img,
		#header a.button img {
			display:block;
		}
	#header h2 {
		padding-left:480px;
		padding-bottom:144px;
		font-size:0em;
		line-height:0em;
		text-indent:-10000000px;
	}
	#header a.button {
		display:block;
		font-size:0em;
		line-height:0em;
		text-indent:-10000000px;
	}
	
	#header ul {
		position:absolute;
		bottom:7px;
		left:24px;
	}	
		#header ul li {
			background:url(../img/menu-s.gif) no-repeat 7px 27px;
			display:block;
			float:left;
			padding-left:26px;
		}
		#header ul li#m1 {
			padding-left:0;
			background:none;
		}
			#header ul li a {
				display:block;
				float:left;
				font-size:0em;
				line-height:0em;
				text-indent:-1000000px;
				height:66px;
			}
				#header ul li a img {
					display:block;
					padding-top:25px;
				}
			#header ul li#m1 a:hover,
			#header ul li#m1 a.active {
				background:url(../img/m1.png) no-repeat top center;
			} 
			#header ul li#m2 a:hover,
			#header ul li#m2 a.active {
				background:url(../img/m2.png) no-repeat top center;
			}
			#header ul li#m3 a:hover,
			#header ul li#m3 a.active {
				background:url(../img/m3.png) no-repeat top center;
			}
			#header ul li#m4 a:hover,
			#header ul li#m4 a.active {
				background:url(../img/m4.png) no-repeat top center;
			}
			#header ul li#m5 a:hover,
			#header ul li#m5 a.active {
				background:url(../img/m5.png) no-repeat top center;
			}
			#header ul li#m6 a:hover,
			#header ul li#m6 a.active {
				background:url(../img/m6.png) no-repeat top center;
			}
			#header ul li#m7 a:hover,
			#header ul li#m7 a.active {
				background:url(../img/m7.png) no-repeat top center;
			}

#content {
	background:#fff;
}
	#content .separator {
		display:block;
		margin:0 auto;
		text-align:center;
		padding-bottom:25px;
	}

#sidebar {
	width:156px;
	float:left;
	background:url(../img/bg-sidebar.gif) no-repeat top right;
	padding-left:34px;
	padding-bottom:20px;
}
#sidebar.nobg {
background:none;
}
	#sidebar ul {
		padding-left:18px;
		padding-right:12px;
		padding-top:7px;
	}
		#sidebar ul li {
			display:block;
			background:url(../img/line.gif) repeat-x top;
			font-size:12px;
			font-weight:bold;
		}
		#sidebar ul li.first {
			background:none;
		}
			#sidebar ul li a {
				display:block;
				padding-bottom:7px;
				padding-top:7px;
				_height:1%;
				text-decoration:none;
				color:#666666;
			}
			#sidebar ul li a.active {
				color:#376023;
			}
			#sidebar ul li a:hover,
			#sidebar ul li a.active {
				color:#376023;
			}
			
			#sidebar ul li ul {
			padding-left:18px;
			padding-right:12px;
			padding-top:0px;
			padding-bottom:7px;
			}
				#sidebar ul li ul li {
				display:block;
				background:none;
				font-size:11px;
				font-weight:normal;
				}
					#sidebar ul li ul li a {
					padding-bottom:3px;
					padding-top:3px;
					color:#666666;
					}
						#sidebar ul li ul li a.active {
						color:#376023;
						}
			
#page {
	width:532px;
	float:left;
	padding-left:10px;
	padding-bottom:20px;
}
	#page h2 {
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
	}
		#page h2 img {
			display:block;
		}
	#page h4 {
		font-size:14px;
		font-weight:bold;
		padding-bottom:5px;
	}
	#page img.left {
		display:block;
		padding-right:10px;
	}
	#page div.img-left {
		float:left;
		display:block;
		padding-right:10px;
	}
	#page div.img-right {
		float:right;
		display:block;
		padding-left:10px;
	}
	#page p {
		font-size:11px;
		line-height:140%;
		padding-bottom:18px;
	}
	#page a {
		font-weight:bold;
	}
	#page .links {
		line-height:140%;
		padding-bottom:18px;
		text-align:right;
	}
		#page .links a {
			padding-left:14px;
			background: url(../img/bullet.gif) no-repeat 0 3px;
			text-decoration:none;
		}
		#page .links a:hover {
			text-decoration:underline;
		}
	
	#page ul{
	margin-left:16px;
	line-height:20px;
	}
	#page ul li{
	list-style:circle;
	}
	
	#page #moteurgeneral a{
	position:relative;
	}
	
	#page select.filtre,
	#page select.filtre option{
	font-size:11px;
	color:#666;
	}
	#page #plansite ol li{
	margin-left:16px;
	font-size:14px;
	}
	#page #plansite ol li a{
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#376023;
	}
	#page #plansite ol li ul{
	margin-bottom:8px;
	}
	#page #plansite ol li ul li{
	margin-left:16px;
	font-size:12px;
	}
	#page #plansite ol li ul li a{
	text-transform:none;
	text-decoration:none;
	color:#666666;
	}
	#page #plansite ol li ul li ul{
	margin-bottom:0px;
	}
	#page #plansite ol li ul li ul li{
	font-size:12px;
	}
	#page #plansite ol li ul li ul li a{
	font-weight:normal;
	}
	
	#page #pagination ul li{
	display:inline;
	padding:0px;
	}

#contact {
		width:520px;
		padding-bottom:20px;
	}
		#contact h6 {
			font-size:13px;
			font-weight:bold;
			color:#666;
			padding-top:5px;
			padding-bottom:10px;
		}
		#contact label {
			font-size:11px;
			font-weight:bold;
			color:#666;
			display:block;
			padding-bottom:2px;
		}
		#contact input.img {
			float:right;
			cursor:pointer;		
		}
		#contact small {
			float:left;
			font-size:11px;
			font-weight:bold;
			color:#444448;
		}
		#contact div.i1 {
			background:url(../img/bg-input1.gif) no-repeat;
			width:323px;
			height:23px;	
			padding:7px 5px 0 5px;
			margin-bottom:5px;
		}
		#contact div.i2 {
			background:url(../img/bg-input2.gif) no-repeat;
			width:215px;
			height:23px;	
			padding:7px 5px 0 5px;
			margin-bottom:5px;
		}
		#contact div.i3 {
			background:url(../img/bg-input3.gif) no-repeat;
			width:510px;
			height:23px;	
			padding:7px 5px 0 5px;
			margin-bottom:5px;
		}
			#contact div.i1 input,
			#contact div.i2 input,
			#contact div.i3 input {
				width:100%;
				border:0;
				font:11px Arial, Helvetica, sans-serif;
				color:#666;
				background:none;
				outline:none;
			}
		#contact div.i4 {
			background: url(../img/bg-textarea.gif) no-repeat;
			width:510px;
			height:144px;
			padding:7px 5px 0 5px;
			margin-bottom:5px;
		}
			#contact div.i4 textarea {
				width:100%;
				border:0;
				font:11px Arial, Helvetica, sans-serif;
				color:#666;
				background:none;
				height:138px;
				outline:none;
			}
		#contact input.submit {
			text-decoration:none;
			float:right;
			color:#376023;
			background:#fff;
			border:none;
			font:bold 14px Arial, Helvetica, sans-serif;
			cursor:pointer;
		}

#sidebar2 {
	float:right;
	width:170px;
	padding-right:36px;
	padding-bottom:20px;
	padding-top:10px;
}
	#sidebar2 #search {
		background:url(../img/sidebar-sep.gif) no-repeat left bottom;
		padding-bottom:12px;
		margin-bottom:12px;
		padding-left:10px;
	}
		#sidebar2 #search div {
			background:url(../img/bg-search.gif) no-repeat;
			width:145px;
			height:27px;
		}
		#sidebar2 #search input.text {
			background:none;
			border:0;
			width:117px;
			padding:6px 3px 0 3px;
			text-align:center;
			font:11px Arial, Helvetica, sans-serif;
			color:#666666;	
			display:block;
			float:left;
		}
		#sidebar2 #search input.img {
			width:20px;
			height:27px;
			background:none;
			border:0;
			float:right;
			cursor:pointer;
		}
	
	#sidebar2 .box {
		background:url(../img/sidebar-sep.gif) no-repeat left bottom;
		padding-bottom:18px;
		margin-bottom:20px;
	}
	#sidebar2 .box.nosep {
		background:none;
		padding-bottom:18px;
		margin-bottom:20px;
	}
		#sidebar2 .box p {
			padding-bottom:0;
			text-align:justify;
		}
		#sidebar2 .box a {
			font-weight:bold;
		}
		#sidebar2 .box small {
			font-size:12px;
			font-weight:bold;
			text-align:right;
			display:block;
			line-height:140%;
		}
				#sidebar2 .box small em {
					font-size:11px;
					font-weight:normal;
				}
		#sidebar2 .box img.left {
			display:block;
			padding-right:8px;
		}
		
		#sidebar2 .box  .links {
		line-height:140%;
		padding-bottom:18px;
		text-align:right;
		}
		#sidebar2 .box  .links a {
		padding-left:14px;
		background: url(../img/bullet.gif) no-repeat 0 3px;
		text-decoration:none;
		}
		#sidebar2 .box  .links a:hover {
		text-decoration:underline;
		}
		
		
	#sidebar2 h3 {
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
		padding-bottom:4px;
	}
		#sidebar2 h3 img {
			display:block;
		}
	#sidebar2 h4 {
		font-size:14px;
		font-weight:bold;
		padding-bottom:3px;
	}
	#sidebar2 p {
		font-size:11px;
		line-height:140%;
		padding-bottom:10px;		
	}

	.cols {
		width:960px;
		padding-bottom:20px;
	}
		.cols h2,
		.cols h3 {
			font-size:0em;
			line-height:0em;
			text-indent:-1000000px;
		}
			.cols h2 img,
			.cols h3 img {
				display:block;
			}
		
		.cols p {
			font-size:11px;
			line-height:140%;
			padding-bottom:8px;
			text-align:justify;
		}
		.colA {
			padding-left:36px;
			width:377px;
			float:left;
		}
			.colA div#slider {
				position:relative;
				overflow:hidden;
				width:377px;
				height:156px;
				z-index:2;
			}
			.colA div#slider div#slider-items {
				position:absolute;
				width:9999px;
				z-index:1;
			}
			.colA div#slider div#slider-items div.slider-item {
				float:left;
				width:377px;
				height:156px;
				display:block;
			}
			
			.colA h2 {
				padding-bottom:10px;
			}
			.colA h4 {
				font-size:18px;
				color:#666666;
				padding-bottom:5px;
				padding-left:12px;
			}
			.colA  img.left {
				display:block;
				padding-left:7px;
				padding-bottom:8px;
			}
			.colA  div.img-left {
				float:left;
				display:block;
				padding-left:7px;
				padding-bottom:8px;
			}
			.colA  div.right {
				width:215px;
				padding-bottom:8px;
				padding-top:8px;
			}
			.colC a.link {
				font-size:16px;
				font-weight:bold;
				color:#666;
				text-decoration:none;
			}
			.colA a.left, .colA a.right {
				display:block;
				font-size:0em;
				line-height:0em;
				text-indent:-1000000px;
			}
				.colA a.left img, .colA a.right img, .colC  a.link img {
					display:block;
				}
		.colB {
			padding-left:20px;
			width:262px;
			float:left;
		}
		.colC {
			width:215px;
			padding-right:20px;
			float:right;
		}
			colC h2 {
				padding-bottom:8px;
			}
			.colC div.left {
				width:85px;
				padding-top:15px;
				padding-bottom:20px;
			}
			.colC  img.right {
				display:block;
				padding-bottom:20px;
				margin-left:10px;
			}
	
#footer {
	background:url(../img/bg-footer.jpg) no-repeat top center;
	height:150px;
}
	#footer p.left {
		padding-top:30px;
		padding-left:48px;
		font-size:10px;
		color:#fff;
	}
	#footer ul.right {
		padding-right:44px;
		padding-top:30px;
		font-size:10px;
		color:#fff;
	}
		#footer ul.right li {
			display:inline;
		}
			#footer ul.right li a {
				color:#fff;
				text-decoration:none;
			}
			#footer ul.right li a:hover,
			#footer ul.right li a.active {
				text-decoration:underline;
			}

