/* Basic */

body { background-color: #FFFFFF; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: gray; padding: 0px; margin: 0px; margin-bottom: 20px; text-align: center; topmargin: 0;}

html, body { min-height: 100.1%;}

#logo { font: bold 20px "Lucida Grande", Lucida, Verdana, sans-serif; color: silver; background-color: #697d7f;}

#image{ border-style: none; margin: 20px;}

#legende {  margin-bottom: 20px; text-align: center; color: #487276;}

#image-notes{  margin-bottom: 20px; text-align: center; color: #487276; font-size: 80%; margin-right: 200px; margin-left: 200px;}

#navigation{ margin-bottom: 20px; font-size: 10px;}

#reference{ margin-bottom: 20px; font-size: 10px; }

#commentaires{ margin-bottom: 20px; width: 600px;}

/* Links */

a { color: gray; text-decoration: none;}

a:hover { color: #FFA800;}

/* Others */

.curview { color: gray;}

h3 { font-weight: bold; font-size: 10px; letter-spacing: 1px; color: #ddd; text-align: center;}

/* Navigation and menu */

.menu { float: right; clear: right; text-align: right; font-size: 10px;}

.menu a { padding: 7px; padding-left: 10px; padding-right: 10px;}

.menu a:hover { text-decoration: none; color: #CCC;}

/* Content*/

img a { border-style: none;}

.addcomment { padding: 0px;}

#photo { border-style: none;}

/* Browse */

#page { text-align: left; width: 800px; line-height: 16px;}

#page a { font-weight: bold;}

#page_comment {text-align: left;}

#thumbmain img { background: #ECECF0; border: 1px solid #090944;}

#thumbmain a:hover img { border: 1px solid #FFA800;}

.column { width: 50%; text-align: left; vertical-align: top;}

.thumbnails { margin: 3px;}

/* Comments */

#comment { width: 225px; background: transparent;}

.commentbody { font-size: 11px; margin: 5 0 10px 0; padding: 2px;}

form { margin: 0; padding: 0;}

textarea, #name, #email, #url, #cookie, #submit, #captcha, #usrpass { background: #ccdcd4; border: 1px solid #d0d9c9; font-size: 11px;}

input { background: #ccdcd4; border: 1px solid #d0d9c9; font-size: 10px;}

.comments { font-size: 10px;}

.comments ul { list-style-type: none; margin: 0px; padding: 10px;}

.comments li { display: block; margin: 0px; margin-bottom: 10px; text-decoration: none; padding: 10px; background-color: #ccdcd4; text-align: left;}

.comments li a { text-decoration: none;}

.comments li a:hover { color: #FFA800;}

.comment-middle { padding: 5px; margin-top: 25px; height: 15px;}

#info { font-size: 10px;  text-decoration: none; padding-left: 12px;}

#info a {}

#info a:hover { color: #FFA800;}

/* Footer */

#footer { text-align: center; margin-bottom: 20px;}