/* © xHtml Master 2007 - 2008 */
body {
	background:url(../img/bg.gif) repeat-x top;
	color:#575549;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
a {
	text-decoration:none;
	color:#8a9500;
}
a:hover {
	text-decoration:underline;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:0em;
}

#header {

}
	#header .wrap {
		width:960px;
		height:75px;
		text-align:left;
		margin:0 auto;
	}
	#header h1 {
		float:left;
		padding-top:5px;
		padding-left:4px;
	}
		#header h1 a {
			display:block;
			font-size:0em;
			text-indent:-1000000px;
			line-height:0em;
		}
		#header h1 img {
			display:block;
		}
	#header ul {
		float:right;
		padding-right:10px;
		padding-top:25px;
	}
		#header ul li {
			display:block;
			float:left;
			padding-left:4px;
		}
			#header ul li a {
				display:block;
				float:left;
				font-size:0em;
				text-indent:-1000000px;
				height:48px;
			}
			#header ul li a:hover, #header ul li a.active {
				background:url(../img/arrow.gif) no-repeat bottom center;
			}
				#header ul li a img {
					display:block;
				}

#content {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
}
	#content .flash {
		text-align:center;
		padding-bottom:10px;
	}
		#content .flash img {
			display:block;
			margin:0 auto;
		}

#page {
	width:482px;
	float:left;
	font-size:12px;
}
	#page .breadcrumb {
		padding-bottom:10px;
		font-size:11px;
		color:#6c6a5b;
	}
		#page .breadcrumb a {
			color:#6c6a5b;
			text-decoration:none;
		}
		#page .breadcrumb a:hover {
			text-decoration:underline;
		}
		#page .breadcrumb span {
			color:#6c6a5b;
		}
	
	#page h2 {
		font: normal 30px/32px "Trebuchet MS", Verdana, sans-serif;
		padding-bottom:5px;
		color:#829501;
	}
	#page h3 {
		font-size:14px;
		padding-bottom:14px;
		color:#575549;
	}
	#page h4 {
		font:normal 18px "Trebuchet MS", Verdana, sans-serif;
		color:#829501;
	}
		
	#page p {
		line-height:140%;
		padding-bottom:14px;
	}
		#page p a {
			text-decoration:none;
			border-bottom:dotted 1px #829501;
		}
		#page p a:hover {
			border-bottom:solid 1px #829501;
		}
	#page ul {
		padding-left:7px;	
	}
		#page ul li {
			background:url(../img/arrow-5.gif) no-repeat 0 4px;
			line-height:140%;
			padding-left:12px;
			/*padding-bottom:12px;*/
		}
			#page ul ul {
				padding-top:12px;
				padding-left:20px;
			}
				#page ul ul li {
					background:url(../img/bullet.gif) no-repeat 0 5px;
					padding-left:10px;
				}
				
	#page img.left {
		display:block;
		padding-right:10px;
	}
	#page img.center {
		display:block;
		margin:0 auto;
		padding-bottom:5px;
	}
	
	#page a.link {
		font-size:11px;
		color:#829501;
		background:url(../img/arrow-2.gif) no-repeat 0 5px;
		padding-left:10px;
		text-decoration:none;
		display:block;
		margin-bottom:7px;
		border-bottom:0;
	}
	#page a.link:hover {
		text-decoration:underline;
		border-bottom:0;
	}
	
	#page form .left,
	#page form .right {
		width:230px
	}
	#page label {
		display:block;
		font-size:10px;
		font-weight:bold;
		color:#575549;
		padding-bottom:4px;
	}
		#page label strong {
			background:#b3bb0b url(../img/arrow-3.gif) no-repeat  left center;
			padding-left:11px;
			color:#fff;
			font-size:10px;
		}
	#page input.text {
		display:block;
		margin-bottom:12px;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color:#575549;
		border:solid 1px #808080;
		width:470px;
		padding:2px 5px;
	}
	#page input.stext {
		display:block;
		margin-bottom:12px;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color:#575549;
		border:solid 1px #808080;
		width:218px;
		padding:2px 5px;
	}
	#page form textarea {
		display:block;
		margin-bottom:12px;
		font:11px Verdana, Arial, Helvetica, sans-serif;
		color:#575549;
		border:solid 1px #808080;
		width:470px;
		height:76px;
		padding:2px 5px;
	}
	
	#page form button {
		border:0;
		overflow:visible;
		float:right;
		background:url(../img/bg-button.gif) no-repeat;
		width:110px;
		height:21px;
		font:bold 14px Verdana, Arial, Helvetica, sans-serif;
		color:#fff;
		cursor:pointer;
	}

#sidebar {
	width:213px;
	float:left;
	padding-right:26px;
	padding-top:60px;
}
	#sidebar h5 {
		background:url(../img/dots.gif) repeat-x bottom;
		font:18px "Trebuchet MS", Verdana, sans-serif;
		color:#6c6a5b;
		padding-bottom:5px;
		margin-bottom:10px;
	}
	#sidebar ul {
		width:213px;
		padding-bottom:12px;
	}
		#sidebar ul li {
			padding-bottom:12px;
		}
			#sidebar ul li a {
				display:block;
				text-decoration:none;
				font-size:11px;
				font-weight:bold;
				color:#829501;
			}
				#sidebar ul li a span {
					display:block;
					cursor:pointer;
					background:url(../img/menu-arrow.gif) no-repeat 0 1px;
					padding-left:21px;
					min-height:16px;
					_height:16px;
					padding-bottom:3px;
				}
			#sidebar ul li a:hover,
			#sidebar ul li a.active {
				background:url(../img/menu-activ-top.gif) no-repeat top;
				color:#fff;
			}
				#sidebar ul li a:hover span,
				#sidebar ul li a.active span {
					background:url(../img/menu-activ-bottom.gif) no-repeat bottom;
				}

#sidebar2 {
	float:right;
	width:220px;
	padding-top:60px;
}
	#sidebar2 .box {
		border-left:solid 5px #a7b60c;
		padding-left:15px;
		margin-bottom:40px;
		width:200px;	
	}
		#sidebar2 .box img {
			display:block;
			padding-bottom:5px;
		}
	#sidebar2 h5 {
		font:18px/18px "Trebuchet MS", Verdana, sans-serif;
		color:#829501;
		padding-bottom:5px;
	}
	#sidebar2 p {
		line-height:150%;
	}
	#sidebar2 a.link {
		font-size:11px;
		font-weight:bold;
		color:#829501;
		background:url(../img/arrow-2.gif) no-repeat 0 5px;
		padding-left:10px;
		text-decoration:none;
	}
	#sidebar2 a.link:hover {
		text-decoration:underline;
	}

#footer {
	background:url(../img/bg-footer.jpg) no-repeat top;
	height:256px;
}
	#footer .wrap {
		width:960px;
		margin:0 auto;
		text-align:left;
		padding-top:39px;
	}
	
	#footer h6 {
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
	}
		#footer h6 img {
			display:block;
		}
	
	#footer .colA {
		width:222px;
		float:left;
		padding-left:9px;	
		padding-right:17px;
		padding-bottom:10px;
	}
		#footer .colA h6 {
			padding-bottom:16px;
		}
		#footer .colA img.left {
			display:block;
		}
		#footer .colA blockquote {
			display:block;
			float:right;
			padding-top:30px;
			background:url(../img/quot-1.gif) no-repeat 0 0;
			width:120px;
		}
			#footer .colA blockquote p {
				background:url(../img/quot-2.gif) no-repeat bottom right;
				font:14px/150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color:#444141;
				height:100px;
				text-indent:10px;
			}
	#footer .colB {
		width:225px;
		float:left;
		padding-right:12px;
		padding-bottom:10px;
	}
		#footer .colB form {
			background:url(../img/poll.gif) no-repeat top;
			width:225px;
			height:147px;
		}
			#footer .colB p {
				font:18px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				padding-left:10px;
				padding-top:15px;
				height:47px;
			}
			#footer .colB div div {
				padding-left:50px;
				font:17px/17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				color:#575549;
				padding-bottom:5px;
			}
			#footer .colB label {
				display:block;
				font:14px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				padding-bottom:5px;
				padding-left:50px;
			}
	#footer .colC {
		width:215px;
		float:left;	
		padding-bottom:10px;
	}
		#footer .colC h6 {
			margin-bottom:15px;
		}
		#footer .colC a {
			display:block;
			background:url(../img/warrow.gif) no-repeat 0 4px;
			width:180px;
			padding-left:12px;
			padding-right:10px;
			padding-bottom:7px;
			margin-left:15px;
			text-decoration:none;
			color:#333131;
		}
		#footer .colC a:hover {
			color:#fff;
		}
		#footer .colC .dots {
			display:block;
			height:1px;
			width:200px;
			background:	 url(../img/dots2.gif) repeat-x bottom;
			margin-bottom:7px;
			margin-left:15px;
		}
	#footer .colD {
		float:right;
		width:226px;
		padding-right:5px;
		padding-bottom:10px;
	}
		#footer .colD h6 {
			padding-bottom:5px;
		}
		#footer .colD p {
			padding-left:28px;
			font-size:11px;
			font-weight:bold;
			color:#575549;
			line-height:200%;
		}
		#footer .colD form {
			padding-left:17px;
			text-align:right;
			height:67px;
		}
			#footer .colD form input.text {
				display:block;
				float:left;
				background:url(../img/bg-input.gif) repeat-x top;
				border:solid 1px #707a00;
				font-size:11px;
				color:#575549;
				width:74px;
				padding:2px;
				margin-left:10px;
			}
			#footer .colD form input.img {
				display:block;
				float:left;
				margin-bottom:5px;
			}
			#footer .colD form a {
				padding-right:30px;
				background: url(../img/arrow-4.gif) no-repeat 0 5px;
				padding-left:10px;
				color:#575549;
			}
	
	#footer small {
		display:block;
		margin:0 auto;
		width:240px;
		text-align:center;
		border-top:solid 1px #95a200;
	}
		#footer small a {
			padding:0 5px;
			font-size:10px;
			color:#768000;
			text-decoration:none;
		}
		#footer small a:hover {
			color:#fff;
		}

		a.srub
		{
			color:#6c6a5b;
		}
		
		#page label.reponse
		{
			font-size:1.3em;
		}

/* ideal */

div#guide div.guide-1{
background:url(../img/guide-1.jpg);
width:467px;
height:32px;
}
div#guide div.guide-2{
background:url(../img/guide-2.jpg);
width:285px;
padding-left:72px;
padding-right:110px;
color:#fff;
font-size:12px;
}
div#guide div.guide-3{
background:url(../img/guide-3.jpg);
width:467px;
height:76px;
}
div#guide div.guide-4{
background:url(../img/guide-4.jpg);
width:251px;
padding-left:130px;
padding-right:86px;
}
div#guide div.guide-5{
background:url(../img/guide-5.jpg);
width:467px;
height:232px;
}

div#guide div.guide-6{
background:url(../img/guide-6.jpg) no-repeat top;
width:467px;
padding-top:50px;
}
div#guide div.guide-7{
background:url(../img/guide-7.jpg) no-repeat 0px 102px;
width:329px;
height:102px;
display:table;
padding-left:70px;
padding-right:68px;
color:#fff;
text-align:justify;
font-size:12px;
}
div#guide div.guide-7 a{
color:#fff;
border-bottom:1px dotted #fff;
}
div#guide div.guide-8{
background:url(../img/guide-8.jpg);
width:467px;
height:288px;
}

a.haut{
float:right;
color:#4299b0;
}