@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; border:0;}

html, body{
	height:100%;
	margin:0 auto 0 auto;
	font:normal normal 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#aaa;
	letter-spacing:1px;
	background: #000 url(../images/template/body-bg.jpg) top center repeat-y;
}

img, div, a, a img { behavior: url(../scripts/iepngfix.htc) } /*fix transparence dans IE5.5+*/

#container{
	width:960px; height:100%;
	margin:0 auto 0 auto;
	background: url(../images/template/container-bg.jpg) repeat-y;
}

	#container-left{
		float:left;
		width:260px; height:100%;
		background: url(../images/template/container-left-bg.jpg) top right no-repeat;
	}	
	
		#logo{ padding:0px 0 0 0;}
	
		#main-menu{
			margin:50px 30px 0 15px; padding:30px 0 30px 0px;
			background:url(../images/template/line-bg.jpg) top right no-repeat;
		}
		
			#main-menu ul li{ list-style:none;}
		
			#main-menu a:link, #main-menu a:visited{
				display:block;
				padding:0px 0 0 15px;
				font:normal normal 11px/21px Verdana, Arial, Helvetica, sans-serif;
				color:#666;
				letter-spacing:2px;
				text-decoration:none;
				background: url(../images/template/arrow.gif) right no-repeat;
			}
			#main-menu a:hover, #main-menu a:active, #main-menu a:focus{ color:#000; background:#6d0004 url(../images/template/arrow-hover.jpg) right no-repeat;}
			
				#main-menu .subMenu li a:link, #main-menu .subMenu li a:visited{ margin:0 0 0 15px; background:url(../images/template/arrow-sub.gif) right no-repeat;}
				#main-menu .subMenu li a:hover, #main-menu .subMenu li a:active, #main-menu .subMenu li a:focus { background:#6d0004 url(../images/template/arrow-sub-hover.jpg) right no-repeat;}
	
			
		
	
	#container-right{
		float:left;
		width:700px; height:100%;
	}
	
		#galerie{ padding:0 0 0 2px;}
	
		#pictures{
			float:left;
			width:130px; 
			margin:50px 0 0 0; padding:0 64px 0 64px;
			background:url(../images/template/pictures-bg.jpg) right repeat-y;
		}
		
			#pictures a img, #pictures img { margin: 0 0 40px 0; padding:15px; border:1px #340002 solid; }
			#pictures a:hover img { border:1px #6d0004 solid; }
			#pictures a img#last-picture{ margin:0;}
			#pictures p { font: normal normal 10px/16px Verdana, Arial, Helvetica, sans-serif;}
				
					
		#contents{
			float:left;
			width:400px;
			margin: 50px 0 0 0;padding:0 0 0 40px;
		}
		
			#contents p { text-align:justify; letter-spacing:0px;}
			
			iframe{
				width:390px !important; width:380px; height:180px;
				padding:5px; border:1px #340002 solid;
			}
			
			#contents ul {margin: 0 0 0 15px; list-style:square;}
	
		#webmade{
			float:left;
			clear:both;
			width:635px;
			margin:30px 0 0 64px !important; margin:30px 0 0 32px; padding:15px 0 20px 0px; border-top:1px #181818 solid;
			font: normal normal 9px/14px Verdana, Arial, Helvetica, sans-serif;
			color:#222;
		}
		
			#webmade a:link, #webmade a:visited{ color:#333; }
			#webmade a:hover, #webmade a:active, #webmade a:focus{ color:#600000; }

		
.color-red{ color:#aa0000;}	
.marginLeft{ margin:0 0 0 50px;}

hr{
	width:100%;
	background: url(../images/template/pictures-bg.jpg) repeat-x;
	border:none;
}	

h1{ font:normal normal 16px/24px Verdana, Arial, Helvetica, sans-serif; color:#aa0000; margin:0 0 30px 0;}
h2{ font:normal normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#990000; margin:0 0 10px 0; text-decoration:underline;}

a:link, a:visited { color:#aa0000;}
a:hover, a:active, a:focus{color:#990000}