
body {
text-align:center; /* for IE */ 
font-family: "trebuchet MS", arial, verdana, sans serif;
font-size: 76%;
line-height:1.5em;  
color: #000000;
background:#ffffff url("../images/body_bg.jpg") repeat-x left top;
}

	#wrapper {
	margin:auto;
	width:968px;
	
	text-align:left;
	/* background:url("../images/wrapper_bg.jpg") repeat-y left top; */
	}	

	
		/*** HEADER***/
		
		#header {
		background: url("../images/header_bg.jpg") no-repeat left top ;
		width:667px;
		height:167px;
		border:0;		
		float:left;
		/*border:1px solid red;*/
		}

			#header a{
			display:block;
			width:445px;
			height:167px;
			
			}
			
		#header_right{
		background: url("../images/header_right.jpg") no-repeat left top ;
		width:301px;
		height:221px;
		float:right;
		}
			
			#header_right a{
			display:block;
			width:132px;
			height:132px;
			padding:83px 0 0 33px;
			}
		
			
		
	
		
		/*** MENU ***/
		#menu_left_part{
		background: url("../images/menu_left_part.jpg") no-repeat left top ;
		width:90px;
		height:54px;
		float:left;
		}
		
		a#accueil{
		background: url("../images/menu/accueil.jpg") no-repeat left top ;
		width:87px;
		height:54px;
		float:left;
		display:block;
		}
		
		a#accueil:hover, a#accueil.menu_on{background: url("../images/menu/accueil.jpg") no-repeat left bottom ;}
		
		a#presentation{
		background: url("../images/menu/presentation.jpg") no-repeat left top ;
		width:125px;
		height:54px;
		float:left;
		display:block;
		}
		
		a#presentation:hover, a#presentation.menu_on{background: url("../images/menu/presentation.jpg") no-repeat left bottom ;}
		
		a#references{
		background: url("../images/menu/references.jpg") no-repeat left top ;
		width:109px;
		height:54px;
		float:left;
		display:block;
		}
		
		a#references:hover, a#references.menu_on{background: url("../images/menu/references.jpg") no-repeat left bottom ;}
		
		#clients{
		background: url("../images/menu/clients.jpg") no-repeat left top ;
		width:79px;
		height:54px;
		float:left;
		display:block;
		}
		
		#clients:hover, a#clients.menu_on{background: url("../images/menu/clients.jpg") no-repeat left bottom ;}
		
		#savoir_faire{
		background: url("../images/menu/savoir_faire.jpg") no-repeat left top ;
		width:145px;
		height:54px;
		float:left;
		display:block;
		}
		
		#savoir_faire:hover, a#savoir_faire.menu_on{background: url("../images/menu/savoir_faire.jpg") no-repeat left bottom ;}
		
		#contact {
		background: url("../images/menu/contact.jpg") no-repeat left top ;
		width:92px;
		height:54px;
		float:left;
		display:block;
		}
		
		#contact:hover, a#contact.menu_on{	background: url("../images/menu/contact.jpg") no-repeat left bottom ;}
		
		#menu_right_part{
		background: url("../images/menu_right_part.jpg") no-repeat left top ;
		width:30px;
		height:54px;
		float:left;
		}
		
		
		/*** MAIN ***/
		
		#main_content{
		/* background: url("../images/main_content_bg.jpg") no-repeat left top ; */
		width:968px;
		float:left;
		/* padding:40px 0 0 0; */
		}
			div#left_content{
			width:620px;
			float:left;
			padding:15px 28px 0 0; /* 97px */
			}
				
				div#left_content .left_prg{
				width:620px;
				/* float:left; */
				padding:5px 0 0 ;
				margin:14px 0 0 0;
				clear:both;
				/* background:#fafbeb url("../images/left_prg_bg.gif") no-repeat left bottom; */
				}
					
					div#left_content .left_prg p{ padding:0 10px 15px 10px; }
					
					img.ref_bandeau{ margin: 0 0 10px 0;}
					
					img.ref_details{float:left; margin:0 0 10px 0;}
					
					div.liens_ref{
					width:580px;
					/* margin:10px; */
					padding:5px 10px 5px 10px;
					/* background-color:#eae9dd; */
					}

					div.float_left{
					width:300px;
					float:left;
					}
			
			div#right_content{
			background: url("../images/right_content_top.jpg") no-repeat 10px top ;
			width:280px;			
			float:right;
			/* margin:35px 0 0 0 ; */
			padding:87px 12px 0 20px;
			/* border-left:1px dotted #000000; */
			
			}
				div#right_content .right_prg{				
				/* border-bottom:1px dotted #000000; */
				width:226px;
				margin:0 10px 0 10px;
				padding:18px 15px 18px 15px;
				background-color:#fafafa;
				/* background: url("../images/right_prg_bg.gif") repeat-y left top; */
				}
					div#right_content .right_prg p{ 
					border-bottom:1px solid #DBECAA ; 
					padding:0 0 9px 0;
					margin:0 0 8px 0;
					}


		/*** FOOTER ***/
		
		div#footer_wrapper{
		background: url("../images/footer_bg_ext.jpg") repeat-x left top ;
		width:100%;
		text-align:left;
		color:#ffffff;
		}

			div#footer{
			background: url("../images/footer_bg.jpg") no-repeat left top ;
			width:968px;
			height:112px;
			margin:auto;
			padding:61px 0px 0 0px;
			}
			
				div#footer .footer_prg{
				height:72px;
				width:140px;
				padding:0 10px 0 20px;
				border-right:1px dotted #ffffff;
				float:left;	
				margin:10px 0 10px 0;
				}
				
					div#footer .footer_prg a{ color:#ffffff; }

		
/* hack seb */
div.image_comment
{
	float:left;
	width:300px;
	text-align:justify;
]
			
	