/* .............................. */
/* Basic */
/* .............................. */

body {
	text-align: center;
	font: 11px Tahoma,Verdana,Arial,sans-serif;
	background: #4d4d4d url('images/bg.png') repeat left top;
	color: #aaa;
	margin: 0;
	padding: 0;
}

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

input, select, textarea, button {
	font: 11px tahoma;
}

a, a:focus {
	outline: none;
}
 
.wrapper {
	background: url('images/logo.jpg') no-repeat fixed left top;
	direction: rtl;
	min-height: 352px;
	_height: 352px;
}
  
.gras {
	font-weight: bold;
}

.italique {
	/*font-style: italic;*/
}

.orangeg {
	color: #D58900;
	font-weight: bold;
}

.centre {
	text-align: center;
}

/* .............................. */
/* main et titre */
/* .............................. */

#surtitre {
	text-align: right;
	width: 600px;
	margin: 0 auto;
	color: #ffffff;
	direction: rtl;
	display: none;
}

#surtitre a {
	color: #ffffff;
}

#surtitre a:hover {
	color: #EDAD00;
}

#main {
	margin: 0 auto;
	padding-top: 15px;
	width: 585px;
	position: relative;
}

#haut {
	
}

#bord {
	
}

#bas {
	background: transparent url(images/bottom-shadow.png) no-repeat center top;
	height: 21px;
}

#persianstat {
	visibility: hidden;
	height: 0;
}

.image-info {
	background: #f5f5f5;
	border: 1px solid #ccc;
	padding: 20px;
	text-align: justify;
	margin: 0px auto;
	margin-top: 15px;
	line-height: 16px;
	width: 535px;
}

.message 
{
	padding: 5px;
	margin: 5px auto;
	width: 94%;
}

#errorMessage
{
	background: #FDD;
	border: 1px solid #F00;
	color: red;
}

#successMessage
{
	background: none repeat scroll 0 0 #F4FDEF;
	border: 1px solid #ACDFA7;
	color: green;
}
.error_message
{
	width: 45%;
	font-size:14px;
	padding: 5px;
	color: red;
}

hr {
  border: 0px;
}

h1 {
	float:right;
	clear:left;
	font-weight:bold;
	font-size:11px;
	letter-spacing:2px;
	color:#489bd0;
	margin:0px;
	margin-left:5px;
	padding:0px;
	direction: rtl;
	text-shadow: 1px 1px 0 #000;
}

#page {
	background: #313331;
	padding: 15px;
	margin: 0 auto;
	width: 554px;
}

#page a:hover img {
	border-color: #ff0000;
}

ul.menu
{
	margin: 0px;
	padding: 0px;
	text-align: right;
	list-style-type: square;
}

ul.menu li
{
	display: inline;
	float: right;
}

ul.menu li.firstitem {
	
}

.thumbnails {
	border: 1px solid #999;
	padding: 3px;
	margin: 3px;
}

.futureThumbnails {
	margin: 3px;
	padding: 3px;
	border: 1px solid #FF0000;
}

.currentThumbnail {
	/*#D58900*/
	border: 1px solid #ff0000;
	padding: 3px;
	margin: 3px;
}

#calendar ul
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #ddd;
	color: #343434;
	/*width: 100%;*/
	line-height: 18px;
}

#calendar ul li
{
	display: inline;
	padding: 5px;
	border: 0px;
	margin:0 5px 0 0;
}

#calendar ul li a
{
	/*padding: 5px;*/
	color: #343434;
	text-decoration: none;
	/*font-weight: bold;*/
}

#calendar ul li a:hover
{
	/*background-color: #369;*/
	color: white;
	font-weight: bold;
}

#calendar .year
{
	border-left: 3px solid #369;
	background-color: #000;
	color: #aaa;
}

.nolinebreak {
	display: none;
}

ul.commentlist {
	list-style-type: none;
	padding: 0px;
}

.commentlist li {
	border-top: 1px dotted #cccccc;
	margin: 0 auto;
	padding: 5px;
	text-align: right;
	direction: rtl;
	margin-bottom: 5px;
}

.commentlist li a {
	font-style: italic;
}

.commentlist li:hover {
	/*background:#eeeeee;*/
}

.title {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding: 0px;
}

li.moderation {
	border: 1px solid #FF0000;
}

#page ul.menu
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	width: 190px;
}

#page ul.menu li
{
	border: 0px;
	margin: 0px;
	padding: 0px 5px;
	display: inline;
}

#page ul.menu li.firstitem:before {
	content: '';
}

#page ul.menu li a
{
	font-style: normal;
}

#image img#futurePhoto {
	padding: 0px;
	border: 1px solid #FF0000;
}

#loginform div {
	margin: 5px 0;
}

#loginform label {
	width: 80px;
	text-align: right;
	margin-right: 15px;
}

#loginform .comment-button {
	margin-left: 105px;
	margin-right: 15px;
}

#loginform div.infobox {
	float: right;
	width: 150px;
	height: auto;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666;
	font-size: 88%;
}

#admin-toolbar {
	background: #313331;
}

#admin-toolbar img {
	border: 0px;
	margin: 1px;
	padding: 2px;
	/*background: #DDDDDD;*/
}

img#photo {
	border: 0px;
}

.caption
{
	width: 98%;
	color: black;
	padding: 5px;
	font-size: 14px;
	margin-top: 5px;
	margin-left: 0px;
	text-align: left;
	line-height: 18px;
	background-color: #DDDDDD;
}

.caption a
{
	color: black;
	text-decoration: underline;
}

.content
{
	width: 98%;
	padding: 5px;
	background: #FEFEFE;
	padding-bottom: 10px;
}

.gui
{
	padding: 5px;
}

/* .............................. */
/* fieldset */
/* .............................. */

fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

legend  {
	padding: 0 7px 5px;
}

/* .............................. */
/* Link stylings */
/* .............................. */

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #3196ca;
}


/* .............................. */
/* Menu */
/* .............................. */

#menu {
	width: 584px;
	text-align: right;
	margin: 0 auto 5px;
	padding-top: 0px;
	border-bottom: 1px solid #9f9f9f;
	font-size: 12px;
}

#menu a {
	display: block;
	text-decoration: none;
	color: #9f9f9f;
	padding: 0 10px 5px;
	font-size: 11px;
	margin-bottom: 2px;
}

#menu a:hover {
	border-bottom: 2px solid #ccc;
	text-decoration: none;
	color: #ccc;
	margin: 0;
}


/* .............................. */
/* Image */
/* .............................. */

#image {
	position: relative;
	clear: both;
}

#image img{
	background: #313331;
	border: 5px solid #313331;
	width: 575px;
}


/* .............................. */
/* sousphoto */
/* .............................. */

#sousphoto {
  background: #313331;
  width: 565px;
  margin: 0 auto;
  padding: 5px 10px 10px;
  text-align: right;
  font-size: 12px;
  direction: rtl;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -khtml-border-bottom-left-radius: 5px;
  -khtml-border-bottom-right-radius: 5px;
}

.titre {
	/*color: #3196ca;*/
	color: #ccc;
	display: inline-block;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-family: "Courier New", Tahoma, Arial;
	font-size: 14px;
	text-shadow: 1px 1px 0 #000;
}

.soustitre {
	/*padding-top: 10px;
	_padding-top: 1px;*/
	color: #777;
	padding-bottom: 10px;
	font-size: 11px;
	text-align: justify;
	/*margin-top: 10px;*/
	/*clear: both;*/
}

.soustitre  a{
	border-bottom: 1px dotted #aaa;
}
.fleche {
	
}
.prev {
	/*width: 50px;
	_width: 60px;*/
	position: absolute;
	top: 5px;
	left: 5px;
	height: 98%;
	width: 287px;
}
.next {
	/*width: 50px;
	_width: 40px;*/
	position: absolute;
	top: 5px;
	right: 5px;
	height: 98%;
	width: 287px;
}
.prev a {
	background: url(images/space.gif);
	direction: ltr;
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999em;
	outline: none;
}
.next a {
	background: url(images/space.gif);
	direction: ltr;
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999em;
	outline: none;
}
.prev a:hover {
	/*background: transparent url(images/left-arrow.png) no-repeat 10px 93%;*/
	background: transparent url(images/arrow_light_left.png) no-repeat 7px 93%;
}
.next a:hover {
	/*background: transparent url(images/right-arrow.png) no-repeat 245px 10px;*/
	background: transparent url(images/arrow_light_right.png) no-repeat 200px 10px;
}

.exif {
	direction: ltr;
	text-align: left;
	float: left;
}

.exif a#exif {
	display: block;
	position: relative;
	float: left;
}

#photoComments {
	background: #313331;
	width: 585px;
	margin: 0 auto;
	padding-bottom: 10px;
}

/* .............................. */
/* Vignettes */
/* .............................. */

.show-latest-photos {
	display: none;
	text-align: right;
	width: 562px;
	margin: 0 auto;
	padding-bottom: 5px;
}

#vignettes {
	display: none;
	width: 574x;
	margin: 0px auto;
	text-align: center;
}

/* .............................. */
/* credits */
/* .............................. */

#credits {
	font-size: 10px;
	color: #9C9C9C;
	position: relative;
	top: -5px;
}

#credits a {
	text-decoration: none;
	color: #9C9C9C;
}

#credits a:hover {
	text-decoration: none;
	color: #EDAD00;
}

/* .............................. */
/* liste categories */
/* .............................. */

#categorie {
	width: 500px;
	height: auto;
	min-height: 370px;
	_height: 370px;
	padding-top: 7px;
	padding-bottom: 1px;
	margin:0px auto;
}

#catlist {
	float:left;
	height: auto;
	min-height: 370px;
	_height: 370px;
	text-align: left;
	padding-right: 30px;
}

#catlist li{
	list-style-type:none;
}

#catthumbs a:link img {
	padding: 4px;
	border: 1px solid #ffffff;
}

#catthumbs a:visited img {
	padding: 4px;
	border: 1px solid #ffffff;
}

#catthumbs a:hover img {
	padding: 4px;
	border: 1px solid #D58900;
}

/* .............................. */
/* page licence*/
/* .............................. */

#licence {
	text-align: left;
	width: 500px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin:0px auto;
}

#conditions {
	margin: 0px 25px 0px 25px;
}



/* .............................. */
/* page liens */
/* .............................. */

#liens {
	text-align: left;
	width: 500px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin:0px auto;
}

#liens a {
	color: #D58900;
	text-decoration: none;
	font-weight: bold;
}

#liens a:hover {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

#liensg {
	float: left;
	position: relative;
}

#liensd {
	margin-left: 200px;
	margin-bottom: 30px;
}

/* .............................. */
/* page commentaires */
/* .............................. */

#commain {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 auto 10px;
	width: 375px;
}

#comhaut {
	background-image: url(images/comhaut.png);
	height: 25px;
}

#combord {
	background-image: url(images/combord.png);
}

#combas {
	background-image: url(images/combas.png);
	height: 19px;
}

#commain2 {
	margin-right: auto;
	margin-left: auto;
	width: 440px;
}

#comhaut2 {
	background-image: url(images/comhaut.png);
	height: 25px;
}

#combord2 {
	background-image: url(images/combord.png);
}

#combas2 {
	background-image: url(images/combas.png);
	height: 19px;
}

#comthumb {
	float: left;
	position: relative;
	padding: 10px 10px 0 30px;
}

#comnav {
	width: 380px;
	margin: 0 auto;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
	text-align: center;
	padding-bottom: 5px;
}

#comcom {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 15px;
}

#commain ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#commain li {
	border-top:1px dotted #cccccc;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
	direction: rtl;
}

#commain li a {
	font-style: italic ;
}

#commain li:hover {
	/*background:#eeeeee;*/
}

#addcomment {
	width: 380px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 1px;
}

input.input, textarea.input{
	width: 50%;
	border: none;
	color: #666666;
	background: #eeeeee;
	padding: 7px;
	margin: 3px;
}

select.input{
	border:none;
	color:#666666;
	background:#eeeeee;
	padding:6px;
	margin:3px;
}

input.input:focus, textarea.input:focus, select.input:focus {
	background: #fff;
}

div.input {
	clear: both;
}

div.radio {
	clear: none;
}

.text {
	color:#666666;
}

.comment-button {
	background: #4a95ce;
	border: none;
	color: #fff;
	font-size: 11px;
	padding: 4px 10px 6px;
	margin-left: 3px;
}

.link-button {
	background: #eeeeee;
	border:1px solid #cccccc;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 8px 1px 8px;
}

label {
	background-color:#CCCCCC;
	border: 1px solid #cccccc;
	color:#000000;
	display:block;
	float: right;
	font-weight:normal;
	line-height:1.1;
	margin: 4px 2px 2px;
	padding: 6px;
	width:140px;
}


/* .............................. */
/* page commentaires */
/* .............................. */

#dolicho {
	text-align: left;
	width: 500px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0px auto;
}


/*
 * Lightbox CSS
*/
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	text-align: left;
	background-image: url(addons/lightbox/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
* html #overlay {
	background-color: #000;
	background-image: url(addons/lightbox/blank.gif);
	filter: Alpha(opacity=50);
}

#relatedTags {
	margin-right: 10px;
	text-align: right;
	clear: both;
}

#allTags{
	margin-left: 10px;
	text-align: left;
}



/* .............................. */
/* rating */
/* .............................. */

.rating {
	cursor: pointer;
	margin: 0;
	/*margin: 0px 0px 0px 190px;
	_margin-left: 110px;*/
}

.ratingPos {
	float: left;
	/*width: 20px;*/
	direction: ltr;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}
.cancel, .star {
	float: left;
	width: 17px;
	height: 16px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
	text-align: left;
}

.cancel a, .star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}

div.rating div.hover a, div.rating div a:hover {
	background-position: 0 -32px;
}

.error, .error-message, #authErrorMessage, #loginErrorMessage {
	color: red;
	padding: 5px;
}

#pagination {
	margin-top: 10px;
}

.tag-cloud a {
	font-family: "Courier New", Arial, Tahoma;
	text-shadow: 1px 1px 0 #111;
}

.tag-cloud a:hover {
	border-bottom: 1px dotted;
}

/* --- social network --- */

.social-icons {
	width: 260px;
	margin: 20px auto 10px;
}

.social-icons .left-acolad {
	background: url(images/acolad.png) no-repeat 0 0;
	float: left;
	height: 37px;
	margin: 5px 5px 0 0;
	width: 12px;
}

.social-icons .right-acolad {
	background: url(images/acolad.png) no-repeat 0 -37px;
	float: left;
	height: 37px;
	margin: 5px 0 0 5px;
	width: 12px;
}

.social-icons a {
	background: url(images/twitter.png) no-repeat 50% 50%;
	direction: ltr;
	display: block;
	float: left;
	text-indent: -9999em;
	width: 45px;
	height: 45px;
}

.social-icons a.friendfeed {
	background-image: url(images/ff.png);
}

.social-icons a.flickr {
	background-image: url(images/flickr.png);
}

.social-icons a.gmail {
	background-image: url(images/gmail.png);
}

.social-icons a.lastfm {
	background-image: url(images/lastfm.png);
}

.photo-navigation {
	direction: ltr;
	margin-bottom: 2px;
}

.photo-navigation a {
	color: #ccc;
	text-transform: uppercase;
}

.photo-navigation a:hover {
	color: #e0e0e0;
}

.photo-navigation .next-nav {
	float: right;
}

.photo-navigation .prev-nav {
	float: left;
}

/* ------- Tooltip ------- */

#tooltip {
	display: none;
	background: #000;
	position: absolute;
	z-index: 9999;
	color: #fff;
	font-size: 11px;
	padding: 5px;
	white-space: nowrap;
	top: 18px;
	left: 5px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}