/* $Id: theme.css 2581 2008-09-24 19:15:01Z vdigital $ */

/* text color */

H1, H3, DT, 
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
  color: #777; 
  margin:0 auto;
}

BODY {
  text-align:center;
  font-family: "Lucida Grande", "Corbel", "Lucida Sans Unicode", "Lucida Sans", 
  "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif; 
}

HTML, BODY {
  color : #777;
  font-family : "Lucida Grande", "Corbel", "Lucida Sans Unicode", "Lucida Sans", 
  "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, sans-serif;
  min-height:101%;
} 

BODY {
  width: 940px;
  padding: 0px;
  margin: 0 auto;
  position:relative; /* VERY IMPORTANT FOR IE6 */
  /*border: 1px solid #444;*/
}

#menubar { 
  background-color: transparent;
  /* border: 0px; */
  /* border-bottom: 1px solid #333; added line */
  /* border-right: 1px solid #333; added line */
  text-align: left;
  margin: 0 auto 0 10px;
}

#menubar DL{
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-radius: 8px;
  /* border:1px solid #333; */
  border-spacing:8px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0px;
  background-color: #222;
  padding-bottom: 1px;
}

#menubar DL A {
  color: #aaa;
  font-size: 120%;
  /*font-weight: bold;*/
}

#menubar DL A:hover {
  /*color: #ff3363;*/
  text-decoration: underline;
}

H2 {
  color: #aaa; /* #eee */
}

#menubar DT {
  -moz-border-radius-topleft: 8px; 
  -moz-border-radius-topright: 8px;  
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-radius: 8px;
   /*box-shadow: 5px 5px #333;*/
   background-color: #222;
   font-weight:bold;
}

#menubar DT {
  color: #888;
  font-weight: bold;
  font-size: 120%;
}

#menubar DT A {
  color: #ff3363;
  font-weight: bold;
  /*font-size: 120%;*/
}

#menubar DT A:hover {
  color: #ccc;
  text-decoration: none; 
}

#menubar .selected  A {
  color: #ff3363; 
}

#menubar .selected  A:hover {
  color: #ff3363; 
}

#menubar DT:before {
 content: ""; 
 color: #ff3363;
}

#menubar DT:after {
 content: "";
 color: #777;
}

#menubar .button {
  margin: 0 2px 0px 8px;
  width: auto;
  padding: 0;
  text-indent: 0;
  list-style: none;
  text-align: center;
  float: left;
}

.content .pageNumberSelected {
  font-style:normal;
  color: #ff3363;
}
.content .infos {
  background-color: #777;
  color: #036;
}
.content .errors {
  background-color: #fc5;
  border-color: #ff3363;
  color: #900;
}

/* Set the width of the menubar for the galery */
#menubar {
  width: 16em; /* was 18em */
}
.content {
  margin-left: 17.6em;  /* = #menubar width + 2em was 20em */
  padding-bottom: 1px;
}

/* backgrounds */
HTML, BODY {
  background-color: #111;
}

H3, #imageToolBar A:hover {
  background-color: #222;
}

#imageHeaderBar {
  background-color: #111;  
}

#imageToolBar, .header_notes {
  background-color: #333;
}
A {
  border-color: #777;
}
A:hover {
  border-color: #ff3363;
}
.content {
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-radius:8px;
  background-color: #222;
  /* border: 1px solid #333; border of category and thumbnails area */
  /* padding: 10px; */
}

#menubar DT, TD H3 {
  /* background-image: url(images/tableh1_bg.png); */
  background-repeat: repeat-x;
}

.content H2 {
  background: none;
  border: 0px;
  letter-spacing: -0.05em; 
  text-indent: 1em;
  /* text-transform: uppercase; */
  font-weight: bold;
  margin-bottom: 0px;
}

.content h3 { 
  text-align: center; 
}

.content ul.thumbnailCategories li div.thumbnailCategory .description h3 { 
  text-align: left; 
}

.content ul.thumbnailCategories li div.thumbnailCategory .description h3 span.Nb_images { 
  font-weight:lighter;
  font-size: 90%;
  padding-left:0em; 
}

.content ul.thumbnailCategories li div.thumbnailCategory .description p {
  color: #777; 
  font-weight: lighter;
  font-size: 116%;
  text-indent: 0em; 
  text-align: left;
}

.content p {
  /*text-indent: 1em; */
  margin-left: 3em;
  margin-right: 3em;
}

/* .content ul.thumbnailCategories li div.thumbnailCategory .description p + p { */
/*  color: #777; */
/*  text-align: left; */
/* } */

.browsePath A {
  color: #aaa;
}

.content H2:before, .browsePath:before, .imageNumber:before,
.content H2:after, .browsePath:after, .imageNumber:after,

#imageHeaderBar H2:before {
   content: "";
   color: #777; 
   /* font-family: Times, Zapf-Chancery, Cottonwood, Helvetica; */
   font-family: inherit;
   letter-spacing: 0em; 
}

#imageHeaderBar H2:after {
   content: "";
   color: #ff3363;
   /* font-family: Times, Zapf-Chancery, Cottonwood, Helvetica; */
   font-family: inherit;
   letter-spacing: 0em; 
}

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

#thePicturePage #the_page {
  background-color: #111;
}

#thePicturePage #imageHeaderBar {
 /* background-image: url(images/tableh2_bg.png); */
  background-repeat: repeat-x;
}

#thePicturePage #imageToolBar {
  background-color: #111; /* #111 */
  border-bottom: 1px solid #222;
}

#thePicturePage #theImage {
  background-color: #111;
  margin: 0px;
  padding: 3px 0px 15px 0px;
  /* border-bottom: 1px solid green; */
}

#theImage {
 /* border: 1px solid green; */
}

#comments {
  margin-top:3em;
  width: 100%;
}

#thePicturePage #comments H3{
  background-image: none;
  background-color: #222;
  /* border-top: 1px solid #333; */
  /* border-bottom: 1px solid #333; */
  -moz-border-radius:4px; 
  -webkit-border-radius:4px;
  color: #777; 
  font-weight: lighter;
  height: 2em;
  padding-top:0.5em;
}

#thePicturePage #comments div.thumbnailCategory.even {
  /* background-color: yellow; */
  /* border-bottom: 1px solid blue; */
}

#thePicturePage #comments ul.thumbnailCategories {
  /* background-color: green; */
  /* border: 1px solid red;*/
}
#thePicturePage #comments ul.thumbnailCategories li {
  /*background-color: green;*/
}

#thePicturePage #comments div.thumbnailCategory.odd {
  /* background-color: yellow; */
  /*border: 1px solid orange;*/
}

.titrePage SELECT {
  background-color: #aaa;
}

/* borders */
#imageHeaderBar {
  /* border-top: 1px solid red; */
  padding: 8px 0px 3px 0px;
}
H2, #imageToolBar {
  /* border-bottom: 1px solid #000; */
}

#theImg IMG {
  border: 3px solid #eee; /* frame of the image */
}
{* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> THUMBNAILS POSITIONING *}
.content UL.thumbnails IMG {
  /* border: 1px solid red;*/
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 7px;
  margin-bottom: 5px;
}

.illustration A {
  border: 0px;
}

FIELDSET, INPUT, SELECT, TEXTAREA {
  border: 1px solid #555;
}

/* area of a category thumbnail */
.content DIV.thumbnailCategory {
  -moz-border-radius-bottomleft:4px; 
  -moz-border-radius-bottomright:4px; 
  -moz-border-radius-topleft:4px; 
  -moz-border-radius-topright:4px; 
  -webkit-border-radius:4px;
  border: 1px solid #333; 
  margin: 8px 4px;
  background-color: #333;
}

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

.content UL.thumbnails SPAN.wrap2:hover {
  background-color: #111; 
  border-color: #111;		/* #111 thumbnails border color when mouse cursor is over it */
}

.content UL.thumbnailCategories DIV.thumbnailCategory:hover {
  background-color: #111; 
  border-color: #111;		/* #111 thumbnails border color when mouse cursor is over it */
}

/* links */
A, INPUT.rateButton, legend {
  color: #aaa;
}

A:hover {
  color: #ff3363;
}

#imageToolBar A, #imageToolBar A:hover {
  border-bottom: none;
}
A.navThumb, A.navThumb:hover {
  border-bottom: none;
}
#the_page {
  /* border: 1px solid #ff3363; */
  padding-top: 5px;
  padding-bottom:30px;
  margin: 2px; 
}

#copyright {
  border-top: 1px solid #333;
  color: #666;
  pading-top: 0.5em;
  margin: 0 10px 10px 10px;
  text-align: left;
  font-size: 100%;
}

#copyright A {
  color: #777;
}

label {
	cursor:pointer
}

input#qsearchInput { 
  color: #777; 
  background-color: #222;  
  border: 1px solid #333;
  padding: 1px 3px;
}

.zero { display: none }
.nb-hits { color: #777; }
.nb-comments { color: #ff3363; }

FORM#quickconnect,
FORM#quickconnect FIELDSET,
FORM#quickconnect DIV,
FORM#quickconnect UL.actions,
FORM#quickconnect LABEL {
  color: #777;   
}

FORM#quickconnect DIV INPUT,
FORM#quickconnect INPUT[type=text],
FORM#quickconnect INPUT[type=password] {
  color: #ff3363;   
  background-color: #222;  
  border: 1px solid #333;
}

#comments UL.thumbnailCategories{
  text-align:left;
}

FORM#addComment TEXTAREA {
  background-color: #aaa; 
}

FORM#addComment {
  margin-top: 3em;
  width: 50%;
}

#comments SPAN.author{
  font-weight:bold;
}

#comments DIV.description DIV{
  margin-top:0.5em;
  margin-bottom: 2.5em;
  margin-left: 1.5em;
  margin-right: 4.5em;
  font-weight:bold;
}

FORM#addComment INPUT.submit {
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-radius:5px;
  border:1px solid #919191;
  color:#5A5A5A;
  /* font-family:Verdana,'Bitstream Vera Sans',Times,serif; */
  font-size:10px;
  font-weight:bold;
  padding:1px 2px;
  margin-top: 1em;
  /*margin-right: 110px;*/
  float: left; 
}

.PWG {
  /* font-family: verdana, arial, helvetica, sans-serif !important; */
  font-family: inherit;  
  font-size: 0.9em;
  font-weight: normal;
  letter-spacing: 0px;
}
a.PWG { border: 0px; }
a.PWG .P { color : #ff3363; }
a.PWG .W { color : #aaa; }
a.PWG .G { color : #777; }
a.PWG:hover .P { color : #777; }
a.PWG:hover .G { color : #ff3363; }

.statBar { background-color: #e60; }

#imageToolBar .randomButtons a:hover,
#imageToolBar .navButtons a:hover { background-color: #111; }
#menubar .menuInfoCat,
#menubar .menuInfoCatByChild,
h2.showtitle, #theImage p.showlegend { display: none }
* { outline-width: 0px; }

.info{
  margin: 10px;
  text-align: left;
}

#headerContainer {
  /*border: 1px solid yellow;*/
  overflow: hidden;
  width: 100%;
  position: relative;
}

#theHeader {
  width: 45%;
  float: left;
  text-align:left;
  margin-left:8px;
/*  border: 1px solid red;*/
}

#headerMenu {
  width: 48%;
  margin-top:3em;
  float: right;
  font-weight: bold;
  /* border: 1px solid green;*/
  height:2em;
 font-size: 120%;
}

#headerMenu a
{
color: #bbb;
/*background: #ffa20c url(left-tab.gif) left top no-repeat;*/
text-decoration: none;
padding-left: 10px

}

#headerMenu a span
{
/* background: url(right-tab.gif) right top no-repeat;*/
padding-right: 10px
}

#headerMenu a, #headerMenu a span
{
display: block;
float: left;
}

#headerMenu a {
  margin-left:2em;
}

/* Hide from IE5-Mac \*/
#headerMenu a, #headerMenu a span
{
float: none
}
/* End hide */

#headerMenu a:hover
{
color: #ff3363;
/* background: #781351 url(left-tab-hover.gif) left top no-repeat; */
padding-left: 10px
}

#headerMenu a:hover span
{
background: url(right-tab-hover.gif) right top no-repeat;
padding-right: 10px
}

#headerMenu ul
{
list-style: none;
padding: 0;
margin: 0
}

#headerMenu li
{
float: left;
margin: 0;
} 

/* >>>>>>>> new setup of browsing on the picture page BEGIN */
#theImage {
} 

#imageContainer  {
  width : 940px;
}

#theImg  {
  display : block;
  margin : 0 auto; 
  border : none;
} 

.NavButton {
  display: none;
}

#imgPrev  {
  position : absolute;
  top : 200px;
  left : 0px;
  width : 250px;
  height: 300px;
  text-align : left;
  /*  border: 1px solid #333; */
background : transparent url(images/left2.gif) no-repeat left center;
}

#imgPrev img  {
  margin-left : 0;
  margin-top : 80px;
  border : 1px solid #ff3363;
}

#imgNext  {
  position : absolute;
  top : 200px;
  left : 690px;
  width : 250px;
  height: 300px;
  text-align : right;
  /* border: 1px solid #333; */
  background : transparent url(images/right2.gif) no-repeat right center;
} 

#imgNext img  {
  margin-right : 0;
  margin-top : 80px;
  border : 1px solid #ff3363;
} 

.infoTable {
  text-align:left;
  margin-left:10px;
  margin-top: 0px;
  /* border: 1px solid green; */
  float:left;
}
.infoTable2 {
  text-align:right;
  margin-right:10px;
  margin-top:0px;
  /* border: 1px solid red; */
  float:right;
}
#theImage p {
  margin-top:.5em;
  margin-bottom:.2em;
}

.infoTable2 td.value {
  text-align: left;
}

.infoTable2 td.label {
  text-align: left;
}
/* >>>>>>>> new setup of browsing on the picture page END */

/* >>>>>>>>> round corners gifs only with IE */
/* .bl {background: url(images/bl.gif) 0 100% no-repeat #222; /* width: 20em */} */
/* .br {background: url(images/br.gif) 100% 100% no-repeat} */
/* .tl {background: url(images/tl.gif) 0 0 no-repeat} */
/* .tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:9px} */
/* .clear {font-size: 1px; height: 1px; margin-bottom: 1px;} */
/* >>>>>>>>> round corners gifs only with IE */

.clear {
}

.content .navigationBar {
  color: #777;
}

.navigationBar A {
  color: #777;
}

.navigationBar A:hover {
  color: #ff3363;
}

/* theArtclePage style setup BEGIN */

BODY#theArticlePage .content p {
  /*text-indent: 1em; */
  margin-left: 2em;
  margin-right: 2em;
  font-size: 108%;
}

.picture {
  width: 510px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  padding-top:5px; 
  padding-bottom: 3px; 
  padding-left:1px;
  border: 1px solid #333;
  text-align: center;
}

.picture img{
  border: 1px solid #bbb;
}

.picture span.caption{
  text-align: left;
}

#theArticlePage span.title{
  font-weight: bold;
  color: #999;
}

#theArticlePage div#the_page{
  /*margin-left:10px;*/
  /*margin-right:-6px;*/
  /*border: 1px solid #999;*/
}

#theArticlePage {
  /*border: 1px solid red;*/
}


/* theArticlePage style setup END */


BODY#theAboutPage .content p {
  /*margin-left: 2em;*/
  /*margin-right: 2em;*/
  font-size: 108%;
}

BODY#theContactPage .content p {
  /*margin-left: 2em;*/
  /*margin-right: 2em;*/
  font-size: 108%;
}


FORM.properties INPUT[type=text],
FORM.properties INPUT[type=password] {  
  width: 12em;
}

FORM.properties INPUT#recent_period,
FORM.properties INPUT#nb_line_page,
FORM.properties INPUT#nb_image_line {  
  width: 4em;
}

/* resources style setup BEGIN*/

BODY#theResourcesPage .content p 
{
  /*text-indent: 1em; */
  margin-left: 2em;
  margin-right: 2em;
}

DIV.articlesContainer
{
  /*border: 1px solid red;*/
  margin-bottom: 2em;
  /*margin-top: -10px;*/
}

.articlesList ul
{
  list-style: none;
  padding: 0;
  margin: 0
}

.articlesList li
{
  margin: 0;
} 

.articlesList li a
{ 
  color: #aaa;
  font-size: 108%;
} 

.articlesList li a:hover
{
  text-decoration: underline; 
  color: #aaa;
  font-size: 108%;
} 


/* resources style setup END*/