html {
	height: 100%;
}

body
{
	height: 100%;
	padding:0px;
	margin: auto;
	background-color: #ffffff;	
background-image: url(images/background_portfolio.jpg);
background-repeat: no-repeat;
background-position: center center;
	font-family: arial, sans;
	color: #363327;
	font-size: 12px;	

margin-top: 0px; 
overflow-x:hidden;
overflow-y:visible;
}

a
{
	color: #D3D891;
	text-decoration: none;
	font-size: 16px;
}

.asousmenu
{
	color: #12110d;
	text-decoration: none;
	font-size: 10px;
}

.liensite
{
	margin-left:5px;
}

h1
{
	margin:0px;
	padding:0px;
}

h2
{
	color: #A18E75;
	text-decoration: none;
	font-size: 32px;
	line-height: 80%;
	letter-spacing: -3px;
	word-spacing: 0em;
	margin:0px;

	
}

h3
{
	color: #B7DA00;
	text-decoration: none;
	font-size: 24px;
	letter-spacing: -2px;
	word-spacing: 0em;
	margin:0px;

	
}



#contenant
{
position:absolute;
top:50%;
margin-top:-323px;
height:646px;
width:100%;

}


#header
{

position:relative;
padding:0px;
width:920px;
margin:auto;
text-align:right;
}




#name
{
color: #ffffff;
background-color:#12100D;
font-weight:bold;
text-decoration: none;
font-size: 28px;
margin-top:-2px;
/*margin-left:259px;*/

white-space:nowrap;
}

#arrmenu
{

height:20px;
background-color:#12110d;
text-align:right;
width:100%;
}

#menu
{	

color: #ffffff;
text-decoration: none;
font-size: 16px;
margin:auto;
width:920px;


}


#arrsousmenu
{

height:13px;
background-color:#ffffff;
text-align:right;
width:100%;
padding-top:2px;

}

#sousmenu
{	

color: #A18E75;
text-decoration: none;
font-size: 10px;
font-weight:bold;
margin:auto;
width:920px;

}

#arrselection
{
height:50px;
background-color:#D3D891;

overflow:hidden;
}

#selection
{
width:700px;
height:50px;
margin:auto;

overflow:hidden;

}

#selection img
{
vertical-align:text-top;
margin:0px;

}



#portfolio
{


width:8210px;
/*height:800px;*/
}

#portfolioContainer
{
background-color:#ffffff;
width:100%;
overflow-x:scroll;
white-space:nowrap;

}






.bloc
{
float:left;

margin:10px;
}


.blocfocus
{
float:left;
background-image: url(images/focus/focus.gif);
height:450px;
width:280px;
margin-left:10px;
white-space:normal;
text-align:justify;
margin-top:-2px;

}



.nom
{
	font-weight:bold;
	color: #A18E75;
	text-decoration: none;
	font-size: 32px;
	line-height: 80%;
	letter-spacing: -3px;
	word-spacing: 0em;
	margin:0px;
	
}

.nomfocus a
{
	font-weight:bold;
	color: #A18E75;
	text-decoration: none;
	font-size: 32px;
	line-height: 80%;
	letter-spacing: -3px;
	word-spacing: 0em;
	margin-top:-30px;
	
}

.nomfocus a:hover
{
	font-weight:bold;
	color: #D3D891;
	text-decoration: none;
	font-size: 32px;
	line-height: 80%;
	letter-spacing: -3px;
	word-spacing: 0em;
	margin-top:-30px;
	
}



.descriptionfocus
{
	font-weight:bold;
	color: #4C4238;
	text-decoration: none;
	font-size: 20px;
	line-height: 80%;
	letter-spacing: -2px;
	word-spacing: 0em;
	float:left;
	margin-top:-10px;
}


.client
{
		font-weight:bold;
	color: #D3D891;
	text-decoration: none;
	font-size: 24px;
	letter-spacing: -2px;
	word-spacing: 0em;
	margin:0px;
	padding-left:5px;

	
}

.focus
{
		font-weight:bold;
	color: #D3D891;
	text-decoration: none;
	font-size: 52px;
	letter-spacing: -6px;
	word-spacing: -2px;
	

	

}
	
.bestof
{
		font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	font-size: 45px;
	letter-spacing: -5px;
	word-spacing: -2px;

	padding-right:10px;
	vertical-align:top;

	
}



.visuel
{

height:400px;
clear:left;
border-width:0px 0px 1px 1px;
border-color:#A18E75;
border-style:solid;

}

.visuelfocus
{

height:400px;
clear:left;


}



.intervention
{
	color: #A18E75;
		font-weight:bold;
		font-size:12px;
		
}


#arrfooter
{

height:25px;
background-color:#12100D;
text-align:center;
width:100%;
}

#footer
{	
font-weight:bold;
padding-top:5px;
color: #ffffff;
text-decoration: none;
font-size: 12px;
margin:auto;
width:920px;


}

#footer_infos
{
margin-left:20%;
color:#ffffff;
font-size:11px;
background-color:#12100D;
text-align:center;
width:610px;
height:17px;
}

#footer_infos a
{
color:#D3D891;
font-size:11px;
}