body {
	width:1000px;
	margin:auto;
	font-family:century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	background-color:#F3F3F3;
}
#top {
	height:50px;
	background:url(images/bg.png) top left no-repeat;
	background-position:50px 0px;
	margin-top:30px;
	padding-left:50px;
	margin-bottom:40px;
}
#menu{
	float:left;
	text-align:left;
	font-size:18px;
	width:200px;
	margin-top:0px;
}
#menu ul{
	list-style:none;
	padding:0;
	margin:0;
}
#menu ul li a{
	display:block;
	width:200px;
	height:40px;
	background:url(images/bg.png) top left no-repeat;
}
#menu ul li a:hover{ text-decoration:none; }

#menu ul li.exposition a{ background-position:0px -100px; }
#menu ul li.mode a{ background-position:0px -140px; } 
#menu ul li.publicite a{ background-position:0px -180px; } 
#menu ul li.portfolio a{ background-position:0px -220px; } 
#menu ul li.contact a{ background-position:0px -260px; } 

#menu ul li.exposition a:hover{ background-position:-200px -100px; }
#menu ul li.mode a:hover{ background-position:-200px -140px; } 
#menu ul li.publicite a:hover{ background-position:-200px -180px; } 
#menu ul li.portfolio a:hover{ background-position:-200px -220px; } 
#menu ul li.contact a:hover{ background-position:-200px -260px; } 

#menu ul li.portfolio,
#menu ul li.contact{
	margin-top:45px;
}

a {
	color:#999999;
	text-decoration:none;
}
a:hover {
	color:#FF3600;
}
#wrapper{
	width:795px;
	margin-left:205px;
}

#wrapperVignette{	
}
#wrapperVignette ul{
	list-style:none;
	padding:0;
	margin:0;
}
#wrapperVignette ul li{
	float:left;
	margin-left:23px;
	margin-right:23px;
	margin-top:13px;
	margin-bottom:33px;
}
#wrapperVignette ul li a img{
}
#wrapperVignette ul li a:hover > img{ 
	-moz-box-shadow:0px 2px 4px #999;
	-webkit-box-shadow:0px 2px 4px #999;
	box-shadow:0px 2px 4px #999;
}

#wrapper a.photo{
	padding-bottom:6px;
	background:url(images/ombreFoot.png) bottom right no-repeat;
}

ul#onglets{
	list-style:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
}
ul#onglets li{
	font-size:12px;
	padding-left:5px;
	margin-left:10px;
	padding-right:5px;
	margin-right:10px;
	padding-bottom:3px;
	display:inline;
}
ul#onglets li a:hover{ color:#666; }
ul#onglets li:hover{
	border-bottom:2px solid #FFCCCA;
}

ul#onglets li.selected{ border-bottom:2px solid #FF3600; }
ul#onglets li.selected a{ color:#666; }
ul#onglets li.selected:hover{ border-bottom:2px solid #FF3600; }

#lienLettre {
	line-height:22px;
}
#fleches {
	float:right;
	width:40px;
}
#fleches .precedentVide {
	height:20px;
	width:20px;
	background:url(images/fleches.png) top left;
	float:left;
}
#fleches .suivantVide {
	height:20px;
	width:20px;
	background:url(images/fleches.png) top right;
	float:left;
}
#fleches .precedent {
	height:20px;
	width:20px;
	background:url(images/fleches.png) bottom left;
	float:left;
}
#fleches .suivant {
	height:20px;
	width:20px;
	background:url(images/fleches.png) bottom right;
	float:left;
}