/*---vimages_gray_2_flat, thème gris, réalisé par Vimages pour PWG 1.7.0.*/
/*---Inspiré des thèmes … menus horizontaux, hk, gbo, hr...--------------*/
/*---Merci beaucoup à leurs auteurs.-------------------------------------*/
/*--- 1) base ---*/
	@import url(menu.css);
* {
	margin: 0;
	padding: 0;
	border: 0;
}
* {
	outline: none;
}
body {
	background-color: black;
	font-size: 0.7em
	font-family: verdana, helvetica, arial, sans-serif;
	width:920px;
	margin-left: auto;
	margin-right: auto;
}
/*--- 2) common styles ---*/
BODY {
	color: white;
}
h2 {
	color: white;
}
ul {
	list-style: none;
}
ul li {
	list-style: none;
}
li.texte {
	list-style: square;
	margin-left:2em;
}
H3 {
	color: white;
}
a, a:link {
	color: #FFD500;
/*--- couleur: link a: ---*/
	text-decoration: none;
	border: 0;
}
a:hover {
	color: #FF9900;
/*--- couleur: link a:hover ---*/
	text-decoration: none;
	border: 0;
}
pre {
	overflow: auto;
	width: 100%;
	height: auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
#the_page {
	background-color: transparent;
/*	border: 1px solid silver; */
}
#comments H2, .titrePage h2 {
	background-color: transparent;
	color: white;
	border: 0;
	padding: 2px;
}
.titrePage a {
	color: #FFD500;
/*--- couleur: link a: ---*/
}
.titrePage a:hover {
	color: #FF9900;
/*--- couleur: link a:hover ---*/
}
/*--- 3) the menus ---*/
#menubar {
	position: relative;
	z-index: 2;
	cursor: pointer;
}
/*--- 3a) horizontal menubar ---*/
#menubar, BODY#theAdminPage #menubar {
	float: none;
	width: 98%;
	margin: 4px auto;
	display: block;
  background-image: url(images/tableh1_bg.png);	
}
/*--- 3b) set menubar height (not for IE) ---*/
#the_page > #menubar, BODY#theAdminPage #the_page > #menubar {
	height: 2.1em;
	padding: 0;
}
#menubar DL>DT {
	padding: 0.2em 0.4em;
}
/*--- 3c) general UL formating ---*/
#menubar UL, #menubar DL, #menubar UL#menuTagCloud {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#menubar DL {
	display: inline;
	padding: 0 2.1em;
}
BODY#theAdminPage #the_page > #menubar DL {
	padding: 0 0.5em;
}
#menubar UL {
	margin: 0;
	padding: 0;
	width: 15em;
}
#menubar ul li a {
	padding-right: 3em;
}
#menubar P, #menubar P.totalImages, FORM#quickconnect {
	clear: both;
	margin: 0;
	text-align: center;
	padding: 0.2em;
}
/*--- 3d) titles and links ---*/
#menubar A, #menubar DT {
	display: block;
}
/*--- 3e) positioning ---*/
#menubar LI {
	position: relative;
}
#menubar DD {
	position: absolute;
	z-index: 500;
}
#menubar DD UL UL {
	position: absolute;
	top: 0px;
	left: 100%;
	z-index: 500;
}
#menubar LI SPAN, #menubar LI IMG {
	position: absolute;
	top: 0;
}
#menubar LI SPAN {
	right: 7px;
}
#menubar LI IMG {
	right: 3em;
}
/*--- 3f) hiding and revealing up to 6 menu levels ---*/
DIV#menubar DD, DIV#menubar UL UL, DIV#menubar UL LI:hover UL UL, DIV#menubar UL UL LI:hover UL UL, DIV#menubar UL UL UL LI:hover UL UL, DIV#menubar UL UL UL UL LI:hover UL UL {
	display: none;
}
DIV#menubar DL:hover DD, DIV#menubar UL LI:hover UL, DIV#menubar UL UL LI:hover UL, DIV#menubar UL UL UL LI:hover UL, DIV#menubar UL UL UL UL LI:hover UL, DIV#menubar UL UL UL UL UL LI:hover UL {
	display: block;
}
/*--- 3g) styles ---*/
/*--- 3g-1) Menubar ---*/
#menubar {
	background-color: transparent;
  background-image: url(img/tableh1_bg.png);	
	color: #FFD500;
/*--- couleur: link a: ---*/
	border: 1px solid silver;
}
#menubar a {
	color: #FFD500;
/*--- couleur: link a: ---*/
	display: block;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}
#menubar A:hover {
	color: #FF9900;
/*--- couleur: link a:hover ---*/
	background-color: #888888;
}
#menubar P, #menubar P.totalImages {
	background-color: #888888;
	font-size: 0.8em;
}
#menubar LI SPAN {
	background-color: #888888;
}
/*--- 3g-2) DT ---*/
/*--- menus racines ---*/
#menubar dt {
	color: #FFD500;
/*--- couleur: link a: ---*/
/*---	background-color: #888888; ---*/
}
#menubar DT:hover {
}
#menubar DT a {
	display: block;
	text-decoration: none;
	border: 0;
/*---	background-color: #888888; ---*/
	cursor: pointer;
}
/*--- 3g-3)DD ---*/
#menubar DD {
	background-color: #888888;
	color: black;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
}
#menubar DD a {
	color: #FFD500;
/*--- couleur: link a: ---*/
	display: block;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}
#menubar DD a:hover {
	background-color: #555555;
	color: #FF9900;
/*--- couleur:: link a:hover ---*/
}
#menubar DD span {
	display: block;
	text-decoration: none;
	border: 0;
}
#menubar DD LI {
	padding: 0.5em;
}
#menubar DD:hover {
	background-color: #555555;
}
/*--- 3g-4)UL --LI ---*/
#menubar ul li {
	color: #FFD500;
/*--- couleur: link a: ---*/
	display: block;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	background-color: #888888;
}
#menubar li:hover, li a:hover {
	background-color: #555555;
}
#menubar ul:hover, ul a:hover {
	background-color: #555555;
}
/*--- 4) header ---*/
#theHeader {
	background-image: url(http://www.erwannf.fr/pwg/images/baniere.jpg);
  background-repeat: no-repeat;
  background-position: top;
  height: 80px;
	margin: 4px auto;
}
#theHeader h1 {
	font-size: 2em;
	margin: 0;
	color: white;
	text-align: center;
	position: absolute;
	left: 30px;
	top: 50px;
}
#theHeader p {
/*	display: none; */
}
/*--- 5) page ---*/
#the_page {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color: transparent;
	color: white;
/*	border: 1px solid Silver; */
}
#content {
	position: relative;
	z-index: 1;
	background-color: black;
	width: 98%;
/*	border: 1px solid silver; */
	padding: 2px;
}
#content div.titrePage {
	height: 60px;
	padding: 4px 3px;
}
#content div.titrePage H2 {
	height: 30px;
	border-top: 1px solid silver;
	border-width: 70%;
}
/*--- 6) thumbnails catégories pages ---*/
#content ul.thumbnailCategories li {
	width: 48%;
/*--- largeur colonne catégories ---*/
}
#content div.thumbnailCategory {
	padding: 2px;
/*border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-bottom: 0; */
	background-color: #555555;
}
#content div.thumbnailCategory:hover {
	padding: 2px;
/*	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-bottom: 0;*/
	background-color: #888888;
}
#content div.thumbnailCategory:hover a {
	color: #FF9900;
/*couleur: link a:hover---*/
	border: 0px;
}
#content DIV.thumbnailCategory DIV.illustration {
	border: 0px;
	width: 152px;
	height: 152px;
/* max thumbnail width + 2px */
}
#content DIV.thumbnailCategory DIV.description {
	border: 0px;
	padding: 2px;
}
#content DIV.thumbnailCategory DIV.description  p {
	border: 0px;
	text-align: left;
	padding: 2px;
}
#content DIV.thumbnailCategory DIV.description a:hover{
	background-color: #555555;
}
#content DIV.thumbnailCategory DIV.illustration img {
	border-left: 2px solid black;
	border-top: 2px solid black;
	border-bottom: 2px solid #C9C9C9;
	border-right: 2px solid #C9C9C9;
}
#content DIV.thumbnailCategory DIV.illustration img:hover {
	border-left: 2px solid black;
	border-top: 2px solid black;
	border-bottom: 2px solid #C9C9C9;
	border-right: 2px solid #C9C9C9;
	background-color: #555555;
}
#content DIV.thumbnailCategory DIV.illustration a:hover {
	background-color: #555555;
}
/*--- 7) thumbnails pictures pages ---*/
#content UL.thumbnails SPAN,
#content UL.thumbnails SPAN.wrap2 A,
#content UL.thumbnails LABEL,
#content DIV.thumbnailCategory DIV.illustration {
	width: 167px;
/*--- diapo max thumbnail width + 15px ---*/
}
#content DIV.thumbnailCategory DIV.description {
	height: 154px;
	overflow: hidden;
	padding-left: 2px;
/*--- diapo max thumbnail height + 4px ---*/
}
div.illustration  img {
	border: 0px solid black;
}
div.illustration  img:hover {
	border: 0px solid #FF9900;
/*---couleur: link a:hover ---*/
}
#content UL.thumbnail IMG {
	border: 1px solid #FFD500;
/*--- couleur: link a: ---*/
}
#content UL.thumbnails SPAN.wrap2 {
	height: 167px;
/*--- diapo max thumbnail height + 15px ---*/
	overflow: hidden;
	padding-left: 2px;
	background-color: #888888;
}
#content UL.thumbnails SPAN.wrap2:hover {
	background-color: #555555;
}
#content UL.thumbnails SPAN.wrap2 a:hover {
	background-color: #555555;
}
#content UL.thumbnails SPAN.wrap2 IMG {
	border-left: 2px solid black;

	border-top: 2px solid black;
	border-bottom: 2px solid #C9C9C9;
	border-right: 2px solid #C9C9C9;
}
#content ul.thumbnails span.thumbLegend {
	padding: 0.5em 0;
}
#content DIV.comment BLOCKQUOTE {
	margin-left: 160px;
/*maximum thumbnail width + ~10px */
}
#content DIV.thumbnailCategory DIV.description  p {
	text-align: left;
}
.zero {
	display: none
}
.nb-hits {
	color: #a9a9a9;
}
.nb-comments {
	color: #a9a9a9;
}
/*--- 8) picture page ---*/
#thePicturePage#the_page {
	background-color: #4b4b4b;
}

#thePicturePage #the_page #theHeader {
 display: none;
}

#imageToolBar {
}
#imageHeaderBar {
	width: 100%;
	background-color: #5d5d5d;
  background-image: url(img/tableh1_bg.png);
  background-repeat: repeat-x;
  background-position: top;
	border: 1px solid silver;
}
#theImage IMG {rgb(222,222,151)
	border: 5px solid white;
}

#theImage P {
  padding-top: 1em;
  padding-left: 17%;
  padding-right: 17%;
}

#imageHeaderBar H2 {
	border: 0px;
/*	clear: both; rgb(12,12,12)*/
	text-align: center;
	padding: 0.5em 0 0 0;
}
#imageHeaderBar .browsePath a {
	color: #FFD500;
/*--- couleur: link a: ---*/
	text-decoration: none;
}
#imageHeaderBar .browsePath a:hover {
	color: #FF9900;
/*--- couleur: link a:hover ---*/
}
.infoTable {
	background-color: black;
	margin: 10px auto;
}
#thumbPrev {
	margin: 10px 0 0 10px;
}
#thumbNext {
	margin: 10px 10px 0 0;
}
a#thumbPrev, a#thumbNext {
	text-decoration: none;
	border: 0px;
}
/*--- 9) tags ---*/
/*--- 9b) menuTagCloud ---*/
#menubar UL#menuTagCloud {
	width: 21em;
	background-color: #a0a0a0;
}
#menubar UL#menuTagCloud A {
/*--- padding-left: 2px; ---*/
}
#menubar UL#menuTagCloud LI {
	float: left;
	display: block;
}
UL#menuTagCloud A IMG {
	right: 0em;
	float: left;
	vertical-align: middle;
}
#menubar UL#menuTagCloud li A {
	padding-right: 0;
}
UL#menuTagCloud A {
	left: 2px;
	padding-right: 0;
	border-width: 0;
}
#menubar UL#menuTagCloud A.tagLevel1, #menubar UL#menuTagCloud A.tagLevel2, #menubar UL#menuTagCloud A.tagLevel3, #menubar UL#menuTagCloud A.tagLevel4, #menubar UL#menuTagCloud A.tagLevel5, #menubar UL#menuTagCloud A.tagLevel6, #menubar UL#menuTagCloud A.tagLevel7, #menubar UL#menuTagCloud A.tagLevel8, #menubar UL#menuTagCloud A.tagLevel9, #menubar UL#menuTagCloud A.tagLevel10 {
	padding-left: 10px;
}
/*--- 9c) Page des tags --- */
ul#fullTagCloud {
	position: relative;
	border: 1px solid silver;
	border-width: 1px 0;
	padding: 5px;
	margin: 8px 0 20px 0;
	overflow: hidden;
	height: 100%;
	font-size: 100%;
	background: #888888;
}
ul#fullTagCloud li {
	display: block;
	float: left;
	margin: 4px;
	padding: 1px 5px;
	height: 18px;
	line-height: 18px;
	background: #888888;
}
ul#fullTagCloud li a:link, ul#fullTagCloud li a:visited {
	color: #005D99;
	text-decoration: none;
}
ul#fullTagCloud li a:hover {
	text-decoration: underline;
	border: 0;
}
ul#fullTagCloud li a:focus, ul#fullTagCloud li a:active {
	color: #555555;
}

.tagLevel1 {
	font-size: 80%;
}
.tagLevel2 {
	font-size: 90%;
}
.tagLevel3 {
	font-size: 100%;
}
.tagLevel4 {
	font-size: 110%;
}
.tagLevel5 {
	font-size: 120%;
}
.tagLevel6 {
	font-size: 130%;
}
.tagLevel7 {
	font-size: 140%;
}
.tagLevel8 {
	font-size: 150%;
}
.tagLevel9 {
	font-size: 160%;
}
.tagLevel10 {
	font-size: 170%;
}

/*--- 10) comments ---*/
#comments {
	width: 500px;
	margin: 20px auto;
}
#comments DIV.comment BLOCKQUOTE {
	border: 1px solid #5f5f5f;
	border-left: 2px solid #61707E;
}
FIELDSET, INPUT, SELECT, TEXTAREA, TABLE.table2, #infos, #content DIV.comment  A.illustration IMG {
	border: 1px solid silver;
}
textarea {
	width: 90%;
}
/*--- 11) calendar ---*/
UL.categoryActions, DIV.calendarViews {
	padding-top: 5px;
	padding-right: 6px;
}
/*--- 11b) calendar elements ---*/
SPAN.calItemEmpty {
	color: red;
}
SPAN.calItem, SPAN.calItemEmpty {
	border: 1px solid #61707E;
}
TD.calDayCellEmpty, TD.calDayCellFull {
	border: 1px solid #606060;
}
TD.calDayCellEmpty {
	color: #657583;
}
.calBackDate {
	color: #ffffff;
}
.calForeDate {
	color: #000000;
}

/*--- 12) footer ---*/
#copyright {
	clear: both;
	margin: 0 auto;

	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	height: 40px;
}
#copyright a:link, #copyright a:visited {
	text-decoration: underline;
	color: #FFD500;
/*--- couleur: link a: ---*/
}
#copyright a:hover {
	text-decoration: none;
	color: #FF9900;
/*--- couleur: link a:hover ---*/
	border: 0;
}
/*--- 13) others ---*/
.pleaseNote {
	margin: 20px auto;
	width: 700px;
	background: #eee;
	color: #fea246;
	border: 1px solid #fea246;
	padding: 1ex;
	font-weight: bold;
}
.header_notes {
	background-position: left center;
	padding: 5px 0px;
}
li.categoryLi {
	float: left;
	margin: 2px;
	width: 46%;
}
input.rateButton {
	color: #FFD500;
/*--- couleur: link a: ---*/
}
input.rateButtonSelected {
	color: #FFD500;
/*--- couleur: link a: ---*/
}
INPUT.rateButton:hover {
	color: #FF9900;
/*--- couleur: link a:hover ---*/
}
.tabsheet li {
	color: white;
}
.tabsheet li a {
	color: #FFD500;
/*--- couleur: link a: ---*/
}
.tabsheet li a:hover {
	color: #FF9900;
/*--- couleur: link a:hover ---*/
}
.tabsheet li {
	background-color: #708090;
}
.selected_tab {
	background-color: #9e9c96;
}
ul.tabsheet {
	border-color: #807d76;
}
.tabsheet li {
	border: 1px solid black;
}
.tabsheet li:hover {
	border-color: #484848;
}
/*--- 14) quickconnect (still to be fixed for IE)---*/
FORM#quickconnect FIELDSET {
	width: 220px;
}
FORM#quickconnect LABEL {
	clear: left;
	text-align: left;
}
FORM#quickconnect LABEL INPUT {
	font-size: 1em;
}
FORM#quickconnect P, FORM#quickconnect A {
	border: none;
	padding: 0;
}
FORM#quickconnect ul.actions {
	width: auto;
}
FORM#quickconnect ul.actions li {
	display: inline;
	float: right;
}
/*---  15) Admin page ---*/
#content, BODY#theAdminPage #content {
	margin: 0 auto;
	background-color: #4b4b4b;
	color: white;
}
.row1 {
	background-color: #61707E;
}
.row2 {
	background-color: #657583;
}
.throw {
	background-color: #5E6B7D;
}