body
{
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	letter-spacing:1px;
}
#wrapper
{
	width:980px;
	margin:0 auto;
	position:absolute;
	z-index:20;
	top:-20px;
	left:15%;
	
}
/*------------ANIMATED BACKGROUND----------*/
#anime_bg
{
	width:100%;
	height:95px;
	position:relative;
}
#bg1, #bg2, #bg3, #bg4
{
	position:relative;
	width:100%;
	height:95px;
	background-repeat:repeat-x;
	background-position:0px 0px;
}
#bg1
{
	background-image:url(../images/site/blanches_fixed2.png);
}
#bg2
{
	background-image:url(../images/site/bleues2.png);
}
#bg3
{
	background-image:url(../images/site/beige2.png);
}
#bg4
{
	background-image:url(../images/site/blanches2.png);
}
/*---------------HEADER---------*/
#header
{
	width:100%;
	height:140px;
	margin-top:10px;
}
#goto_home
{
	background-image:url(../images/site/logo.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:245px;
	height:140px;
	text-indent:-9999px;
}
#menu
{
	display:block;
	float:right;
	height:30px;
	width:405px;
	margin-right:0;
	margin-top:108px;
}
#menu li a
{
	display:block;
	float:left;
	text-indent:-9999px;
	width:100px;
	height:30px;
}
#menu li a#goto_projects 
{
	background-image:url(../images/site/projects.png);
	background-repeat:no-repeat;
	width:110px;
}
#menu li a#goto_about
{
	background-image:url(../images/site/about.png);
	background-repeat:no-repeat;
}
#menu li a#goto_contact
{
	background-image:url(../images/site/contact.png);
	background-repeat:no-repeat;
}
#menu li a#goto_press
{
	background-image:url(../images/site/press.png);
	background-repeat:no-repeat;
	width:95px;
}
/*---------------MAIN CONTENT------------*/
#main_content
{
	width:955px;
	height:500px;
	position:relative;
	margin:45px 0 0;
	overflow:hidden;
}
#scrollingContent
{
	width:10000px;
}
.scrollPanel
{
	width:955px;
	float:left;
	margin-right:75px;
}
#home
{
	padding-left:80px;
}
/*------------- projects-----------*/
#projects
{
	padding-top:25px;
}
.fancy_projects
{
	display:none;
}
#fancy_div img
{
	position:relative;
	left:30px;
	top:30px;
	border:#333 dotted 1px;
}
.legend
{
	color:#333;
	font-size:12px;
	line-height:15px;
	font-weight:lighter;
	font-variant:small-caps;
	float:left;
	margin:45px 0 0 30px;
	width:640px;
}
.legend a
{
	color:#333;
}
#choice
{
	width:790px;
	height:15px;
}
#choice li
{
	float:left;
	display:block;
	margin-right:30px;
	margin-bottom:10px;
	cursor:pointer;
	filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6; 
}
#choice li.active,#choice li:hover
{
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity :1; 
}
#view_all
{
	cursor:pointer;
}
#gallery
{
	float:left;
}
.boxgrid
{
	width:120px;
	height:120px;
	float:left;
	margin:10px 30px 20px 0px;
	border:1px solid #333;
	overflow: hidden;
	position:relative;
}
.boxgrid img
{ 
	position: relative; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxcaption
{
	float: left; 
	position: absolute; 
	background: #fff; 
	height: 35px; 
	width: 100%; 
	opacity: .9; 
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/
	top: 120px;
 	left: 0;
	padding:3px;
}
.captionfull .boxcaption 
{
 	top:120px;
 	left:0;
}
.boxcaption h3, .boxcaption h4
{
	font-size:9px;
	color:#333;
	text-decoration:none;
}
.boxcaption h4
{
	margin-top:3px;
	font-weight:normal;
}
a.fancy
{
	text-decoration:none;
}
/*-----------about----------*/
#bio
{
	position:relative;
	width:555px;
	font-size:11px;
	padding-top:60px;
}
#bio p
{
	line-height:13px;
	text-align:justify;
}
#bio li
{
	display:block;
	margin-bottom:5px;
	line-height:16px;
}
#about img
{
	float:right;
	margin-top:-310px;
}
/*-----------contact---------*/
#contact
{
	font-size:11px;
	padding-top:60px;
}
p#social_network
{
	width:500px;
	line-height:14px;
}
p#social_network a
{
	color:#333;
}
#box
{
	width:500px;
	margin:40px 0 0;
}
#box label
{
	display:block;
	margin-bottom:25px;
	margin-right:30px;
	float:left;
}
#box label span
{
	display:block;
	float:left;
	margin-right:15px;
	width:80px;
	text-align:right;
	line-height:16px;
}
input
{
	border:#333 1px solid;
}
textarea
{
	border:#333 1px solid;
	overflow:hidden;
}
#envoi
{
	float:left;
	margin-top:10px;
	margin-left:93px;
	cursor:pointer;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
#contact label#last
{
	display:none;
}
#alert
{
	float:left;
	width:200px;
	height:20px;
	margin:60px auto;
	font-size:14px;
}
/*-------------press------------*/
#press
{
	padding-top:60px;
}
#press ul li
{
	display:block;
	margin-bottom:15px;
	margin-left:50px;
}
#press ul li a
{
	color:#333;
}
#press p
{
	margin-bottom:10px;
}
/*-------------FOOTER----------*/
#footer
{
	width:250px;
	margin:10px auto 0;
	text-align:center;
	color:#999;
}



