body { margin: 0; padding: 0; background-color: #dcdcdc; text-align: center; width: 100%; font-family: Arial, Helvetica, sans-serif; color: #626262 }

#top-bar { width: 770px; height: 20px; margin: 0 auto; text-align: left }
#top-bar #black-box { width: 185px; height: 20px; background-color: black }

#header-bar { width: 100%; height: 130px; background-color: #f95c07 }
	#header-bar #header-container { width: 770px; height: 130px; margin: 0 auto; text-align: left }
		#header-container #logo { width: 185px; height: 130px; background-color: white; text-align: center; float: left }
			#logo h1 { text-indent: -10000px; }
			#logo h1 a { background: url(../images/logo.gif) no-repeat scroll 50% 50%; display: block; width: 185px; height: 130px;}
		#header-container #header { width: 585px; height: 130px; background: url(../images/header_bkg.jpg) no-repeat; float: left }

#wrapper { width: 770px; margin: 0 auto; text-align: left; overflow: hidden; background: url(../images/wrapper-background.png) repeat-y scroll 0 0; }
#wrapper #sidebar, #wrapper #content { float: left; } /*padding-bottom: 2000px; margin-bottom: -2000px }*/
#wrapper #sidebar { background-color: black; color: white; width: 185px; padding-top: 15px; height: 100%; }
#wrapper #content { background-color: white; color: #626262; width: 585px }

#footer { width: 770px; margin: 0 auto; text-align: left }
#footer div { float: left }
#footer #credits { font-size: 0.72em; width: 185px; height: 30px; border-top: 2px solid white; background-color: #515151; color: #2d2d2d; text-align: center; padding-top: 2px }
#credits a, #credits a:visited { font-size: .8em; color: #2d2d2d; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif }
#credits a:hover { color: #c5c5c5; }

#content #breadcrumbs { background:url(../images/breadcrumbs_hr.gif) no-repeat left bottom; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px }
	#content #breadcrumbs h2 { font-size: 1.2em; }
		#content #breadcrumbs h2 img { vertical-align: middle; }
	#content h3 { border-bottom: 1px solid #AE3F05; color: #AE3F05; font-size: 1em; margin: 15px 10px; padding-bottom: 3px; }
	#content p { font-size: 0.82em; line-height: 1.2em; padding: 10px; }
	#content table { font-size: 0.82em; margin: 0 auto; width: 565px; }
	#content ul { margin: 10px;}
		#content ul li { font-size: 0.82em; line-height: 1.2em; list-style-position: inside; list-style-type: disc; margin-left: 10px;}
	#content a, #content a:link { color: #F95C07; text-decoration: none; }
	#content a:visited { color: #BB521A; }
	#content a:hover { color: #333;}
	#content label { float: left; width: 120px; }
	#content .formError { padding: 0px 10px; color: #cc0000; font-size: 0.72em; line-height: 1.2em;}
	
#sidebar div.side-section { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; padding: 0; }
	div.side-section h2 { background-color: #808080; color: white; font-size: 0.72em; font-weight: normal; letter-spacing: 1px; margin: 10px 0; padding: 4px 10px; text-align: right; }
	div.side-section p, div.side-section div { font-size: 0.65em; line-height: 14px; margin: 10px 0; padding: 0 10px; }

div.utile { background: #fff url(../images/galerie.png) no-repeat scroll 50% 65%; color: #000; height: 150px; }
	div.utile input { font-size: 1em !important; }

div#galerie_foto { margin:10px auto; overflow:hidden; }
	.thumbnail { border:1px solid #999999; float:left; font-size:0.625em; margin:0 0 15px 20px; padding:5px; width:160px; }
		.thumbnail_img { height:110px; margin-bottom:5px; overflow:hidden; }
		.thumbnail_text { height:40px; overflow:hidden; }
	
.clearboth { clear:both; }