/* ---------vimages_white_2, thŠme blanc, 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: #f0e6c5;
/*couleur: darkgray*/
	font-size: 0.79em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
/*--- 2) common styles ---*/
BODY {
	color: #f0e6c5;

/*couleur: dimgray*/
}
h2 {
	color: black;
}
ul {
	list-style: none;
}
ul li {
	list-style: none;
}
H3 {
	color: black;
}
a, a:link {
	color: #4682b4;
/*couleur: steelblue*/
	text-decoration: none;
	border: 0;
}
a:hover {
	color: #cd5c5c;
/*couleur: indianred*/
	text-decoration: none;
	border: 0;
}
pre {
	overflow: auto;
	width: 100%;
	height: auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
#the_page {
	background-color: #f0e6c5;

}
#comments H2, .titrePage h2 {
	background-color: white;
	color: black;
	border: 0;
	padding: 2px;
}
.titrePage a {
	color: #4682b4;
/*couleur: steelblue*/
}
.titrePage a:hover {
	color: #cd5c5c;
/*couleur: indianred*/
}
/*--- 3) the menus ---*/
#menubar {
	position: relative;
	z-index: 2;
}
#content {
	position: relative;
	z-index: 1;
}
#content div.thumbnailCategory div.description {
	overflow: hidden;
/* bug in FF 1.0 (not 1.5) */
}
/*--- 3a) horizontal menubar ---*/
#menubar, BODY#theAdminPage #menubar {
	float: none;
	width: 98%;
	margin: 4px auto;
	/*overflow: hidden;
*/
/* bothers FF so we rather set height below */
	display: block;
}
/*--- 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;
}

#menubar DL#mbIdentification {
	width: 6em;
	float: right;
}

BODY#theAdminPage #the_page > #menubar DL {
	padding: 0 0.5em;
}
#menubar UL {
	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: white;
	color: #4682b4;
/*couleur: steelblue*/
	border: 1px solid #696969;
/*couleur: dimgray*/
}
#menubar a {
	color: #4682b4;
/*couleur: steelblue*/
	display: block;
	text-decoration: none;
	border: 0;
	background-color: white;
	cursor: pointer;
}
#menubar A:hover {
	color: #cd5c5c;
/*couleur: indianred*/
	background-color: white;
}

#menubar a img.button {
	display: none;
}

#menubar P, #menubar P.totalImages {
	background-color: #e4e4e4;
/*couleur: gainsboro*/
	font-size: 0.8em;
}
#menubar LI SPAN{
}
/*--- 3g-2) DT ---*/
/* menus racines*/
#menubar dt {
	color: #4682b4;
/*couleur: steelblue*/
	background-color: white;
}
#menubar DL#mbIdentification dt {
	color: #FFFFFF;
}

#menubar DT:hover {
}
#menubar DT a {
	display: block;
	text-decoration: none;
	border: 0;
	background-color: white;
	cursor: pointer;
}
/*--- 3g-3)DD ---*/
#menubar DD {
  background-color: #e4e4e4;
/*couleur: gainsboro*/
	color: black;
	border: 0;
}
#menubar DD a {
	color: #4682b4;
/*couleur: steelblue*/
	display: block;
	text-decoration: none;
	border: 0;
	background-color: #e4e4e4;
/*couleur: gainsboro*/
	cursor: pointer;
}
#menubar DD a:hover {
	background-color: #c0c0c0;
/*couleur: silver*/
	color: #cd5c5c;
/*couleur: indianred*/
}
#menubar DD span {
	display: block;
	text-decoration: none;
	border: 0;
}
#menubar DD LI {
	padding: 0.5em;
}
#menubar DD:hover {
	background-color: #c0c0c0;
/*couleur: silver*/
}
/*--- 3g-4)UL --LI ---*/
#menubar ul li {
	color: #4682b4;
/*couleur: steelblue*/
	display: block;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	background-color: #e4e4e4;
/*couleur: gainsboro*/

}
#menubar li:hover{
	background-color: #c0c0c0;
/*couleur: silver*/
}
#menubar li a:hover {
	background-color: #c0c0c0;
/*couleur: silver*/
}
#menubar ul:hover{
	background-color: #c0c0c0;
/*couleur: silver*/
}
#menubar ul a:hover {
	background-color: #c0c0c0;
/*couleur: silver*/
}
/*--- 4) header ---*/
#theHeader {
	height: 20px;
	margin: 4px auto;
}
#theHeader h1 {
	font-size: 2em;
	margin: 0;
	color: black;
	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:#f0e6c5;
	color: black;
	border: 1px solid #696969;
/*couleur: dimgray*/
}
#content {
	width: 98%;
	border: 1px solid #696969;
/*couleur: dimgray*/
}
#content div.titrePage {
	height: 40px;
	padding: 4px 3px;
}
#content div.titrePage H2 {
	height: 30px;
}
/*--- 6) thumbnails cat‚gories pages ---*/
#content div.thumbnailCategory {
	padding: 2px;
	border-bottom: 2px solid #c9c9c9;
/*couleur: silver*/
	border-right: 2px solid #c9c9c9;
/*couleur: silver*/
	-moz-border-radius: 6px;
	border-radius: 6px 6px;
	background-color: #e4e4e4;
/*couleur: gainsboro*/
	color: black;
}
#content div.thumbnailCategory:hover {
	padding: 2px;
	border-bottom: 2px solid #efefef;
/*couleur: whitesmoke*/
	border-right: 2px solid #efefef;
/*couleur: whitesmoke*/
	background-color: #c0c0c0;
/*couleur: silver*/
	color: white;
}
#content div.thumbnailCategory:hover a {
	color: #cd5c5c;
/*couleur: indianred*/
	border: 0px;
}
#content ul.thumbnailCategories li {
	width: 33%;
/* largeur colonne cat‚gories ---*/
}
#content DIV.thumbnailCategory DIV.illustration {
	border: 0px;
	width: 100px;
	height: 100px;
/* max thumbnail width + 2px */
}
#content DIV.thumbnailCategory DIV.description {
	border: 0px;
	text-align: left;
	padding:  5px;
}
#content DIV.thumbnailCategory DIV.description  p {
	border: 0px;
	text-align: left;
	padding:  3px;
}
#content DIV.thumbnailCategory DIV.illustration img {
	border-left: 2px solid #696969;
/*couleur: dimgray*/
	border-top: 2px solid #696969;
/*couleur: dimgray*/
	border-bottom: 2px solid #c9c9c9;
/*couleur: silver*/
	border-right: 2px solid #c9c9c9;
/*couleur: silver*/
	-moz-border-radius: 6px;
	border-radius: 6px 6px;
	color: black;
}
#content DIV.thumbnailCategory DIV.illustration img:hover {
	border-left: 2px solid #696969;
/*couleur: dimgray*/
	border-top: 2px solid #696969;
/*couleur: dimgray*/
	border-bottom: 2px solid #efefef;
/*couleur: whitesmoke*/
	border-right: 2px solid #efefef;
/*couleur: whitesmoke*/
}
#content DIV.thumbnailCategory DIV.illustration a:hover {
}
/*--- 7) thumbnails pictures pages ---*/
#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A, #content UL.thumbnails LABEL, #content DIV.thumbnailCategory DIV.illustration {
	width: 100px;
/* diapo max thumbnail width*  + 15px */
}
#content DIV.thumbnailCategory DIV.description {
	height: 145px;
	overflow: hidden;
	padding-left: 2px;
}
/* 1ø page max thumbnail height    - 15px */
div.illustration  img {
	border: 0px solid black;
}
div.illustration  img:hover {
	border: 0px solid #cd5c5c;
/*couleur: indianred*/
}
/* Add  Ex-FTB diapo for thumbnails */
#content UL.thumbnails SPAN.wrap2 {
	height: 110px;
/* diopo max thumbnail height *  + 15px */
	overflow: hidden;
	padding-left: 2px;
}
#content UL.thumbnails SPAN.wrap2 {
	background-color: #e4e4e4;
/*couleur: gainsboro*/
}
#content UL.thumbnails SPAN.wrap2:hover {
	background-color: #c0c0c0;
/*couleur: silver*/
/*couleur: darkgray*/
}
#content UL.thumbnail IMG {
	border: 1px solid #4682b4;
/*couleur: steelblue*/
}
#content UL.thumbnails SPAN.wrap2 {
	border-bottom: 2px solid #c9c9c9;
/*couleur: silver*/
	border-right: 2px solid #c9c9c9;
/*couleur: silver*/
	-moz-border-radius: 6px;
	border-radius: 6px 6px;
}
#content UL.thumbnails SPAN.wrap2 IMG {
	border-left: 2px solid #696969;
/*couleur: dimgray*/
	border-top: 2px solid #696969;
/*couleur: dimgray*/
	border-bottom: 2px solid #efefef;
/*couleur: whitesmoke*/
	border-right: 2px solid #efefef;
/*couleur: whitesmoke*/
}
#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;
/*couleur: darkgray*/
}
.nb-comments {
	color: #a9a9a9;
/*couleur: darkgray*/
}
}
/*--- 8) picture page ---*/
#thePicturePage#the_page {
	background-color: #f0e6c5;

}
#imageToolBar {
}
#imageHeaderBar {
	width: 100%;
	background: white;
	border: 1px solid #708090;
/*couleur: slategray*/
}
#theImage IMG {
	border: 5px solid black;
}
#imageHeaderBar H2 {
	border: 0px;
	clear: both;
	text-align: center;
	padding: 0.5em 0 0 0;
}
#imageHeaderBar .browsePath a {
	color: #4682b4;
/*couleur: steelblue*/
	text-decoration: none;
}
#imageHeaderBar .browsePath a:hover {
	color: #cd5c5c;
/*couleur: indianred*/
}
/*#imageToolBar A:hover {
	background-color: #a0a0a0;
}
*/
.infoTable {
	margin: 10px auto;
	display: none;
}
#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 A {
	padding-left: 2px;
}
#menubar UL#menuTagCloud LI {
	display: block;
}
UL#menuTagCloud A IMG {
	position: static;
}
UL#menuTagCloud A {
  display: inline; 
	left: 2px;
	top: 0.2em;
	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: 18px;
	position: static;
	display: block;
	font-size: 80%;
}
/*--- 9c) Page des tags --- */
ul#fullTagCloud {
	position: relative;
	border: 1px solid #E8E8E8;
	border-width: 1px 0;
	padding: 5px;
	margin: 8px 0 20px 0;
	overflow: hidden;
	height: 100%;
	font-size: 100%;
}
ul#fullTagCloud li {
	display: block;
	float: left;
	margin: 4px;
	padding: 1px 5px;
	height: 18px;
	line-height: 18px;
	background: none;
}
ul#fullTagCloud li a:link, ul#fullTagCloud li a:visited {
	color: #005D99;
	text-decoration: none;
  white-space: nowrap;
}
ul#fullTagCloud li a:hover {
	text-decoration: underline;
	border: 0;
}
ul#fullTagCloud li a:focus, ul#fullTagCloud li a:active {
	color: #red;
}
.tagLevel5 {
	font-size: 160%;
}
.tagLevel4 {
	font-size: 140%;
}
.tagLevel3 {
	font-size: 120%;
}
.tagLevel2 {
	font-size: 100%;
}
.tagLevel1 {
	font-size: 80%;
}
/*.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: 100%;
	margin: 20px auto;
}
#comments DIV.comment BLOCKQUOTE {
	border: 1px solid #5f5f5f;
	border-left: 2px solid #696969;
}
FIELDSET, INPUT, SELECT, TEXTAREA, TABLE.table2, #infos, #content DIV.comment  A.illustration IMG {
	border: 1px solid #808080;
}
textarea {
	width: 80%;
}
/*--- 11) calendar ---*/
UL.categoryActions, DIV.calendarViews {
	padding-top: 5px;
	padding-right: 6px;
	display: none;
}
/*--- 11b) calendar elements ---*/
SPAN.calItemEmpty {
	color: silver;
}
SPAN.calItem, SPAN.calItemEmpty {
	border: 1px solid gray;
}
TD.calDayCellEmpty, TD.calDayCellFull {
	border: 1px solid #606060;
/* couleur: gris*/
}
TD.calDayCellEmpty {
	color: #c0c0c0;
/*couleur: silver*/
}
.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: #4682b4;
/*couleur: steelblue*/
}
#copyright a:hover {
	text-decoration: none;
	color: #cd5c5c;
/*couleur: indianred*/
	border: 0;
}
/*--- 13) others ---*/
.pleaseNote {
	margin: 20px auto;
	width: 700px;
	background: #eee;
	color: #fea246;
/* couleur: mandarine*/
	border: 1px solid ##fea246;
/* couleur: mandarine*/
	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: #4682b4;
/*couleur: steelblue*/
}
input.rateButtonSelected {
	color: #4682b4;
/*couleur: steelblue*/
}
INPUT.rateButton:hover {
	color: #cd5c5c;
/*couleur: indianred*/
}
.tabsheet li {
	color: white;
}
.tabsheet li a {
	color: #4682b4;
/*couleur: steelblue*/
}
.tabsheet li a:hover {
	color: #cd5c5c;
/*couleur: indianred*/
}
.tabsheet li {
	background-color: #708090;
/*couleur: slategray*/
}
.selected_tab {
	background-color: #9e9c96!important;
}
ul.tabsheet {
	border-color: #807d76;
}
.tabsheet li {
	border: 1px solid #696969;
}
.tabsheet li:hover {
	border-color: #484848 !important;
}
/*--- 14) quickconnect (still to be fixed for IE)---*/
FORM#quickconnect FIELDSET {
	width: 220px;
}
FORM#quickconnect LABEL {
	clear: left;
	/*margin: 0;
*/
	text-align: left;
}
FORM#quickconnect LABEL INPUT {
	font-size: 1em;
	/*width: 15em;
*/
}
FORM#quickconnect P, FORM#quickconnect A {
	border: none;
	padding: 0;
}
/*FORM#quickconnect A {
	display: inline;
}
*/
FORM#quickconnect ul.actions {
	width: auto;
}
/*FORM#quickconnect ul.actions img {
	position: static;
}
*/
FORM#quickconnect ul.actions li {
	display: inline;
	float: right;
}
/*---  15) Admin page ---*/
#content, BODY#theAdminPage #content {
	margin: 0 auto;
	background-color: #f0e6c5;

	color: black;
}
.row1 {
	background-color: lightgray;
}
.row2 {
	background-color: silver;
}
.throw {
	background-color: darkgray;
}