body {
 font-family:"trebuchet ms", verdana, sans-serif;
 font-size:0.8em;
 text-align:center;
 background: url(../images/blue_background.jpg) center top no-repeat;
 padding:0px;
 margin:0px;
 color:#777777;
 height: 100%;
 width: 100%;
}

img {
 border:0px;
}

a {
 color:#ffffff;
 text-decoration:none;
}

#commentWrap textarea, #commentWrap input {
 width:100%;
}

h1 {
 font-size:140%;
 margin:0em 1em 0em 1em;
 padding:0.1em;
 letter-spacing:3px;
 font-weight:normal;
}

h2 {
 font-size:120%;
 margin:0em;
 margin-top:0.3em;
 padding:0em;
 letter-spacing:3px;
 font-weight:normal;
 color:#333333;
}


#container {
 text-align:left;
 clear: both;
 width:814px;
 margin: 0px auto;
}

#menu {
 height: 100px;
 letter-spacing:1px;
 font-size:9px;
 line-height: 10px;
 margin: auto 15px -15px 15px;
}

#menu a{
 margin-bottom: -15px;
}

#menu a.item {	
 float:right;
 padding:80px 6px 10px 6px;
 color: #ffffff;
}

#menu a.item_sel {
 float:right;
 padding:80px 6px 10px 6px;
 color: #FF0066;
}

#menu a.item:hover{
 color: #777777;
}

#menu1:hover{
 background-color: #FF5500;
}

#menu2:hover{
 background-color: #D000FF;
}

#view_exif:hover{
 background-color: #D9FF00;
}

#menu a#logo {
 padding: 55px 6px 0px 2px; 	
 float:left;
 font-size: 250%;
 font-weight: 500;
 color: #ffffff;
}

#menu_browse{
	position: absolute;
	top:117px;
	margin:0 auto 0 auto;
	padding:0;
	z-index:20;
}

a, a:hover, a:focus, a:visited, a:active{
	outline: none;
}

#menu_browse_prev, #menu_browse_next{
	margin: 0;
	width: 120px;
	height: 100%;
	display: block;
}

#menu_browse_prev {
	float: right;
}
#menu_browse_next {
	float: left;	
}

#menu_browse_prev:hover, #menu_browse_prev:visited:hover {
	background: url(../images/prevImage.png) no-repeat center center;
	background-color: #000000;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; 
	cursor: pointer;
}
#menu_browse_next:hover, #menu_browse_next:visited:hover {
	background: url(../images/nextImage.png) no-repeat center center;
	background-color: #000000;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7; 
	cursor: pointer;
}

#submenu {
 float:right;
 border:1px solid #222222;
 background-color:#222222;
 padding:0.2em 0.5em 0.2em 0.5em;
}
#submenu a {
 
}
#exif {
 width:100%;
 font-size:90%;
 float:left;
 margin-left:1em;
}


#commentWrap {
 width:100%;
 font-size:90%;
 float:right;
 margin-right:1em;
 text-align:left;
}

#display {
 background: url(../images/gauche.png) repeat-y left;
 text-align:left;
 clear:both;
 border: none;
}

#display p {
 margin: 0;
}

img.thumbs {
 float:left;
 border:none;
 padding:0.2em;
 margin:0.3em 0.3em 0.3em 0.3em;
}

.thumbnails {
 border:none;
 padding:0.4em;
 margin:0; 
}

#footer {
 display: block;
 padding: 3px 0px;
 text-align:right;
 z-index: 40;
 color:#999999;
 font-weight: 900; 
 font-size:9px;
}

#footer a{
 color:#999999;
 font-weight: 400; 
 font-size:9px;
 font-style: italic;
}

#imageWrap {
 background: url(../images/droite.png) repeat-y right;
 padding: 0 32px;
}

#imagecontainer {
 background: #443300 url(../images/load.gif);
 background-repeat:no-repeat;
 background-position:center center;
 min-height: 350px;
 min-width: 700px;
 max-width: 850px;
}


#imgtitle {
 font-size:100%;
 display: none;
 letter-spacing:3px;
 font-weight:normal;
 background-color : #000000;
 width:100%;
 float:left;
 margin-right:1em;
 text-align:left;
}


}

#thumbnail_browse {
 float:left;
}


#thumbnail_browse img {
	padding: 7px;
 background: url(../images/apercu.png);
 background-repeat:no-repeat;
 background-position:center center;
}

#details {
 width:165px;
 float:right;
 background-color:#222222;
 padding:1em;
 margin:0px 0px 5px 5px;
}

#top{
	display: block;
	text-align: left;
	clear: both;
}

#top, #bottom{
	width: 100%;
	height: 32px;
	padding: 0;
	margin: 0;
}

.left{
	float: left;
	width: 32px;
}

.right{
	float: right;
	width: 32px;
}

.right, .left{
	height: 32px;
	display: inline;
}



#text {
 width: 800px;	
 float:left;
}

.mark {
 background-color:#222222;
 color:orange;
}

.tags10 {
 font-size:90%;
}


/* Contact */
.pfc_err {
 border:1px solid red;
 background-color:green;
}