BODY						{font-family: Arial; font-size: 10pt; color:#FFFFFF}
TD							{font-family: Arial; font-size: 10pt}
A							{text-decoration: none; color: #FA6D06; outline:none;}
A:hover						{text-decoration: underline; color: #FA6D06;}
.clientVert 				{color:#019088}
.clientEntete				{Background-color: #0000FF; color: #FFFFFF}

DIV.source  /*Important pour xplore*/
{
	padding:5px;
	font-family:Courier New;
	font-size:9pt;
	background-color:#FFFFFF;
	text:#000000;
	color:#000000;	
}

h1.title_page{
	margin:0 0 0 20px;
	padding:0
}

h2{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FA6D06;
	text-transform:uppercase;
	margin:0;
}

form{
	margin:0;
	padding:0;
}

p{
	margin:0 0 0 0;
	padding:0 0 1em 0;
}




body{
	margin:0;
	padding:0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background:#fff url(images/bkg_body.jpg) top center repeat-x;
	height:100%;
}


.main_container{
	position:relative; 
	min-height:100%;
	_height:100%;
}

.main{
	width:896px;
	margin:auto;
	text-align:left;
}


.header{
	padding-top:20px
}

.middle{
	padding-bottom:50px;
}

.middle .leftcol{
	float:left;
	width:285px;
}

.middle .leftcol .left_menu{
	margin:22px;
	width:240px;
}

	.middle .leftcol .left_menu .top_left_menu{
		width:240px;
		height:57px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bkg_menu_left_top.png', enabled=true, sizingMethod=scale);
	}
	.middle .leftcol .left_menu .top_left_menu[class]{
		background: url(images/bkg_menu_left_top.png) no-repeat;
	}
	
	.middle .leftcol .left_menu .body_left_menu{
		background:#222;
		height:250px;
		opacity : 0.75;
		-moz-opacity : 0.75;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		filter: alpha(opacity=75);
	}
	
	
		.middle .leftcol .left_menu .body_left_menu ul{
			margin:0;
			padding:0 20px;
			list-style:none;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		.middle .leftcol .left_menu .body_left_menu .menu_content{
			width:200px;
			_width:240px;	
			margin-top:-35px;	
			position:absolute;
		}
		
		.middle .leftcol .left_menu .body_left_menu ul li{
			font-size:14px;
			padding:5px 0 5px 10px;
			background:url(images/puce_menu_left.gif) left 10px  no-repeat;
		}
		
		.middle .leftcol .left_menu .body_left_menu ul ul{
			padding-right:0;
			padding-left:10px;
		}
		
		.middle .leftcol .left_menu .body_left_menu ul li a{
			color:#fff;
			text-decoration:none;
		}

		.middle .leftcol .left_menu .body_left_menu ul li li{
			font-size:12px;
			padding:5px 0;
			background:none;
		}
		.middle .leftcol .left_menu .body_left_menu ul li li a{
			color:#b6b6b6;
		}
		.middle .leftcol .left_menu .body_left_menu ul li li a:hover{
			color:#ff8a00;
		}
		
		
		
	
	.middle .leftcol .left_menu .bottom_left_menu{
		width:240px;
		height:9px;
		overflow:hidden;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bkg_menu_left_bottom.png', enabled=true, sizingMethod=scale);
	}
	.middle .leftcol .left_menu .bottom_left_menu[class]{
		background: url(images/bkg_menu_left_bottom.png) no-repeat;
	}
	
.middle .rightcol{
	float:right;
	width:600px;
	overflow:hidden;
	margin-top:12px;
}





.bottom{
	position:absolute;
	background:#222;
	color:#fff;
	height:43px;
	bottom:0;
	left:0;
	width:100%;
}

.bottom_container{
	width:980px;
	margin:auto;
	text-align:left;
	
}

.copryright{
	font-size:10px;
	float:left;
	padding:7px 15px;
}
.copryright a{
	color:#fff;
}
.copryright a:hover{
	color:#afafaf;
	text-decoration:none;
}

.acces_client{
	float:right;
	padding:6px 0 0;
	width:590px;
	font-size:13px;
}

.acces_client input{
	background:url(images/bkg_input.gif) right no-repeat;
	border:none;
	width:121px;
	height:17px;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
}

.acces_client #btn_login{
	background:url(images/btn_loginclient.gif) no-repeat;
	width:14px;
	height:15px;
	border:none;
}

.clear{
	clear:both;
}



/******************************************************
	Portfolio
******************************************************/

#porfolio img {
	border: none;
}

#porfolio p {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #595959;

}

#porfolio div.thumb_view {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#porfolio div.thumb_view .element {
	float: left;
	margin: 0;	
	width: 185px;
	padding: 10px 0;
}
#porfolio div.thumb_view .element a {
	color: #585858;
	text-decoration: none;
}
#porfolio div.thumb_view .element .content_block {
	/*padding: 0 10px;*/
}
#porfolio div.thumb_view .element .content_block h2 {
	margin:0;
	font-weight: normal;
	font-size:12px;
	padding:3px 0;
}
#porfolio div.thumb_view .element .content_block p {
	display:none;
}



#porfolio div.thumb_view .element .content_block a img{
	margin: 0 0 5px;
	float: left;
}


#porfolio div.display .element{
	width: 598px;
	padding: 15px 0;
	border-bottom:solid 1px #ababab;
}
#porfolio div.display .element .content_block h2 {
	font-size: 16px;
	padding:5px 0;
}
#porfolio div.display .element .content_block p{
	display: block;
	margin: 0;
	text-align:left;
}
#porfolio div.display .element .content_block a img {
	margin: 0 15px 0 0;
	float: left;
}


#porfolio a.switch_thumb {
	width: 130px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background: url(../images/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
#porfolio a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
#porfolio a.swap { background-position: left bottom; }