body{
	margin: 0px;
	padding: 0px 0px 15px 0px;
	background: #6384AA;
	text-align: center;
	color: #3C4E64;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
form{
	margin: 0px;
}
a{
	color: #1E2732;
	text-decoration: underline;
}
a:hover{
	color: #6384AA;
	text-decoration: underline;
}
img{border: none;}
#holder{
	margin: 0 auto;
	padding: 0px;
	width: 776px;
	background: #3C4E64;
}
#border{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 20px;
	border: 3px solid #9EA7B2;
	border-top: none;
	text-align: left;
}
#header{
	background: url(images/bg-header.jpg) no-repeat;
	height: 196px;
	text-align: left;
}
	#header h1{
		font-size: 9px;
		font-weight: bold;
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}
	#header h1 a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#header h1 a:hover{
		color: #F6C658;
		text-decoration: none;
	}
#main{
	margin: 0px;
	padding: 0px;
	background: url(images/bg-full.gif) repeat-y;
	width: 710px;
	height: 500px;
}
	html>body #main{height: auto; min-height: 500px;}

#seo{
	height: 22px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	background: url(images/bg-seo.jpg) right bottom no-repeat;
	color: #8A95A2;
}
	html>body #seo{height: auto; min-height: 22px;}
#seo h1{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-align: right;
	float: left;
	width: 470px;
}
#seo h2{
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 225px;
}
#seo h2 a{
	color: #C5CAD1;
	text-decoration: none;
}
#seo h2 a:hover{
	color: #F6C658;
	text-decoration: none;
}

#colLeft, #colLeftfull{
	float: left;
	width: 481px;
}
#colLeftfull{
	width: 690px;
}
	#colLeft h1, #colLeftfull h1{
		background: #6384AA url(images/bg-h1.gif) right repeat-y;
		font-size: 19pt;
		color: #FFFFFF;
		padding: 10px 20px 5px 20px;
		margin: 0px 0px 0px 22px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-style: italic;
	}
	#page{
		margin: 0px 0px 0px 22px;
		padding: 5px 15px 15px 15px;
		border: 2px solid #FFFFFF;
		border-left: none;
		background: #F1F3F4;
	}
	#page h2{
		font-size: 12pt;
		color: #3C4E64;
		padding: 15px 5px 0px 5px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#page h2 small{
		font-size: 12px;
		font-weight: normal;
		display: block;
	}
	#page p{
		margin: 0px;
		padding: 15px 5px 5px 5px;
		text-align: justify;
	}
	#page blockquote{
		margin: 15px 5px 5px 5px;
		padding: 10px;
		border: 1px solid #D3D7DC;
		background: #E9EBED;
	}
	#page ul{
		list-style: outside square;
	}
	#page ul li, #page ol li{
		padding: 0px 0px 20px 0px;
	}
	#page ol li.selected{
		font-size: 12pt;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	#page ol li.selected h2{
		padding: 0px 0px 10px 0px;
	}
	#page ol li.selected p{
		margin: 0px;
		padding: 0px 0px 10px 0px;
		text-align: justify;
		font-weight: normal;
		font-size: 10pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#colRight{
	float: right;
	width: 229px;
}
	#colRight h1{
		background: url(images/colright-header.jpg) bottom left no-repeat;
		color: #FFFFFF;
		margin: 0px 22px 0px 20px;
		padding: 40px 12px 8px 12px;
		font-size: 15pt;
		font-weight: normal;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		line-height: 18px;
	}
	#colRight div.block{
		background: url(images/colright-block.gif);
		margin: 0px 22px 0px 20px;
	}
	#colRight div.block div{background: url(images/colright-block-header.jpg) top left no-repeat;}
	#colRight div.block div div{
		background: url(images/colright-block-footer.jpg) bottom left no-repeat;
		padding: 12px;
		font-size: 8pt;
		color: #41285F;
	}
	#colRight div.block ul, #colRight div.block ol, #colRight div.block ul li, #colRight div.block ol li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#colRight div.block ul li a{
		width: 163px;
		display: block;
		color: #41285F;
		text-decoration: none;
	}
	#colRight div.block ul li a:hover{
		color: #915B02;
	}
	#colRight div.block ul li span{
		display: block;
		margin: 0px;
		padding: 0px 0px 10px 10px;
		background: url(images/bg-bullet-news.gif) top left no-repeat;
	}
	#colRight div.block ul li a:hover span{
		background: url(images/bg-bullet-news-o.gif) top left no-repeat;
	}
	#colRight div.block ol{
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}
	#colRight div.block ol li{
		margin: 0px;
		padding: 0px 0px 10px 0px;
		list-style: outside decimal;
	}
	#colRight div.block ol li.selected{
		color: #915B02;
		font-weight: bold;
	}
	#colRight div.block ol li a{
		color: #41285F;
		text-decoration: none;
	}
	#colRight div.block ol li a:hover, #colRight div.block ol li.selected a{
		color: #915B02;
	}
	#colRight div.bottom{
		background: url(images/colright-footer.jpg) top left no-repeat;
		color: #FFFFFF;
		margin: 0px 22px 0px 20px;
		padding: 3px 12px 20px 12px;
		font-size: 8pt;
		font-weight: bold;
		/*font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;*/
		text-align: right;
		letter-spacing: -1px;
	}
	#colRight div.bottom a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#colRight div.bottom a b{
		font-size: 10pt;
	}
	#colRight div.bottom a:hover{
		text-decoration: underline;
	}
	#colRight div.bottom a.rss{
		color: #3C4E64;
		text-decoration: none;
		display: block;
		margin: 5px 0px 0px 0px;
		cursor: pointer;
		width: 161px;
	}
	#colRight div.bottom a:hover.rss{
		color: #FFFFFF;
		text-decoration: none;
	}
	#colRight div.bottom a.rss img{
		float: right;
	}
	#colRight div.bottom a.rss span{
		padding: 1px 5px 5px 0px;
		display: block;
		float: right;
		cursor: pointer;
	}

#menu{
	margin: 0px;
	padding: 0px;
	background: #99AFC8 url(images/bg-menu.gif) repeat-x;
	border: 2px solid #FFFFFF;
}
	#nav {
		z-index: 2;
		position: relative;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: bold;
	}
	#nav, #nav li ul{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#nav li{
		float: left;
		position: relative;
	}
	#nav li b{
		width: 14px;
		height: 29px;
		background: url(images/bg-sep.gif) no-repeat;
		display: block;
		float: left;
	}
	
	/************* 1er Niveau *************/
	#nav li a{
		display: block;
		float: left;
		color: #FFFFFF;
		text-decoration: none;
		height: 29px;
	}
	#nav li a:hover{
		background: #FFFFFF url(images/bg-menu-o.gif) repeat-x;
		color: #6384AA;
	}
	#nav li a span{
		padding: 7px 12px 8px 12px;
		display: block;
		cursor: pointer;
	}
	#nav li a b{
		width: auto;
		height: auto;
		background: none;
		display: inline;
		float: none;
		font-weight: normal;
	}
	
	/************* 2eme Niveau *************/
	#nav li ul{
		position: absolute; 
		top: 29px;
		left: -999em;
		width: 200px;
		background: #FFFFFF url(images/bg-smenu.gif) bottom repeat-x;
		font-size: 8pt;
		border: 2px solid #A3B7CE;
		border-bottom: 1px solid #A3B7CE;
	}
	#nav li ul li{
		position: relative;
		float: none;
		display: block;
		height: auto;
		border-bottom: 1px solid #A3B7CE;
	}
	#nav li ul li a{
		display: block;
		float: none;
		text-decoration: none;
		width: 200px;
		color: #6384AA;
		height: auto;
		background: url(images/bg-bullet-smenu.gif) top left no-repeat;
	}
	#nav li ul li a:hover{
		color: #FFFFFF;
		background: #6384AA url(images/bg-bullet-smenu-o.gif) top left no-repeat;
	}
	#nav li ul li a span{
		padding: 5px 12px 5px 20px;
	}
	
	/************* 3eme Niveau *************/
	#nav li ul li ul {
		position: absolute; 
		top: 0px;
		left: -999em;
		margin-left: 200px;
		width: 200px;
	}
	#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: -2px;
		z-index: 99;
	}

#map, #map li ul{
	margin-top: 10px;
	margin-bottom: 0px;
}
	#map li{
		font-size: 12px;
		list-style: outside circle;
		/*margin-bottom: 5px;*/
	}
	#map li ul li{
		font-size: 11px;
		list-style: outside disc; 
		margin-bottom: 5px;
	}
	#map li ul li ul li{
		font-size: 10px;
		list-style: outside square;
		margin-bottom: 0px;
	}
	#map li a, #map li ul li a{
		font-weight: bold;
		text-decoration: none;
	}
	#map li p, #map li ul li p{
		margin: 0px;
		padding: 5px 0px 0px 0px;
	}

#bubble{
	margin: 0px 0px 0px 20px;
	padding: 20px 0px 10px 0px;
}
	#bubble div{
		padding: 10px;
		background: #F1F3F4;
		font-size: 11px;
		border: 2px solid #FFFFFF;
	}
		#bubble div h1{
			margin: 0px;
			padding: 0px 0px 5px 0px;
			font-size: 9pt;
			font-weight: bold;
			background: none;
			color: #3C4E64;
			font-style: normal;
		}

#footer{
	background: url(images/bg-footer.jpg);
	height: 66px;
}
	html>body #footer{height: auto; min-height: 66px;}

#hautPage{
	float: left;
	width: 200px;
}
	#hautPage div{
		margin: 24px 0px 0px 22px;
	}
		#hautPage div a{
			margin: 0px;
			padding: 0px;
			background: #FBC458 url(images/bg-hautpage.gif) bottom left repeat-x;
			color: #FFFFFF;
			display: block;
			float: left;
			text-decoration: none;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			font-weight: bold;
		}
		#hautPage div a:hover{
			background: #6081A8 url(images/bg-hautpage-o.gif) bottom left repeat-x;
		}
		#hautPage div a span{
			display: block;
			padding: 13px 16px 13px 35px;
			border-right: 2px solid #FFFFFF;
			background: url(images/bg-bullet-hautpage.gif) top left no-repeat;
			cursor: pointer;
		}
		#hautPage div a:hover span{
			background: url(images/bg-bullet-hautpage-o.gif) top left no-repeat;
		}
#credits{
	float: right;
	width: 530px;
	color: #FFFFFF;
	text-align: right;
	font-size: 10px;
}
	#credits div{
		padding: 35px 15px 0px 0px;
	}
		#credits div a{
			color: #FFFFFF;
			text-decoration: none;
			font-weight: bold;
		}
		#credits div a:hover{
			text-decoration: underline;
		}

#bas{
	margin: 0 auto;
	padding: 0px;
	width: 776px;
	font-size: 9px;
	padding-top: 10px;
}
#altmenu{
	margin: 0 auto;
	padding: 0px;
	width: 776px;
}
#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;
}
	#altnav li {
		padding: 0px 5px;
		line-height: 18px;
	}
	#altnav li b {
		display: none;
	}
	#altnav a{
		white-space: nowrap;
		color: #B1C2D5;
		text-decoration: underline;
	}
	#altnav a:hover{
		color: #FFFFFF;
		text-decoration: none;
	}

div.teaserLink{
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
}
div.teaserLink a{
	color: #3C4E64;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
div.teaserLink a b{font-size: 14pt;}
div.teaserLink a:hover{
	color: #6384AA;
	text-decoration: underline;
}

table.form input, table.form textarea{
	font-size: 11px;
	color: #3C4E64;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #3C4E64;
	padding: 5px;
}
table.form td{
	vertical-align: top;
	padding: 2px;
}
table.form input.btn{
	background: #3C4E64;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #FFFFFF;
	padding: 5px;
}

table.form input:hover.btn, table.form input.btno{
	background: #A6AEB8;
	color: #3C4E64;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #3C4E64;
	padding: 5px;
}

div.sideimg{
	margin: 0px 2px 0px 15px;
	background: #C9CED4;
	position: relative;
}
	div.sideimg img{
		margin: 15px 0px 0px 0px;
	}
	
div.newsimg{
	border: 1px solid #3C4E64;
	margin: 20px 5px 15px 15px;
	padding: 0px;
	float: right;
}
	div.newsimg img{
		border: 1px solid #FFFFFF;
	}