body
{
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	overflow:hidden;
}
a:hover
{
	cursor:pointer;
}
/*---------CONTENEUR GENERAL---------*/
#wrapper 
{
	height: 600px;
	width: 900px;
	margin:auto;
}
#intro a
{
	text-decoration:none;
}

/*---------BANNIERE-----------------*/
#header
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:80px;
	border-bottom:solid thin #CCC;
	font-weight:500;
}
#logo
{
	display:block;
	background-image:url(images/lee_west_logo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	left:0;
	bottom:5px;
	width:92px;
	height:20px;
	text-indent:-9999px;
}

/*--------------------MENU-----------------*/
#menu
{
	position:absolute;
	right:0;
	bottom:-7px;
	font-size:12px;
	list-style-type:none;
}
#menu li
{
	float:left;
	margin-right:4px;
}
#menu a
{
	text-decoration:none;
	color:#000;
}
#menu a:hover
{
	text-decoration:underline;
	cursor:pointer;
}
#menu a.sel
 {
	 text-decoration:underline;
 }
 

/*-------------CONTENU-----------*/
#contenu
{
	border:none;
	width:900px;
	height:490px;
	overflow:hidden;
	position:relative; 
	
}
/*-----------INDEX------------*/
#intro
{
	position:absolute;
	top:45%;
	left:46%;
}

/*---------PIED DE PAGE-----------------*/
#footer
{
border-top:thin solid #CCC;
height:50px;
width:900px;
position:relative;
bottom:0;
z-index:0;
}
#copy
{
	font-size:10px;
	color:#ccc;
	float:right;
	margin-right:0;
	margin-top:2px;
}


/*--------SCROLLPANE--------*/	


.container
{
	width: 900px;
	height: 475px;
	position: absolute;
	left:0;
	top:0;
}
.scroll-pane
{
	overflow-y:auto;
	overflow-x:hidden;
	width: 900px;
	height: 490px;
	background-attachment: scroll;
}
.jScrollPaneContainer 
{
	position: relative;
	overflow: hidden;	
}

.jScrollPaneTrack 
{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #FFF;
	border:#CCC thin solid;
	border-top:none;
}
.jScrollPaneDrag 
{
	position: absolute;
	background: #CCC;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDrag:hover 
{
	background:#999;
}
.jScrollPaneDragTop 
{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

/*------------PROJECTS----------*/
#gallerie
{
	position:relative;
	left:42px;
	top:25px;
	height:600px;
}

#gallerie img
{
	border:#CCCCCC thin solid;
	width:180px;
	height:180px;
}
.vignettes
{
	width:180px;
	height:210px;
	margin-right:30px;
	margin-bottom:32px;
	
}
.vignettes
{
	float:left;
}
.finvignettes:after
{
	clear: left;
}
.legende
{
	width:180px;
	height:25px;
	position:relative;
	left:0;
	bottom:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#666;
}
.nom
{
	color:#000;
}

/*------------ABOUT----------*/

#about
{
	width:900px;
	height:475px;
	padding:15px;
}
.titre
{
	font-size:10px;
	font-weight:600;
}
#bio
{
	margin-top:30px;
	margin-left:90px;
	margin-bottom:20px;
	width:675px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
p
{
	margin-left:40px;
}
#bio ul
{
	list-style-type:none;
	margin-bottom:30px;
}
#bio li
{
	margin-bottom:15px;
}
#presse
{
	width:675px;
	margin-left:90px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
}
.extrait
{
	color:#666;
}

#presse a
{
	color:#333;
	text-decoration:underline;
}
#presse a:hover
{
	color:#CCCCCC;
}
/*----------CONTACT------------*/
#contact
{
	width:500px;
	height:450px;
	position:relative;
	left:230px;
	top:60px;
	font-size:12px;
}
#box
{
	width:500px;
	height:480px;
}
#box label
{
	display:block;
	margin-bottom:25px;
	margin-right:40px;
	float:left;
}
#box label span
{
	display:block;
	float:left;
	margin-right:15px;
	width:70px;
	text-align:right;
}
input
{
	border:#CCC thin solid;
}
textarea
{
	border:#CCC thin solid;
	overflow:hidden;
	resize:none;
}
#envoi
{
	position:absolute;
	left:85px;
	bottom:105px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}

#reponse
{
	position:absolute;
	left:45%;
	top:45%;
}
/*--------DIAPORAMA-----------*/
#diapo
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#diapo a,#diapo a:visited
{
	color:#000;
}
#photo
{
	position:relative;
	top:25px;
}
#photo img
{
	cursor:pointer;
}
#objet
{
	position:absolute;
	bottom:4px;
	left:0;
}
#nomdate
{
	font-weight:600;
	padding-bottom:2px;
}
#commandes
{
	position:absolute;
	right:0;
	bottom:4px;
}
.fleches
{
	font-weight:600;
	font-size:12px;
	cursor:pointer;
}
#numeros
{
	font-size:10px;
}