body{
	margin: 0px;
	padding: 0px;
	background: #D9D9D9 url(images/bg-band.gif) repeat-x top left;
	color: #3C769D;
	font-size: 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

img{
	border: none;
	margin: 0px;
}

a{
	text-decoration: underline;
	color: #3C769D;
}
a:hover{
	text-decoration: none;
	color: #1E425B;
}

#shadow{
	position: relative;
	background: url(images/bg-weird-shadow.gif) no-repeat top center;
	margin: 0 auto;
	padding: 0px;
}

#container{
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 776px;
	text-align: center;
	background: url(images/bg-full.gif) repeat-y top center;
}

#seo{
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #767B4B;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
	background: url(images/bg-seo.jpg) top center no-repeat;
}

#seo span{
	padding-top: 4px;
	display: block;
}

.txtBas{
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 26px;
		}
		.txtBas a{
				text-decoration: none;
				color: #666666;
				}
				.txtBas a:hover{
				font-weight: bold;
				color: #666666;
				text-decoration: none;
				}

#main{
	position: relative;
	background: url(images/bg-menu.jpg) no-repeat center top;
	height: 520px;
}
	html>body #main{height: auto; min-height: 520px;} 

#colHolder{	
	clear: left;
	width: 690px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
}

#colLeft{
	width: 254px;
	float: left;
	background: none;
	padding-bottom: 20px;
	position: relative;
}
	#colLeft div.colTop{
		width: 254px;
		background: url(images/col-left-mid.gif) repeat-y top left;
	}
		#colLeft div.colTop div{
			background: url(images/col-left-round-top.jpg) no-repeat top left;
		}
			#colLeft div.colTop div div{
				background: url(images/col-left-but.jpg) no-repeat bottom left;
				padding: 40px 20px 20px 30px;
			}
	#colLeft div.col{
		width: 254px;
		background: url(images/col-left-mid.gif) repeat-y top left;
	}
		#colLeft div.col div{
			background: url(images/col-left-top.jpg) no-repeat top left;
		}
			#colLeft div.col div div{
				background: url(images/col-left-but.jpg) no-repeat bottom left;
				padding: 20px 20px 20px 30px;
			}
				#colLeft div.col div div a{display: block;}
				#colLeft div.col div div h2 a{display: inline;}
	
	#colLeft h1{
		margin: 0px;
		padding: 15px 5px 15px 20px;
		font-size: 14pt;
		text-align: left;
		line-height: 18px;
		clear: left;
	}
	#colLeft h2{
		margin: 0px;
		padding: 0px 10px 0px 10px;
		font-size: 8pt;
		text-align: right;
		clear: both;
	}
		#colLeft h2 img{
			margin: 5px 0px 0px 0px;
		}
		#colLeft h2 a{
			text-decoration: none;
		}
		#colLeft h2 a:hover{
			color: #818657;
		}
		#colLeft h2.switch{
			padding: 0px 0px 5px 0px;
			background: url(images/miniline.gif) bottom right no-repeat;
			font-size: 10px;
			width: 204px;
		}
		#colLeft h2.switch span{
			display: block;
			padding: 0px 10px;
		}
	#news, #news li{
		width: 204px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#news{
		display: block;
		margin-bottom: 20px;
		clear: right;
	}
		#news li{
			clear: right;
			vertical-align: middle;
			width: 204px;
			margin-top: 5px;
		}
		#news li a{
			width: 204px;
			display: block;
			clear: right;
			text-decoration: none;
			
		}
		#news li a:hover{
			color: #818657;
		}
		#news li a span{
			width: 204px;
			cursor: pointer;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			text-align: left;
			vertical-align: middle;
		}
		#news li a:hover span{
			background: url(images/bg-news-o.gif);
		}
		#news li a span span{
			width: auto;
			display: block;
			padding: 10px 0px 5px 8px;
			min-height: 30px;
			background: url(images/bg-news.gif);
		}
		#news li a img{
			float: right;
			display: inline;
			border: 3px solid #76ADD3;
			margin: 0px 5px 5px 5px;
			cursor: pointer;
		}
		#news li a:hover img{
			border: 3px solid #9CA440;
		}
		
	ul.list, ul.list li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		ul.list li a{
			width: 204px;
			display: block;
			text-decoration: none;
		}
		
		ul.list li a.a{background: url(images/bg-list.gif);}
		ul.list li a.a0{background: url(images/bg-list2.gif);}
		ul.list li a:hover{background: url(images/bg-list-o.gif);}
		ul.list li a.selected{background: url(images/bg-list-o.gif);}
		
		ul.list li a span{
			display: block;
			padding: 5px 30px;
			margin: 0px;
			cursor: pointer;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-align: left;
			font-weight: normal;
			background: url(images/bg-arrow.gif) top left no-repeat;
		}
		ul.list li a:hover span, ul.list li a.selected span{
			color: #818657;
			background: url(images/bg-arrow-o.gif) top left no-repeat;
		}
		ul.list li a.selected span{font-weight: bold;}
	
	#scrollbtns{
		padding: 0px; 
		margin: 0px; 
		display: block; 
		width: 204px;
	}	
	#scrollbtns a{
		float: left;
		cursor: pointer;
	}
	#scrollbtns a img{cursor: pointer;}
	
.ecas1{
	margin: 50px 0px 0px 0px; 
	}
.ecas1, .ecas2, .ecas2 a{
	color: #9ea374;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.ecas2{
	font-size: 10px;
	font-weight: normal;
	margin-top: 10px;
	}
.lnkOr{
	font-size: 10px;
	color: #a6ab7f;
	}
.ecas2 a, a.lnkOr{
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
	}

	.ecas2 a:hover, .lnkOr a:hover{
		text-decoration: none;
		color: #a6ab7f;
		}
a.lnkrapid{
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #a6ab7f;
	cursor: default;
	}
	
a:hover.lnkrapid{
	color: #a6ab7f;
	cursor: default;
	}
	
	
#colRight{
	width: 436px;
	float: right;
	margin: 21px 0px 20px 0px;
	text-align: left;
	font-size: 14px;
}
	#colRight h5{
		font-size: 10px;
		text-align: right;
		padding: 0px 20px 0px 0px;
		margin: 0px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	#colRight h5 a{
		color: #B6BA97;
		text-decoration: none;
	}
	#colRight h5 a:hover{
		text-decoration: underline;
	}
	
	#social{
		overflow: auto;
		padding: 0;
		width: 100%;
	}
	#social a{
		float: right;
		margin-right: 20px;
	}
	#social .social{
		background: url(/images/social-icons.gif) 0 0 no-repeat;
		float: left;
		height: 16px;
		margin-right: 9px;
		width: 16px;
	}
	#social .social:hover{background-position: 0 -36px;}
	#social span.social{
		background: none;
		margin-right: 5px;
		overflow: hidden;
		width: 5px;
	}
	#social .social span{display: none;}
	#social .twitter{background-position: -31px 0;}
	#social .twitter:hover{background-position: -31px -36px;}
	
	#colRight div.colTop{
		width: 436px;
		background: url(images/col-right-mid.gif) repeat-y top left;
	}
		#colRight div.colTop div{
			background: url(images/col-right-round-top.jpg) no-repeat top left;
		}
			#colRight div.colTop div div{
				background: url(images/col-right-but.jpg) no-repeat bottom left;
				padding: 40px 39px 30px 39px;
			}
				#colRight div.colTop div div div.teaser{
					width: 356px;
					background: url(images/teaser-mid.gif) repeat-y top left;
					padding: 0px;
					margin: 0px;
				}
				#colRight div.colTop div div div.teaser2{
					background: url(images/teaser-mid2.gif) repeat-y top left;
				}
					#colRight div.colTop div div div.teaser div{
						background: url(images/teaser-top.gif) no-repeat top left;
						padding: 0px;
						margin: 0px;
					}
						#colRight div.colTop div div div.teaser2 div{
							background: url(images/teaser-top2.gif) no-repeat top left;
						}
						#colRight div.colTop div div div.teaser div div{
							background: url(images/teaser-but.gif) no-repeat bottom left;
							padding: 13px 13px 13px 13px;
							margin: 0px;
						}
						#colRight div.colTop div div div.teaser2 div div{
							background: url(images/teaser-but2.gif) no-repeat bottom left;
						}
							#colRight div.colTop div div div.teaser div div span{
								float: left;
								width: 228px;
								text-align: left;
								display: block;
								color: #9EA374;
							}
							#colRight div.colTop div div div.teaser div div span.img{
								background-repeat: no-repeat;
								width: 102px;
							}
							#colRight div.colTop div div div.teaser div div span.img img{border-right: 3px solid #BDC0A8;}
							#colRight div.colTop div div div.teaser div div h3{
								margin: 0px;
								font-size: 10pt;
								padding: 0px 0px 0px 5px;
								color: #9EA374;
							}
							#colRight div.colTop div div div.teaser div div h3 a{
								font-size: 9pt;
								color: #9EA374;
								text-decoration: none;
							}
								#colRight div.colTop div div div.teaser div div h3.bleu a{
									color:#3c89c5;
									font-size:14px;
								}
							#colRight div.colTop div div div.teaser div div p{
								margin: 0px;
								font-size: 11px;
								padding: 0px 0px 0px 5px;
								text-align: left;
							}
							#colRight div.colTop div div div.teaser div div p.link{padding-top: 5px;}
							#colRight div.colTop div div div.teaser div div a{
								color: #44491B;
								text-decoration: underline;
							}
							#colRight div.colTop div div div.teaser div div a:hover{
								color: #5D6233;
								text-decoration: none;
							}
					#colRight div.colTop div div div.teaser table{margin-top: 8px;}
					#colRight div.colTop div div div.teaser table td{
						font-size: 9px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						padding-bottom: 10px;
					}
					#colRight div.colTop div div div.teaser table tr.nav td{
						font-weight: bold;
						padding: 5px 10px 5px 10px;
						border-top: 2px solid #E7E8DC;
						background: #FAFBF5;
					}
					#colRight div.colTop div div div.teaser table tr.nav td a{
						text-decoration: none;
						color: #9EA374;
					}
					#colRight div.colTop div div div.teaser table tr.nav td a:hover{
						text-decoration: none;
						color: #44491B;
					}
						#colRight div.colTop div div div.teaser table td span{
							margin: 0px;
							padding: 0px;
							width: 100px;
							background: none;
							display: block;
							float: none;
							cursor: pointer;
							text-align: center;
						}
	#colRight p{
		text-align: justify;
		font-size: 14px;
		line-height: 18px;
		margin: 0px;
		padding: 5px 0px 10px 0px;
	}
	#colRight	p.mini, .mini{
		font-size:12px;
	}
	
	#colRight ul, #colRight ul li{
		width: 356px;
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	#colRight ul li span{
		display: block;
		background: url(images/bullet01.gif) top left no-repeat;
		padding: 0px 0px 5px 22px;
	}
	#colRight ul.boldVert li span {
		list-style:none;
		background: url(images/listBleu.gif) top left no-repeat;
		padding: 2px 30px;
		color:#9da373;
		font-weight:bold;
	}
	#colRight ul.boldBleu li span {
		list-style:none;
		background: url(images/listVert.gif) top left no-repeat;
		padding: 2px 30px;
		color:#3d749b;
		font-weight:bold;
	}
	#colRight ul.designGraphique{
		padding-bottom:110px;
		background:url(images/design-graphique2.jpg) 145px bottom no-repeat;
	}
	
	#colRight ul li a span{
		text-decoration: underline;
	}
	#colRight ul li a:hover span{
		color: #818657;
		background: url(images/bullet01-o.gif) top left no-repeat;
		text-decoration: none;
	}
		#colRight ul.boldBleu li a:hover span{
			color: #9da373;
			background: url(images/listBleu.gif) top left no-repeat;
			text-decoration: none;
		}
	#colRight h1{
		text-align: left;
		font-size: 14pt;
		line-height: 22px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
		clear: left;
	}
	#colRight h1 strong{
		font-size: 15pt;
		color: #265A7E;
	}
		#colRight h1 .vert{
			font-size: 11pt;
			color: #818657;
		}
	#colRight h2, #colRight h4{
		text-align: left;
		font-size: 12pt;
		line-height: 18px;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 5px 0px;
		clear: left;
		border-bottom: 1px dashed #B6BA97;
		color: #818657;
	}

	
	#colRight h2 strong{
		font-size: 13pt;
	}
	
	
		#colRight h4{
			border-bottom: none;
			margin: 14px 0px 4px 0px;
			padding: 0px;
			}
	
	
	#colRight span.real{
		display: block; 
		width: 356px; 
		height: 260px;
		background-position: bottom right;
		background-repeat: no-repeat;
	}
		html>body #colRight span.real {height: auto; min-height: 260px;} 
		
		#colRight span.real span{
			display: block; 
			width: 170px;
			padding-bottom: 50px;
		}
		#colRight span.real h2{
			margin: 0px 0px 5px 0px;
			padding: 10px 0px 5px 0px;
			font-size: 11pt;
			width: 170px;
		}
		#colRight span.real span a{
			font-size: 11px;
			font-weight: bold;
			display: inline;
			margin: 10px 0px;
		}
	#colRight span.twoCols{
		display: block; 
		width: 356px;
		font-size: 12px;
		clear: left;
	}
	#colRight span.twoCols span{
		float: left;
		display: block;
	}
		
	#colRight table{margin-top: 8px;}
		#colRight  table td{
			font-size: 9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		#colRight  table tr.nav td{
			border-top: 1px solid #818657;
			padding: 5px 10px;
			background: #EDEEE5;
			font-weight: bold;
		}
		#colRight  table tr.nav td a{
			color: #818657;
			text-decoration: none;
		}
		#colRight  table tr.nav td a:hover{
			color: #51552B;
			text-decoration: none;
		}
			#colRight table td span{
				margin: 0px;
				padding: 0px;
				width: 100px;
				background: none;
				display: block;
				float: none;
				cursor: pointer;
				text-align: center;
				margin-bottom: 20px;
			}	
			#colRight table td img{margin-bottom: 5px;}
			#colRight table td a span{text-decoration: underline;}
			#colRight table td a:hover span{text-decoration: none;}			

.div1{
	padding: 0px 0px 22px 0px;
	font-weight: bold;
	
	}
	ul.liSitMapPos li{
		margin: 0px 0px 0px 20px;
		line-height: 6px;
		}

#menu{
	position: relative;
	z-index: 200;
	padding: 20px 28px 0px 28px;
	margin: 0 auto;
	clear: left;
	float: none;	
}

#nav {
	z-index: 200;
}

#nav, #nav li ul{
	padding: 0;
 	margin: 0;
 	list-style: none;
}

#nav li{
	float: left;
	position: relative;
}
#nav li b{
	display: block;
	float: left;
	width: 20px;
	height: 29px;
	font-size: 9px;
	background: url(images/bg-sep.gif) no-repeat top left;
}
/************* 1er Niveau *************/
#nav li a{
 	display: block;
 	float: left;
 	color: #818657;
	font-size: 10pt;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	text-decoration: none;
 	height: 29px;
	width: 128px;
}
#nav li a:hover{
 	background: url(images/bg-menu-o.gif) no-repeat;
 	color: #51552B;
}
#nav li a span{
 	padding: 6px 0px 0px 0px;
 	display: block;
 	cursor: pointer;
}

/************* 2eme Niveau *************/
#nav li ul{
   	position: absolute; 
  	top: 29px;
 	left: -999em;
 	width: 180px;
	background: #EDEEE6 url(images/bg-smenu.gif) repeat-x bottom;
	border: 2px solid #FFFFFF;
}
#nav li ul li{
 	position: relative;
 	float: none;
	border-left: 2px solid #B6BA97;
	border-right: 2px solid #B6BA97;
	border-bottom: 1px solid #FFFFFF;
}
#nav li ul li.top{
	border-top: 2px solid #B6BA97;
}

#nav li ul li.but{
	border-bottom: 2px solid #B6BA97;
}
#nav li ul li a{
	display: block;
 	float: none;
	text-decoration: none;
 	width: 176px;
	height: auto;
}
#nav li ul li a:hover{
 	background: #C7CC8E;/*#CAD286;*/
 	color: #FFFFFF;
}
#nav li ul li a span{
	 font-size: 8pt;
	 padding: 5px 0px;
}

/************* 3eme Niveau *************/
#nav li ul li ul {
   	position: absolute; 
   	top: 0px;
 	left: -999em;
 	margin-left: 180px;
 	width: 180px;
}
#nav li ul li ul li a {
 	background: #CCCCFF;
}
#nav li ul li ul li a:hover, #nav li ul li ul li a.selected {
 	background: #000099;
	color: #FFFFFF;
}

/************* Affichage des sous menus *************/
#nav li:hover ul li ul, #nav li:hover ul li ul li ul, #nav li.sfhover ul li ul, #nav li.sfhover ul li ul li ul {
 	left: -999em;
}

#nav li:hover ul, #nav li ul li:hover ul, #nav li ul li ul li:hover ul, #nav li.sfhover ul, #nav li ul li.sfhover ul, #nav li ul li ul li.sfhover ul { /* lists nested under hovered list items */
 	left: -26px;
	z-index: 99;
}

#footer{
	margin: 0px auto;
	padding: 0px;
	width: 776px;
	background: url(images/bg-footer.gif) no-repeat center bottom;
	color: #F5F6F1;
	height: 53px;
}
	html>body #footer{height: auto; min-height: 53px;}

	#footer div{
		margin-left: 53px;
		float: left;
		display: inline;
	}
	#footer h5{
		margin: 7px 63px 0px 0px;
		padding: 0px;
		font-size: 11px;
		font-weight: normal;
		float: right;
		display: inline;
	}
	#footer h2.switch{
			margin: 7px 3px 0px 0px;
			font-size: 11px;
			font-weight: normal;
			float: right;
			display: inline;
		}
	#footer a{
		text-decoration: underline;
		color: #F5F6F1;
	}
	#footer a:hover{
		text-decoration: none;
		color: #696F3E;
	}
	
#altmenu{
	margin: 0 auto;
	padding: 0px;
	background: #D9D9D9;
	width: 776px;
	padding-bottom: 30px;
}
#altmenu div{
	margin: 0 auto;
	padding: 0px;
	width: 710px;
	text-align: center;
}
#altnav, #altnav li, #altnav ul, #altnav div {
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	display: inline;
	text-align: center;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
	#altnav li {
		padding: 0px 5px;
		line-height: 15px;
	}
	#altnav li b {
		display: none;
	}
	#altnav a{
		white-space: nowrap;
		color: #666666;
		text-decoration: underline;
	}
	#altnav a:hover{
		color: #333333;
		text-decoration: none;
	}
#altnav #partenaires{font-weight: bold; color: #717171;}
#altnav #partenaires a{font-weight: normal; text-decoration: none;}

#colRight #plan{
	margin: 0px;
	padding: 0px;
	width: 356px;
}
	#colRight #plan li{
		width: auto;
		margin: 0px 0px 15px 20px;
		padding: 0px;
		list-style: disc outside;
	}
	#colRight #plan li div{
		background: none;
		padding: 0px;
		margin: 0px;
		display: inline;
	}
	#colRight #plan li a{
		width: auto;
		display: inline;
	}
	#colRight #plan li a span{
		display: inline;
		font-weight: bold;
		font-size: 14px;
		color: #3C769D;
	}
	#colRight #plan li a:hover span{
		color: #818657;
	}
	#colRight #plan li span{
		display: inline;
		padding: 0px;
		background: none;
		font-size: 11px;
		color: #666666;
	}
	#colRight #plan li ul{width: auto; margin: 10px 0px 20px 0px;}
	#colRight #plan li ul li{list-style: circle outside;}
	
	/* COULEURS */
	.bleu{
		color:#3c779f;
	}
	
	/* FORM */
	#postbox label{
		/*float: left; */
		width: 250px; 
		display: block; 
		margin: 3px 0 0 0;
	}
	#postbox input {
		width: 230px;
		/*float: left; */
		margin: 0 0 5px 0;
		border: 1px solid #b6ba97;
		border-left: 3px solid #b6ba97;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		padding: 3px;
	}
	#postbox input#envoyer {
		width: auto; 
		padding: 5px 10px; 
		font: 12px Verdana, Arial, Helvetica, sans-serif; 
		background: #edeee5;
		border: 2px solid #b6ba97; 
		color: #3c769d;
		cursor: pointer;
		clear:both;
		float:right;
	}
	
	#postbox input:hover#envoyer {background: #6899ba; color: #fff;}
	
	small{
		line-height:12px;
	}
	
	img.teaser_demenagement {position:absolute;right:-58px;top:-50px;float:left;}