/* CSS Document */


/* STANDARDS */

#fond { background:#000000 url(../images/bg.jpg) repeat-x; }
#taglist { overflow:hidden; width:600px; padding:0 0 0 10px; }
#taglist li { float:left; margin:0 10px 0 10px; }
#taglist li a { white-space:nowrap; }
.comment_top a { color: #990000; }
.comment_top a:hover { color:#666; }
/* MAIN PHOTO AREA */

#img_thumb { float:left; }
#img_thumb img { background-color:#EDF5E6; margin:0 7px 7px 0; padding:5px; border:1px solid #AAAFA4; }
#image_wrapper { position:relative; margin-left:auto; margin-right:auto; }
#photobox { /*background-color:#000;*/ padding-bottom:10px; width:100%; text-align:center; /*border-bottom:10px solid #aaafa4;*/ margin-bottom:10px; margin-left:-10px; min-height:350px; }
#photo { border:none; margin-bottom:0px; padding:10px; }
/* */

#menu_browse { position: absolute; margin: 0px; margin-right:0px; margin-left:10px; padding: 0px; top: 0px; left:0; z-index:10; width:750px; text-align:center; }
#menu_browse a { outline:0; }
#menu_browse_prev,
#menu_browse_next { width: 49.9%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#menu_browse_prev { top: 0px; left:10px; position:absolute; }
#menu_browse_next { top: 0px; right:10px;position:absolute; }
#menu_browse_prev:hover,
#menu_browse_prev:visited:hover { background: url('../images/prevImage.png') no-repeat left center; cursor: pointer; }
#menu_browse_next:hover,
#menu_browse_next:visited:hover { background: url('../images/nextImage.png') no-repeat right center; }
/* */

body { /*background-color:#dae1d3;*/ background-color:#000000; font-size:11px; line-height:16px; /*font-family:Georgia, "Times New Roman", Times, serif;*/ font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; color:#666; text-align:center; }
html { /*min-height:100.1%;*/ }
/* RESET */

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li { margin:0px; padding:0px; }
h1 { text-align:left; }
h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; text-align:left; }
h3 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-size:14px; letter-spacing:1px; color:#666; text-align:left; }
hr { display:none; }
p { text-align:left; }
a { color:#666; text-decoration:none; outline:0; }
a:hover { color:#FFF; text-decoration:none; }
.category h2 { padding:0 0 0 15px; }
.category a { color:#9b9b9b; }
.category a:hover { color:#FFF; }
/* CUSTOM CLASSES */

.inside { width:800px; margin:0px auto; }
.leftimg { float:left; margin:0px 10px 10px 0px; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.summary { color:#838d7a; font-size:14px !important; line-height:24px; text-align:justify; }
/* HIDDEN IMAGE INFO AREA + COMMENTS LIST */

.titre_header { border-bottom:1px dashed #AAAFA4; }
.titre_header a { color:#990000; }
.titre_header a:hover { color:#666; }
#image-info { text-align:left; width:100%; background:#DAE1D3; border-bottom:10px solid #aaafa4; }
#image-info .inside { }
#image-info .inside p { font-size:10px; color:#666; margin:0px; }
#image-info .inside ul { }
/* IMAGE NOTES */

#image-info h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-weight:normal; letter-spacing:2px; font-size:11px; text-transform:uppercase; padding:10px 0px 10px 0px; }
#image-info h2 em { margin-left:15px; }
#image_notes { width:45%; float:left; margin:20px 0 10px 0; }
#img_notes { /*background-color:#EDF5E6;
	padding:10px;
	border:1px solid #AAAFA4;*/ margin:0 0 10px 0; padding-bottom:0px; padding:0 0 10px 0;}
#img_notes a,
img_notes a:visited { color:#CC0000; }
#img_notes a:hover { color:#666; }
#image_notes { border-right:1px dashed #999; }
#image_notes,
#image_comments { font-style:normal; line-height:16px; }
#image_notes p { font-size:10px; color:#666; margin:0px; padding-bottom:10px; }
#image_comments { width:50%; float:right; margin:20px 0px 10px 0px; }
#image_comments ul { padding:0px 0px 0px 10px; }
#image_comments li { font-size:11px; color:#666; margin:0px 0px 15px 0px; list-style:none; border-bottom:1px dashed #999; padding-bottom:5px; }
#image_comments li a { color:#666666; font-weight:bold; margin:10px 0 0 0; }
.comment_top { margin-top:5px; }
/* HEADER + NAVIGATION */

#header { width:100%; height:65px; /*background-color:#000;*/ }
#header .inside { /*background:#000;*/ height:65px; }
#header .inside h1 a { float:right; text-align:right; color:#9b9b9b; padding-top:22px; font-weight:normal; display:block; font-size:18px; }
#header .inside h1 a:hover { color:#FFF; }
#header .inside ul { float:left; margin-top:25px; }
#header .inside li { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:2px; text-transform:uppercase; font-size:10px; display:inline; }
#header .inside li a { color:#9b9b9b; padding-left:2px; padding-right:2px; }
#header .inside li a:hover { text-decoration:none; color:#FFF; }
.secondary a { color:#FFF !important; }
.secondary a:hover { color:#9b9b9b !important; }
/* IMAGE NAVIGATION */

#infobox { width:100%; text-align:left; min-height:350px; }
#image-navigate { padding:10px 0px; }
#image-navigate li { font-family: Trebuchet MS, Arial, Verdana, sans-serif; text-transform:uppercase; font-size:10px; letter-spacing:2px; list-style:none; width:33%; }
#image-navigate a { display:block; }
/* Pages */

#page { padding:10px 0px; text-align:left; width:740px; margin:0px auto; }
#page h2 { font-weight:normal; letter-spacing:2px; font-size:11px; text-transform:uppercase; margin:0px 0px 10px 0px; font-weight:bold; }
#page p { font-size:10px; font-style:normal; margin: 0px 20px 20px 0px; }
#page ul { font-size:10px; font-style:normal; margin:0px 20px 20px 13px; }
#page ul li { line-height:18px; padding:0px 5px 0px 0px; list-style:square; }
#page a { }
#page img { background:#FFF; padding:3px; border:1px solid #CCC; }
.thumbnails { border:1px solid #CCC; padding:3px; margin:10px 10px 0px 0px; }
/* COLUMNS ON INFO PAGE */

#col1 { width:70%; float:left; }
#col2 { width:33%; float:left; }
#col3 { width:30%; float:right; }
/* Footer */

#footer { clear:both; width:700px; margin:50px auto 0px auto; padding:10px 0px; text-transform:uppercase; }
#footer li { text-align:center; font-size:10px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; display:inline; list-style:none; padding:0px 5px; color:#464646; }
#footer a { color:#9b9b9b; }
#footer a:hover { color:#FFF; }
/* Comments */

#commentbox { width:80%; margin:0px auto; }
#comment-top { background:#000; padding:20px 5px; color:#FFF; }
#comments { margin:0px auto; width:90%; text-align:left; }
#comment-top h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-weight:normal; letter-spacing:2px; font-size:11px; text-transform:uppercase; text-align:center; }
#comment-middle h2 { font-family: Trebuchet MS, Arial, Verdana, sans-serif; font-weight:normal; letter-spacing:2px; font-size:11px; text-transform:uppercase; }
#comment-middle { padding:20px 0px; margin-bottom:7px; }
#addcomment { margin:20px 0px; text-align:left; }
.input { width:45%; font-size:10px; border:1px solid #AAAFA4; background-color:#edf5e6; color:#666; padding:5px; }
#addcomment label { color:#666; font-style:normal; font-size:10px; }
#addcomment textarea { width:100%; height:150px; font-size:11px; border:1px solid #AAAFA4; background-color:#edf5e6; color:#666; padding:5px; }
#addcomment img { margin:15px 0 0 0; }
.comment-button { background:#edf5e6; border:1px solid #AAAFA4; color:#666; padding:3px 10px 3px 10px; cursor:pointer; font-weight:bold; }
/* TAG SUPPORT */

.tags00 { font-size: 8px !important; }
.tags01 { font-size: 10px !important; }
.tags02 { font-size: 12px !important; }
.tags03 { font-size: 14px !important; }
.tags04 { font-size: 16px !important; }
.tags05 { font-size: 18px !important; }
.tags06 { font-size: 20px !important; }
.tags07 { font-size: 22px !important; }
.tags08 { font-size: 24px !important; }
.tags09 { font-size: 26px !important; }
.tags10 { font-size: 28px !important; }