/* $Id: theme.css 2840 2008-11-07 18:48:38Z vdigital $ */
.content div.thumbnailCategory div.illustration { 
	width: 370px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ 
}
.content div.thumbnailCategory { 
	height: 270px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ 
}
.content div.thumbnailCategory div.description .text { 
	height: 228px !important; /* -42px than previous one */ 
}

/* COULEUR DES TITRES */
BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT { 
	color:#6a645a; 
}
#imageHeaderBar, #imageToolBar A:hover { 
	background-color: transparent;
}
BODY { 
	margin:0; 
	min-height: 100%; 
	height: 100%; 
	padding:0 
}
#the_page { 
	background:url('images/top-left-bg.jpg') no-repeat left top;
	margin:auto; 
	padding:0; 
	top:0; 
	z-index:0; 
	width: 1100px;
	min-width: 1000px; 
	display: block;
}
#mbIdentification p, .totalImages { 
	color:#333; 
}
.header_msgs { 
	background:url('images/header_msgs-bg.gif') left top;
	border:0px none; 
	color:#333; 
	font-size:24px; 
	left:0; 
	margin:0; 
	position:absolute;
	text-align:center; 
	top:0; 
	width:100%; 
	z-index:99; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:6px 
}
.header_notes {
	background:url('images/header_msgs-bg.gif') left top;
	border:0px none;
	color:#333;
	font-size:16px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:99
}

#menubar DL { 
	background:url('images/menuBox_top.gif') no-repeat left top;
	padding:0; 
	width: 231px; 
	min-width: 231px; 
	border: 0px none; 
	min-height: 32px; 
	overflow-x: hidden; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:5px
}
#imageHeaderBar H2 { 
	border: 0px none; 
}
#menubar DT { 
	background-color:#ffffff; 
	border:0px none; 
	display:inline; 
	margin-left:8px; 
	text-align:left 
}
#menubar DD { 
	background:url('images/menuBox_bottom.gif') no-repeat left bottom;
	width: 231px; 
	min-width: 231px; 
	border: 0px none; 
	overflow-x: hidden; margin-left:0px; margin-right:0; margin-top:14px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:22px
}
#menubar UL, #menubar #mbCategories p, #menubar .illustration  { 
	background:url('images/menuBox_sides.gif') repeat-y left bottom;
	margin:0; 
}
#menubar DT A { 
	font-size: 100%; 
}
#menubar UL { 
	color:#333; 
	font-size: 16px; 
	line-height: 15px; 
}
#menubar LI { 
	padding-left: 12px; 

}
#menubar LI UL {
  background: url('images/transparent.gif');
}
#menubar A, .menuInfoCat { 
	font-size: 13px; 
}
#menubar form { 
	background:url('images/menuBox_sides.gif') repeat-y left bottom; 
	margin:0 
}
#menubar DL#mbIdentification { 
	background:url('images/menuId_top.gif') no-repeat left top !important;
}
#menubar #mbIdentification DD { 
	background:url('images/menuId_bottom.gif') no-repeat left bottom; 
}
#menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration  { 
	background:url('images/menuId_sides.gif') repeat-y left bottom; 
}
#menubar #mbIdentification form { 
	background:url('images/menuId_sides.gif') repeat-y left bottom; 
}
#menubar #mbIdentification  .actions, #menubar #mbIdentification form  p { 
	background:transparent none repeat-y scroll left bottom; 
}
#menubar #mbIdentification p { 
	padding: 2px 16px 0; 
	margin: 0;
}
#menubar p { 
	padding: 16px 16px 0; 
}
#menubar .button { 
	position:relative; 

	right:9px; 
	top:16px; 
	height:16px; 
	width:16px; 
}
#menubar #mbIdentification .button { 
	height:24px; 
	right:0px; 
	top:-40px; 
}
#menubar #mbIdentification fieldset { 
	border:0px none; 
	margin-left:23px; margin-right:24px; margin-top:0; margin-bottom:0 
}
#menubar #mbIdentification legend { 
	display: none; 
}
#menubar #menuTagCloud { 
	margin: 0; 
	padding: 0 8px 0 16px; 
}

.content { 

	min-height:466px;
    width:780px
}

.content { 
	border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; 

border-top:0px none; padding-top:7px; margin-left:290px; margin-right:7px; margin-top:21px; margin-bottom:21px; 
}
.content h2 { 
	margin:0; 
	border:0px none;; padding-left:15px; padding-right:10px; padding-top:0px; 

padding-bottom:15px
}

#menubar form { 
	background:url('images/menuBox_sides.gif') repeat-y left bottom; 
	margin-left:auto; 
	margin-right:auto;
}
.content ul.thumbnailCategories li {
	width:100%; 
	margin: 0; 
	padding:0 
}
.content div.thumbnailCategory { 
	padding: 0; 
	margin:0 
}
.content .thumbnailCategory div.illustration { 
	width:500px; 
	margin: 0 !important; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0 
}
.content .thumbnailCategory div.illustration a { 
	display: block; 
	margin: 0; 
	padding:20px 0 20px 0px; 
}
.content .thumbnailCategory div.description { 
	margin: 0; 
	overflow: hidden !important; padding-left:10; padding-right:10px; padding-top:15px; padding-bottom:3px 
}
.content .thumbnailCategory div.description .text { 
	display:block; 
	margin:0px 300px 0 0;
	overflow: auto; 
	overflow-x:hidden; 
	padding:0 0 0px; 
}
.content div.thumbnailCategory div.description p.dates { 
	margin: 0 15px 0 15px; 
	text-align: right; 
}
.content .thumbnailCategory div.description H3 { 
	display: block; 
}
.content ul.thumbnailCategories li:hover { 
	background-color:#d9d8d1; 
} 
.infos { 
	color:#f70; 
	border:0px none; 
	background-color: transparent; 
	margin-left:125px;
	min-height: 48px; 
	text-align:left; padding-left:100px; padding-right:0px; padding-top:5px; padding-bottom:0px 
}
.infos li, .errors li { 
	list-style-type:none; 
}
.errors { 
	color:#f30; 
	border:0px none; 
	background-color: transparent; 
	margin-left:125px;
	min-height: 48px; 
	text-align:left; 
	font-weight:bold; padding-left:10pt; padding-right:0px; padding-top:5px; padding-bottom:0pt 
}
#menubar #menuTagCloud { 
	background:url('images/menuBox_sides.gif') repeat-y left bottom;
	margin:0; 
	padding-left:12px; padding-right:12px; padding-top:0; padding-bottom:0 
}
H2 { 
	border-bottom: 1px solid #ffffff; 
}
#qsearchInput { 
	border-color:#c2bfac; 
	color:#c2bfac;
}
FIELDSET, INPUT, SELECT, TEXTAREA { 
	border: 1px solid #666; 
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
	background-color:#c2bfac; 
	color:#999; 
} /* stupid Line but needed  due to inpact on other themes and deadline of Piwigo 2.0 */
INPUT, select, textarea { 
	color:#999; 
	background-color:#444; 
}
input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { 
	background-color: transparent; 
}
#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { 
	background-color:#444;
	color:#999; 
}
.content UL.thumbnails SPAN.wrap2 {
	border: 1px solid #666;	/* thumbnails border color and style */
	border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */ 
}
.content UL.thumbnails SPAN.wrap2:hover { 
	color:#666;
	background-color:#ffffff; 
	border:1px solid #503522;	/* thumbnails border color when mouse cursor is over it */ 
}
#comments ul.actions li, #comments ul.actions li:hover { 
	background:transparent none;
 	padding: 0 22px; 
	clear:both; 
	list-style-type:none; 
}
/* COULEUR dES LIENS */
A, INPUT.rateButton { 
	color:#8c8c8c; 
	border-width: 0; 
}
A:hover, A:active { 
	color:#7fb291; 
	cursor: pointer; 
	border-width: 0; 
}
#theImage A, .illustration A, A.navThumb, A.navThumb { 
	border-bottom-width: 0; 
}
#imageToolBar { 
	padding:0 7%; 
}
#imageHeaderBar .imageNumber { 
	margin-right:7%; 
}
#imageHeaderBar .browsePath { 
	margin-left:7%; 
}
*, *:focus, *:active, input:active, a:active, input:focus, a:focus { 
	outline: none; 
}
#debug { 
	margin: 15px 15px 5px 248px; 
	font-size:12px; 
	clear: both; 
}
.rateButtonStarFull, .rateButtonStarEmpty {   	
	background-image: url('icon/rating-stars.gif'); 
}
#menubar #mbIdentification fieldset div input[type="text"] { 
	margin: 0 0 3px; 
	width: 174px; 
	display: inline; 
}
input[type="button"], input[type="submit"], input[type="reset"] {
	color:#ff3363; 
	background-color:#c2bfac; 
	border-color:#ff3363; 
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	color:#999; 
	border-color:#666; 
}
.titrePage img.button[alt="x"] { margin: 0 3px 3px; }

#comments ul.actions li, #comments ul.actions li:hover { 
	background:transparent none;
 	padding: 0 22px; 
	clear:both; 
	list-style-type:none; 
}
#theCommentsPage .content ul.thumbnailCategories li,
#theCommentsPage .content div.thumbnailCategory ,
#theCommentsPage .content div.thumbnailCategory div.description,
#theCommentsPage .content .thumbnailCategory div.illustration { 
	background-image: none;
}
#theCommentsPage .content div.thumbnailCategory {
	padding: 15px 2px 6px 12px; 
	border: 1px solid #666; 
}
#theCommentsPage .content .odd { 
	background-color: #; 
	border-top:0 !important; 
}
#theCommentsPage .content .even { 
	background-color: #; 
}
#theCommentsPage .content ul.thumbnailCategories li:hover { 
	background-color: transparent; 
}
#theCommentsPage div#comments {
	padding: 0 0 5px 10px;
}
tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
	border-color: #666666;
}