/* $Id: theme.css 2823 2008-11-04 01:46:17Z rvelices $ */

body
{
	background-color:#3c3b3c;
	background-image:url(images/bgtest.jpg);
	background-repeat:repeat;
	background-position:top;
	color:#FFF;
	font-family:Segoe UI;
	font-size:14px;
	font-weight:inherit;
	
}

#shiny
{
	position:absolute;
	margin:0 auto;
	left:570px;
	
}

#the_page
{
	position:relative;
	top:30px;
	z-index:100;
}

/*.titrePage
{
position:relative;
	top:20px;
}
*/

#top_top
{
	position:absolute;
	margin:0 auto;
	left:0px;
	width:100%;
	height:45px;
	text-align:center;
	background-color:#010101;
	border-bottom:solid 1px #222;
}


#text_accueil
{
	position:relative;
	margin:auto;
	width:500px;
	height:auto;
	text-align:center;
	/*border-bottom:solid 1px #222;*/
}

.button
{
	margin-top:5px;
}
.randomButtons,navButtons
{
	margin-top:3px;
}

#theHeader
{
	position:relative;
	top:-20px;
	z-index:1;
}

#theImage
{
	margin-top:20px;
}

.imageNumber
{
	position:relative;
	top:-25px;
}

.browsePath
{
	position:relative;
	top:5px;
}



SELECT
{
	color:#000;
	font-family:Segoe UI;
}

/* text color */
H1, H3,
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
	color:#FFF;
	font-family:Arial; /*Titre*/
}

H2, #menubar DT {
	color: #EEE;
	background-color: none;
	font-size:15px;
	font-family:"Segoe UI";
	font-style:oblique;
	z-index:200;
	
}


/* backgrounds */

BODY, H3:hover {
	background-color: #2f2f2f;
	
}

#imageHeaderBar
{
	background-image: url(images/imgHeaderBar.png);
	background-position:center;
	background-repeat:repeat-x;
	border-left:solid 1px #333;
	border-right:solid 1px #333;
	padding-top:5px;
	height:37px;
}

.navButtons
{
	margin-top:25px;
	margin-left:-200px;
}

#imageToolBar
{
	background-image: url(images/imgHeaderBar.png);
	background-position:center;
	background-repeat:repeat-x;
	border-left:solid 1px #333;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
	padding-top:5px;
	height:38px;
	top:5px;
}

/*.infoTable
{
	background-color:#000000;
	border:solid 1px #333;
	top:5px;
}*/


#menubar DL, .content, .header_notes {
	background-image: url(images/tableh2_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color: #000;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	margin-top:10px;
	z-index:100;
	
}
#content
{
	margin-top:10px;
	/*background-color:#CCFF00;*/
	z-index:200;
}

H2, #menubar DT {
	background-image: url(images/tableh1_bg.png);
	border-top: 1px solid #666;
	background-position: center;
	background-repeat:repeat;
	z-index:200;
	
	/*border-left: 1px solid #666;
	border-right: 1px solid #666;*/
	/*background-color: #000;*/
}

#imageHeaderBar H2 {
	background-image: none;
	background-color: transparent;
	border: none;
}

#imageHeaderBar {
/*	background-image: url(images/tableh2_bg.png);
	background-repeat: repeat-x;
	background-position: center;*/
	/*background-color: #000;*/
	/*border-left: 1px solid #666;
	border-right: 1px solid #666;*/
	/*margin-top:-10px;*/
}

/* borders */
#menubar DL, .content{
	/*border: 1px solid #000;*/
	z-index:100;
	
	

}

H2, #menubar DT{
	border-bottom: 1px solid #000;
}

FIELDSET, INPUT, SELECT, TEXTAREA,
.content DIV.thumbnailCategory {
	border: 1px solid gray;
	
	
	
}

.content UL.thumbnails SPAN.wrap2 {
	border: 1px solid #aaaaaa;	/* thumbnails border color and style */
	border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
	
	
}

.content UL.thumbnails SPAN.wrap2:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
	/*background-color: #fff;*/
	background-image: url(images/tableh3_bg.png);
	background-position:center;
	background-repeat:repeat;
	border-color: yellow;	/* thumbnails border color when mouse cursor is over it */
	color: #FFF;
	z-index:200;
	
}
#TheImage
{	
	top:20px;
}

/* links */
A, INPUT.rateButton {
	color: #aaa;
	text-decoration:none;
	border: none;
	background-color:none;
}

A:hover {
	color: #f7e40c;
	text-decoration:none;
	border: none;
	background-color:none;
	
}

.link_coms2:hover
{
	color:#bbb;
	font-size:13px;
	text-decoration:none;
	
}

.link_coms2
{
	color:#f7e40c;
	font-size:13px;
	text-decoration:none;
	
}