/* © xHtml Master 2007 - 2008 */
body {
	background:#f4f4f4;
	color:#444448;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
}
a {
	color:#dd6017;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.block {
	display:block;
}
.more {
	text-align:right;
}
.more a {
	background:url(../img/arrow.gif) no-repeat 0 5px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding-left:9px;
}
.more a:hover {
	color:#000;
}

#container {
	background:url(../img/bg-header.jpg) no-repeat top center;
}

#header {
	width:960px;
	margin:0 auto;
	text-align:left;
	height:101px;
	overflow:hidden;
}
	#header h1 {
		float:left;
		padding-top:42px;
		padding-left:35px;
	}
	#header h2 {
		padding-top:52px;
		float:right;
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
	}
		#header h1 img,
		#header h2 img {
			display:block;
		}
		#header h1 a {
			display:block;			
			font-size:0em;
			line-height:0em;
			text-indent:-1000000px;
		}
		
#nav {
	background:url(../img/bg-nav.png) no-repeat;
	height:74px;
	width:960px;
	margin:0 auto;
	text-align:left;
}	
	#nav ul {
		padding-top:13px;
		height:45px;
		padding-left:34px;
	}
		#nav ul li {
			display:block;
			float:left;
		}
			#nav ul li a {
				background-position:top;
				background-repeat:no-repeat;
				display:block;
				float:left;
				font-size:0em;
				text-indent:-1000000px;
				line-height:0em;
				height:45px;
			}
			#nav ul li a:hover {
				background-position:bottom;
			}
			#nav ul li a.active {
				background-position:center;
			}
			#nav ul li#m1 a {
				background-image:url(../img/fr/m1.gif);
				width:141px;
			}
			#nav ul li#m2 a {
				background-image:url(../img/fr/m2.gif);
				width:191px;
			}
			#nav ul li#m3 a {
				background-image:url(../img/fr/m3.gif);
				width:118px;
			}
			#nav ul li#m4 a {
				background-image:url(../img/fr/m4.gif);
				width:122px;
			}
			#nav ul li#m5 a {
				background-image:url(../img/fr/m5.gif);
				width:170px;
			}
			#nav ul li#m6 a {
				background-image:url(../img/fr/m6.gif);
				width:148px;
			}
			
#subnav {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-bottom:18px;
	padding-top:8px;
}
	#subnav #colA {
		float:left;
		padding-left:9px;
		width:605px;
	}
		#subnav #colA h3 {
			margin-bottom:-10px;
		}
		#subnav #colA h3.left {
			padding-top:18px;
			margin-bottom:0;
			padding-left:75px;
		} 
			#subnav #colA h3 a {
				display:block;
				font-size:0em;
				line-height:0em;
				text-indent:-100000px;
			}
			#subnav #colA h3 img {
				display:block;
			}
		#subnav #colA p {
			color:#fff;
			padding-bottom:11px;
			line-height:140%;
			padding-left:36px;
		}
		#subnav #colA .dots {
			display:block;
			background:url(../img/dots.gif) repeat-x;
			width:569px;
			height:1px;
			margin-left:36px;
		}
	#subnav #colB {
		float:right;
		width:254px;
		padding-right:55px;
	}
	#subnav #colB a.logo img {
		display:block;
		margin:0 auto;
		text-align:center;
	}
	
	#newsletter {
		background:url(../img/fr/bg-newsletter.png) no-repeat;
		width:254px;
		height:88px;
		margin-bottom:5px;
	}
		#newsletter label {
			display:block;
			font-size:0em;
			text-indent:-1000000px;
			line-height:0em;
		}
		#newsletter input.text {
			font:11px Arial, Helvetica, sans-serif;
			color:#191919;
			display:block;
			float:left;
			border:0;
			background:none;
			margin-top:55px;
			margin-left:22px;
			width:185px;
		}
		#newsletter input.img {
			display:block;
			cursor:pointer;
			background:none;
			width:18px;
			height:18px;
			border:0;
			margin-top:53px;
			margin-left:8px;	
			float:left;
		}
			
#content {
	background:url(../img/bg-content.gif) no-repeat bottom center #fff;
}
#content .bgcontent {
	background:url(../img/content-gradient.gif) repeat-x top;
	padding-top:1px;
}
#content .bgpage {
	background:url(../img/bg-page.gif) no-repeat top center;
	width:976px;
	margin:0 auto;
}

#content .wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#home {
	background:url(../img/bg-home.gif) no-repeat 0 606px;
	width:960px;
	padding-bottom:50px;
}
	#home #colhA {
		padding-left:10px;
		padding-top:10px;
		float:left;
		width:582px;
	}
		#home #colhA img.left {
			display:block;
		}
		#home #colhA .right {
			width:352px;
		}
		#home #colhA p {
			line-height:140%;
			padding-bottom:10px;
		}
			#home #colhA p strong {
				font-size:12px;
			}
		#home #colhA h2 {
			font-size:18px;
			font-weight:bold;
			color:#dd6017;
			padding-bottom:12px;
		}
		#home #colhA h3 {
			font-size:15px;
			font-weight:bold;
			color:#444448;
			padding-bottom:7px;
		}
			#home #colhA h3 span {
				float:right;
				font-size:12px;
				font-style:italic;
				font-weight:bold;
				color:#dd6017;
			}
	#home #colhB {
		float:right;
		padding-right:10px;
		width:328px;
		padding-top:38px;
	}
		#home #colhB .news {
			width:328px;
			padding-bottom:10px;
		}
			#home #colhB .news h4 {
				font-size:15px;
				font-weight:bold;
				color:#444448;
			}
				#home #colhB .news h4 span {
					font-size:16px;
					font-weight:bold;
					color:#dd6017;
				}
			#home #colhB .news p {
				line-height:130%;
				padding-bottom:2px;
				color:#555355;
			}
			
#sidebar {
	float:left;
	width:201px;
	margin-top:-19px;
}
	#sidebar .top {
		display:block;
	}
	#sidebar #recherche {
	background:url(../img/bg-input4.gif) no-repeat;
	width:141px;
	height:24px;
	display:block;
	padding:2px 0px 0px 8px;
	margin-left:20px;
	}
	#sidebar #recherche input.text {
		font:11px Arial, Helvetica, sans-serif;
		color:#191919;
		display:block;
		float:left;
		border:0;
		background:transparent;
		margin-right:4px;
		margin-top:2px;
		width:114px;
	}
	#sidebar #recherche input.img {
		display:block;
		cursor:pointer;
		width:18px;
		height:18px;
		border:0;
		float:left;
		background:url(../img/valid.gif) no-repeat;
	}
	
	#sidebar ul {
		padding-left:10px;
		width:175px;
		margin-bottom:40px;
	}
		#sidebar ul li {
			background:url(../img/dots-2.gif) repeat-x bottom;
			display:block;
			padding-bottom:1px;
		}
			#sidebar ul li a {
				display:block;
				text-decoration:none;
				height:26px;
				line-height:26px;
				padding-left:20px;
				font-size:12px;
				color:#1e1e1e;
				text-decoration:none;
				text-transform:uppercase;
				font-weight:bold;
			}
			#sidebar  ul li a:hover,
			#sidebar  ul li a.active  {
				background:#1e1e1e;
				color:#fff;
			}
	#sidebar a.button img {
		display:block;	
		padding-left:15px;
		padding-bottom:18px;
	}
	
#page {
	float:left;
	width:564px;
	padding-top:20px;
	padding-bottom:20px;
}
	#page .breadcrumb {
		font-size:11px;
		padding-bottom:11px;
		color:#444448;
	}
		#page .breadcrumb a {
			text-decoration:none;
			color:#444448;
		}
		#page .breadcrumb a:hover {
			color:#000;
		}
		#page .breadcrumb span {
			font-size:11px;
			color:#444448;
		}
	#page h2 {
		font-size:22px;
		font-weight:bold;
		color:#dd6017;
		padding-bottom:7px;
	}
	#page h3 {
		font-size:16px;
		font-weight:bold;
		color:#444448;
		padding-bottom:7px;
	}
	#page p {
		line-height:140%;
		padding-bottom:11px;
		text-align:justify;
	}
		#page p a {
			text-decoration:none;	
			font-weight:bold;
		}
		#page p a:hover {
			text-decoration:underline;
		}
	#page ul {
		padding-bottom:11px;
		overflow:auto;
	}
	#page ul li {
		background:url(../img/bullet.gif) no-repeat 0 5px;
		padding-left:10px;
		line-height:140%;
	}
	#page div.vleft {
		display:block;
		float:left;
		padding:0 25px 15px 0;
	}
	#page div.vright {
		display:block;
		float:right;
		padding:0 0 15px 25px;
	}
	#page div.vcenter {
		display:block;
		padding:0 0 15px 0;
		text-align:center;
	}
	#page img.separator {
		background:url(../img/bg-separator.gif) no-repeat top center;
		height:5px;
		width:100%;
		display:block;
		margin-bottom:20px;
		margin-top:9px;
		clear:both;
	}
	#page img.space {
		height:20px;
		width:100%;
		display:block;
	}
	
	.photos {
		width:100%;
		padding-bottom:20px;
	} 
		.photos div {
			background: url(../img/bg-imgb.gif) no-repeat bottom right;
			width:154px;
			height:129px;
			float:left;
			padding-left:42px;
		}
		.photos div.first {
			padding-left:11px;
		}
			#page .photos img.separator {
				margin-top:15px;
				margin-bottom:12px;
			}
			.photos div img.img {
				display:block;
			}
			.photos div a.left {
				background:url(../img/arrow2.gif) no-repeat 0 9px;
				padding-left:9px;
				line-height:22px;
				font-size:14px;
				font-weight:bold;
				color:#fff;
				display:block;
				margin-left:9px;
				text-decoration:none;
			}
			.photos div a.left:hover {
				color:#ccc;
			}
			.photos div a.right img {
				display:block;
				padding-right:11px;
				padding-top:4px;
			}
	
	#page .pager {
		text-align:center;
		width:100%;
	}
		#page .pager span a {
			text-decoration:none;
			color:#444448;
			font-size:12px;
			font-weight:bold;
		}
		#page .pager span a:hover,
		#page .pager span a.active {
			color:#dd6017;
		}
		#page .pager a.left {
			background:url(../img/arrow-l.gif) no-repeat left center;
			padding-left:16px;
			font-size:12px;
			font-weight:bold;
			color:#444448;
			text-decoration:none;
		}
		#page .pager a.left:hover {
			color:#000;
		}
		#page .pager a.right {
			background:url(../img/arrow-r.gif) no-repeat right center;
			padding-right:16px;
			font-size:12px;
			font-weight:bold;
			color:#444448;
			text-decoration:none;
		}
		#page .pager a.right:hover {
			color:#000;
		}
		
	#contact {
		width:520px;
		padding-bottom:20px;
	}
		#contact h6 {
			font-size:13px;
			font-weight:bold;
			color:#dd6017;
			padding-top:5px;
			padding-bottom:10px;
		}
		#contact label {
			font-size:11px;
			font-weight:bold;
			color:#444448;
			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:bold 12px Arial, Helvetica, sans-serif;
				color:#444448;
				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:bold 12px Arial, Helvetica, sans-serif;
				color:#444448;
				background:none;
				height:138px;
				outline:none;
			}
	
#sidebar2 {
	float:right;
	width:176px;
	padding-top:36px;
	border-right:3px;
}
	#sidebar2 a.img img {
		display:block;
		padding-bottom:20px;
	}
	#sidebar2 .box {
		width:171px;		
		margin-bottom:25px;
	}
		#sidebar2 .box .iico {
			position:absolute;
			top:-12px;
			left:-5px;
		}
		#sidebar2 .box .ico {
			clear:both;
			color:#1e1e1e;
			font-size:16px;
			font-weight:bold;
			line-height:30px;
			padding-bottom:5px;
		}
			#sidebar2 .box .ico img {
				display:block;
				float:left;	
				padding-right:5px;
			}
			#sidebar2 .box .ico a {
				text-decoration:none;
			}
		#sidebar2 .box .boxbg {
			background:url(../img/bc.gif) repeat-y top;
			position:relative;
			padding:0 12px;
		}
		#sidebar2 .box h3 {
			color:#dd6017;
			font-size:16px;
			font-weight:bold;
			padding-bottom:5px;
		}
		#sidebar2 .box h4 {
			font-size:16px;
			font-weight:bold;
			text-align:center;
			color:#252525;
			padding:5px 0;
		}
			#sidebar2 .box h4 a {
				text-decoration:none;
			}
			#sidebar2 .box h4 a:hover {
				color:#252525;
			}
	#sidebar2 .annexe {

	}
	#sidebar2 .annexe h4{
		font-weight:bold;
		margin:0px 5px 4px 0px;
	}
	#sidebar2 .annexe p{
		margin:0px 5px 4px 0px;
		text-align:justify;
	}
	#sidebar2 .annexe ul.liens li a{
		padding-left:10px;
		text-decoration:none;
		background:url(../img/arrow.gif) no-repeat 0px 5px;
	}
			
#footer {
	background:url(../img/bg-footer.gif) no-repeat top;
	width:976px;
	height:100px;
	text-align:left;
	margin:0 auto;
}
	#footer .left {
		padding-left:18px;
		width:455px;
		padding-top:18px;
	}
	#footer .logo {
		float:left;
		display:block;
		padding-top:20px;
	}
		#footer .logo img {
			display:block;
			padding-right:14px;
		}
	#footer p {
		font-size:10px;
		font-weight:bold;
		color:#1f2022;
	}
		#footer p a {
			text-decoration:none;
			color:#1f2022;
		}
		#footer p a:hover {
			text-decoration:underline;
		}
	#footer small {
		padding-left:14px;
		font-size:10px;
		font-weight:bold;
		color:#666666;
	}
	#footer ul {
		float:right;
		padding-right:18px;
		padding-top:33px;
	}
		#footer ul li {
			display:inline;
			font-size:10px;
			font-weight:bold;
			color:#666666;
		}
			#footer ul li a {
				text-decoration:none;
				color:#666666;
			}
			#footer ul li a:hover {
				text-decoration:underline;
			}
			
#plansite ol li{

}
#plansite ol li a{
font-weight:bold;
text-transform:uppercase;
}
#plansite ol li ul li{

}
#plansite ol li ul li a{
font-weight:normal;
text-transform:none;
}