body{
	background: url(images/bg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

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

#main{
	background: url(images/bg-top.gif) top left repeat-x;
	height: 448px;
}

#sheet{
	width: 776px;
	margin: 0 auto;
	padding: 0px;
	background: url(images/bg-sheet.gif) center top repeat-y;
	height: 448px;
} html>body #sheet{height: auto; min-height: 448px;}

#h1, #h2, #h3{
	float: left;
	height: 110px;
}
#h1{width: 20px;}
#h2{width: 175px;}
	#h2 img{margin-top: 40px;}
#h3{width: 581px;}

#menu{
	padding: 15px 0px 0px 35px;
}
	#menu div{
		display: block;
		background: url(images/bg-menu.gif) repeat-x;
		float: left;
	}
		#menu div div{
			background: url(images/bg-menu-left.gif) top left no-repeat;
		}
			#menu div div div{
				background: url(images/bg-menu-right.gif) top right no-repeat;
				height: 41px;
			}
				#menu div div div div{
					background: none;
					height: auto;
					float: none;
				}
				
#colHolder{
	padding: 14px 0px 0px 0px;
}
#colRight{
	float: right;
	width: 581px;
}
	#colRight h2{
		margin: 0px;
		padding: 0px 30px 10px 0px;
		font-size: 10px;
		text-align: right;
		color: #d4823c;
	}
		#colRight h2 a{
			color: #d4823c;
			text-decoration: none;
		}
		#colRight h2 a:hover{
			color: #d4823c;
			text-decoration: underline;
		}

#content{
	margin-right: 21px;
	background: #FFFFFF;
	border-bottom: 1px solid #ecd5af;
	border-top: 1px solid #ecd5af;
	padding: 0px 0px 30px 0px;
	text-align: left;
	font-size: 11px;
	color: #005376;
}
	#content a{
		color: #d4823c;
		text-decoration: none;
	}
	#content a:hover{
		color: #005376;
		text-decoration: underline;
	}
	#content h1{
		font-size: 17pt;
		margin: 10px 0px 10px 10px;
		padding: 5px 10px 4px 10px;
		background: #e5eff3;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
	}
	#content h2{
		font-size: 13pt;
		margin: 15px 0px 0px 20px;
		padding: 0px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #d4823c;
		text-align: left;
	}
	#content h3{
		font-size: 11pt;
		margin: 15px 0px 0px 20px;
		padding: 0px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
	}
	#content h3 b{
		color: #d4823c;
	}
	#content h4{
		font-size: 9pt;
		margin: 15px 0px 0px 20px;
		padding: 0px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		color: #d4823c;
	}
	#content ul li{
		margin-bottom: 5px;
	}
	#content p{
		padding: 10px 20px 0px 20px;
		margin: 0px;
		text-align: justify;
	}
	#content hr{
		margin: 20px 20px 20px 20px;
		height: 1px;
		color: #d4823c;
		background: #d4823c;
		border: 1px;
		clear: both;
	}
	#content img.self{
		margin: 10px 10px 0px 20px;
	}
	#content img.photo{
		float: right;
		margin: 20px 20px 20px 30px;
		border: 10px solid #e5eff3;
	}
	#content div.imgbox{
		margin: 20px 20px 10px 30px;
		padding: 0px;
		text-align: center;
		background: #000000;
		border: 2px solid #005376;
		display: inline;
	}
	#content div.r, #content img.r{float: right;}
	#content div.l, #content img.l{float: left;}
		#content div.imgbox img{
			margin: 10px;
		}
		#content div.imgbox span{
			display: block;
			padding: 5px;
			font-size: 10px;
			background: #005376;
			color: #FFFFFF;
		}
	
	#contentLeft{
		width: 355px;
		float: left;
	}
	#contentRight{
		width: 205px;
		float: left;
	}
		#contentRight div{
			border: 1px solid #668d3c;
			border-top: none;
			margin-right: 20px;
			background: #f3f9ec;
		}
			#contentRight div ul, #contentRight div ul li{
				list-style: none;
				padding: 0px;
				margin: 0px;
			}
			#contentRight div ul li{
				color: #3f98ba;
				text-align: center;
				font-weight: bold;
				font-size: 10pt;
				padding: 5px;
				border-bottom: 1px solid #668d3c;
			}
			#contentRight div ul li strong{
				color: #00628c;
			}
			#contentRight div h2{
				font-size: 9pt;
				color: #00628c;
				border-bottom: 8px solid #668d3c;
				border-top: 8px solid #668d3c;
				margin: 0px;
				padding: 5px;
				text-align: center;
			}
			#contentRight div h2 a{
				color: #3f98ba;
				text-decoration: none;
			}
			#contentRight div h2 a:hover{
				color: #00628c;
				text-decoration: underline;
			}
	
#colLeft{
	float: left;
	width: 195px;
}

#leftpanel{
	margin: 0px 11px 10px 31px;
	padding: 0px;
	border: 1px solid #000000;
	background: #b9dfee;
}
	#leftpanel h2{
		font-size: 14pt;
		padding: 10px 0px 10px 0px;
		margin: 10px 0px 10px 0px;
		color: #d1792e;
		background: #FFFFFF;
		font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		letter-spacing: 0.01em;
	}
	#leftpanel h3{
		font-size: 9pt;
		padding: 0px 10px 10px 10px;
		margin: 0px 0px 0px 0px;
		color: #d1792e;
		text-align: right;
	}
		#leftpanel h3 a{
			color: #d1792e;
			text-decoration: none;
		}
		#leftpanel h3 a:hover{
			text-decoration: underline;
		}
	#leftpanel ul, #leftpanel ul li{
		list-style: none;
		padding: 0px;
		margin: 0px;
		text-align: left;
	}
		#leftpanel ul li{
			margin-bottom: 10px;
		}
		#leftpanel ul li a{
			background: #edf7fb;
			display: block;
			color: #3b3e3f;
			font-size: 11px;
			text-decoration: none;
			width: 151px;
		}
		#leftpanel ul li a:hover{
			background: #FFFFFF;
			color: #d1792e;
		}
		#leftpanel ul li a span{
			display: block;
			padding: 5px;
			margin: 0px;
			cursor: pointer;
		}

/************ MENU PRINCIPAL *************/
#nav {
	z-index: 100;
}

#nav, #nav li ul{
	padding: 0;
 	margin: 0;
 	list-style: none;
	font-size: 9pt;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav li{
	float: left;
 	position: relative;
	padding: 6px 0px 16px 0px;
}

/************* 1er Niveau *************/
#nav li a{
 	display: block;
 	float: left;
 	color: #000000;
 	text-decoration: none;
 	height: 29px;
	color: #005376;
}
#nav li a:hover{
 	background: #005376;
 	color: #FFFFFF;
}
#nav li a span{
 	padding: 6px 20px 0px 20px;
 	display: block;
 	cursor: pointer;
}
	#nav li.left a span{
		padding-left: 30px;
	}
		#nav li.left a:hover{background: #005376 url(images/bg-menu-left-o.gif) top left no-repeat;}
	#nav li.right a span{
		padding-right: 30px;
	}
		#nav li.right a:hover{background: #005376 url(images/bg-menu-right-o.gif) top right no-repeat;}

	#nav li b{
		display: block;
		float: left;
		width: 13px;
		height: 29px;
		background: url(images/bg-menu-sep.gif) top left no-repeat;
	}

	/************* 2eme Niveau *************/
	#nav li div {
		margin: 0px;
		padding: 0px;
	}
	#nav li ul{
		position: absolute; 
		top: 36px;
		left: -999em;
		width: 200px;
		text-align: left;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 1px;
		margin: 0px;
		padding: 0px;
		
	}
	#nav li ul li{
		position: relative;
		float: none;
		display: block;
		border-left: 1px solid #005376;
		border-right: 1px solid #005376;
		margin: 0px;
		padding: 0px;
	}
	#nav li ul li a{
		display: block;
		float: none;
		text-decoration: none;
		width: 198px;
		background: #e5eff3;
		border-bottom: 1px dashed #005376;
		height: auto;
	}
	#nav li ul li.end a{
		border-bottom: 1px solid #005376;
	}
	#nav li ul li a:hover{
		background: #005376;
		color: #FFFFFF;
	}
	#nav li ul li a span{
		padding: 5px 10px;
 		display: block;
 		cursor: pointer;
	}

/************* 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: 0px;
	z-index: 99;
}
/************ MENU PRINCIPAL FIN *************/

/************ MENU ALTERNATIF *************/
/*#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;
	text-decoration: underline;
}
#altnav a:hover{
	text-decoration: none;
}
/************ MENU ALTERNATIF FIN *************/


#map{
	margin: 0px 120px 20px 40px;
	padding: 0px;
	font-size: 13pt;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#map b{
	display: none;
}
	#map li div {
		margin: 0px;
		padding: 0px;
	}
#map li, #map ul{
	padding: 0px;
 	margin: 0px;
 	list-style: outside square;
}
	#map li{
		margin-bottom: 10px;
		color: #d1792e;
	}
	#map li a{
		text-decoration: none;
		color: #d1792e;
	}
	#map li a:hover{
		color: #a0520f;
	}
		#map li ul{
			font-weight: normal;
			border-top: 1px solid #CCCCCC;
			padding-left: 20px;
			font-size: 11pt;
			margin-top: 5px;
			margin-bottom: 15px;
		}
		#map li ul li{
			margin-bottom: 5px;
			color: #CCCCCC;
		}
			#map li ul li a{
				color: #666666;
			}

#footer{
	margin: 0 auto;
	padding: 0px;
	background: url(images/bg-sheet-bottom.gif) top center no-repeat;
	font-weight: normal;
	font-size: 10px;
	height: 49px;
	width: 776px;
	clear: both;
	float: none;
	text-align: left;
} html>body #footer{height: auto; min-height: 49px;}

	#footer a{
		color: #9e7125;
		font-weight: bold;
		text-decoration: none;
	}
	#footer a:hover{
		text-decoration: underline;
	}
	
	#fleft{
		display: block;
		width: 195px;
		float: left;
		padding-top: 20px;
	}
	#fright{
		display: block;
		width: 560px;
		float: left;
		text-align: center;
		padding-top: 40px;
	}