
	#main {
		width:783px;
		position:absolute;
		top:0px;
		left:50%;
		margin-left:-407px;
	}
/* HEADER */
		#main #header{
			float:left;
			width:783px;
			height:148px;
			background-color:#000000;
			background:url('../img/violet/bg_header.gif');
		}
		
			#bloc_nav {
				background: url('../img/violet/bg_menu_on.gif') 0 0 no-repeat;
				float:left;
				width:783px;
				height:22px;
			}

			#bloc_nav ul li{
				background-image:url('../img/violet/bg_menu_off.gif');
				background-repeat:no-repeat;
				display:block;
				float:left;
				height:22px;
			}
			
			#bloc_nav ul a span{
			visibility:hidden;
			width:100%;
			height:100%;
		}	
			#bloc_nav ul li:hover{
				cursor:pointer;
			}
			#bloc_nav ul li:hover,
			#bloc_nav ul li.selected{
				background-image:url('../img/violet/bg_menu_on.gif');
			}
			#bloc_nav ul a{
				display:block;
				width:100%;
				height:100%;
			}
			#bloc_nav ul #entreprise{
				background-position:0 0;
				width:325px;
			}
			#bloc_nav ul #produits{
				background-position:-325px 0;
				width:99px;
			}
			#bloc_nav ul #references{
				background-position:-424px 0;
				width:112px;
			}
			#bloc_nav ul #devis{
				background-position:-536px 0;
				width:247px;				
			}
			
/* BLOC LEFT */
		#main #bloc_left{
			float:left;
			width:355px;
			height:261px;
			background-color:#000000;
			background:url('../img/violet/bg_left.gif');
			display:block;
		}
			
						
	/*CONTENT */
		#main #bloc_content{
			float:left;
			width:428px;
			height:261px;
			display:block;
			background:url('../img/violet/bg_right.gif');
		}
		
		#bloc_content #frame{
			float:left;
			width:336px;
			height:246px;
			overflow:hidden;
			margin-top:10px;
			margin-left:10px;
		}
		
		#bloc_content #frame p{
			text-align:justify;
			margin-right:10px;
			margin-top:10px;
			margin-bottom: 10px;
			}
		
		#bloc_content #frame h1,h2,h3{
			width:211px;
			height:42px;
			padding:0 0 0 0;
			}
		#bloc_content #frame h1,h2,h3 span{
			font-size:1px;
			color:#c2c2c2;
			}	
			
		
	/*FOOTER */
		#main #bloc_footer{
			width:783px;
			height:112px;
			background-color:#000000;
			background:url('../img/violet/bg_footer.gif');
		}
		#bloc_footer p{
			text-align:center;
			font-size:11px;
			color:#fff;
			margin-left:200px;
			/*margin-top:15px;*/
			}
		#bloc_footer a:link, a:visited{
			color:#FFFFFF;
			text-decoration: none;
			font-weight: bold;
			}
		#bloc_footer a:hover {
			color: #810050;
			text-decoration: none;
			font-weight: bold;
			}

/*--------------- FORM ---------------*/ 
	#frame form label{
			margin:0 0 0 0;
			display:block;
			font:12px Tahoma, Helvetica, sans-serif;
			font-weight:bold;
			float:left;
			color:#810050;
			width:120px;
			}
	#frame form input{
			width:170px;
			height:20px;
			margin:0 0 0 0;
			padding:0;
			float:right;
			background-color:#810050;
			border:solid 1px #d0b9d5;
			font:11px Verdana, Arial, Helvetica, sans-serif; 
			color:#ffffff;
			}
	
	#frame form textarea{
			width:170px;
			height:40px;
			margin:0 0 0 0;
			padding:0;
			float:right;
			background-color:#810050;
			border:solid 1px #d0b9d5;
			font:11px Verdana, Arial, Helvetica, sans-serif; 
			color:#ffffff;
			}
			
	#frame form select{
			width:170px;
			height:20px;
			margin:0 0 0 0;
			padding:0;
			float:right;
			background-color:#810050;
			border:solid 1px #d0b9d5;
			font:11px Verdana, Arial, Helvetica, sans-serif; 
			color:#ffffff;
			}
	#frame form p {
			padding:0 0 0 0;
			}				

	#frame #button p {
			text-align:center;
			margin:0 0 0 0;
			}
	#frame #button input.bu{
			background: url(../images/bt_next.gif) no-repeat 0 0;
			width:167px; height:27px; 
			margin:0 0 0 0;
			float:right;
			border:none;
			cursor:pointer;
			}
	
	a.nav_violet,  a.blue:visited  {font-family: Arial; font-size: 11px; color: #810050; font-weight: bold; font-style: normal; text-decoration: none;}
	a.nav_violet:hover {color: #fff; font-size: 11px;font-weight: bold; font-style: normal; text-decoration: none;}		
		
	