/*** RESET ***/
html,body,div,span,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
body,div,a { position: relative; }



/* GLOBAL */

body { margin: 0; padding: 0; height: 100%; background: #333; background-image: url(./images/gradient.png); background-repeat: repeat-x; }
.inline { display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; }
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#333; }
textarea { font: 11px/14px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; }


/* PHOTO */

#photo { position: relative; display: block; border: 13px solid #fff; margin: auto; padding: 0; }
#photo_navigation { position: absolute; position: fixed; top: 10px; right: 10px; width: 180px; height: 50px; border: 0px; padding: 0px; margin: 0px; }
#photo_navigation a { display: block; float: left; border: 0px; padding: 0px; margin: 0px; height: 50px; width: 45px; text-decoration: none; cursor: pointer; }


/* NAVIGATION */

#photo_navigation a#previous_photo { background: url('./images/navGauche.png') no-repeat left top; }
#photo_navigation a#back_home { background: url('./images/navHome.png') no-repeat left top; }
#photo_navigation a#next_photo { background: url('./images/navDroite.png') no-repeat left top; }
#photo_navigation a#show_infos { background: url('./images/navInfo.png') no-repeat left top; }

#photo_navigation a#previous_photo:hover { background-position: left center; }
#photo_navigation a#back_home:hover { background-position: left center; }
#photo_navigation a#next_photo:hover { background-position: left center; }
#photo_navigation a#show_infos:hover { background-position: left center; }

#no_next_photo { background: url('./images/navDroite.png') no-repeat left bottom; }
#no_previous_photo { background: url('./images/navGauche.png') no-repeat left bottom; }

#alertComments {background: url('./images/alert.png') no-repeat left top; position: absolute; position: fixed; top: 70px; right: 39px; width: 122px; height: 32px; margin: 0; color: #ccc; text-align: center; }
#alertComments span { line-height: 32px; vertical-align: middle; }

/* INFOS */

#infos { font-size: 12px; }
#infos a { color: #aaa; text-decoration: none; }
#infos h2, #infos h2 a { font-weight: bold; font-size: 16px; line-height: 16px; margin-bottom: 4px; color: #444; }
#infos .html-title { font-size: 12px; font-weight: bold; color: #555; text-transform: uppercase; }
#infos .highslide-body { color: #555; }
#infos b { color: #2575b6; }

#infos #compteur { margin: 20px 0; }
#infos #comments_form_block { margin: 20px 0; }
#infos #comments_block { margin: 20px 0; }

#infos #comments_form_block h2 a { padding-right: 22px; background: url(http://www.cailus.net/photos/images/icon_comment.png) no-repeat bottom right; }

/* FORM */

#infos textarea, #infos input[type="text"] { margin: 2px 5px; color: #999; }
#infos textarea { width: 300px; height: 100px; border: 1px solid #999;}
#infos input[type="text"] { width: 200px; }
#infos input, #infos textarea { font-size: 11px; }


/* COMMENTS */

#comments_block ol { list-style: decimal outside; }
#comments_block .pseudo { font-size: 13px; font-weight: bold; margin-top: 6px; }
#comments_block .date { color: #AAA; margin-bottom: 4px; }
#comments_block .comment {}
#comments_block a { color: #2575b6; text-decoration: underline; }


/* RATINGS */

#rating, #rating-send { margin: 20px 0; }
#rating-done { margin: 20px 0 5px; }
#average-rate { margin: 5px 0 20px; }
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating { background: url(http://www.cailus.net/photos/images/star.png) left -999px repeat-x; }
.star-rating { position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; }
.star-rating li { display:inline; padding:0 !important; }
.star-rating a, 
.star-rating .current-rating { position:absolute; top:0; left:0; text-indent:-999em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus { background-position: left bottom; }
.star-rating a.one { width:20%; z-index:6; }
.star-rating a.two { width:40%; z-index:5; }
.star-rating a.three { width:60%; z-index:4; }
.star-rating a.four { width:80%; z-index:3; }
.star-rating a.five { width:100%; z-index:2; }
.star-rating .current-rating { z-index:1; background-position: left center; }

#rating-send, #rating-done { display:none; font-size:11px; padding:3px 0 3px 16px; color:#666; }
#rating-send { background: url(http://www.cailus.net/photos/images/aqua2spinner12.gif) no-repeat center left; }
#rating-done { background: url(http://www.cailus.net/photos/images/i_greencheck.gif) no-repeat center left; }