@import "theme defaut.css";
/*

ligne orange : #745028



*/

html, body, * { margin: 0; padding: 0; border: 0; }

body {
	background: #161514;
/*	background: url(img/fond.jpg) repeat fixed;*/
	font-size:0.7em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#969696;
}

* { outline: none; }

/* Common styles
-------------------------------------------------------- */
h2, h3 { color:#969696; }
ul { list-style: none; }
ul li { list-style: none; padding: 0; margin: 0;}

a, a:link, a.lien, a.lien:link { color:#e7b062; text-decoration: none; border:0 !important; }
a:hover, a.lien:hover { color: #d1d1d1; }
a:hover, a.lien:hover { text-decoration: none; border-bottom:1px solid #ff9933;}

pre { overflow: auto; width: 100%; height: auto; }
.left { float: left; }
.right { float: right; }

img{ border: 0; }


.pwg-icon         { background-image: url(icon/icons_sprite.png);}
A:hover .pwg-icon { background-image: url(icon/icons_sprite_hover.png);}

/* Stuffs
-------------------------------------------------------- */
.middle_block { width: auto; /* !important;*/ }



/*----------------------------------------------------------------------------------------------
 		Infos Errors
----------------------------------------------------------------------------------------------*/
.infos, .errors {
	margin: 20px;
	height: 40px;	
	line-height: 40px;
	vertical-align: middle;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left: 70px;
	font-weight: bold;
	font-size: 1.1em;
}
.infos {
	color: #bbD2E1;
	border: 1px solid #26619C;
	background: #26619C url(icon/infos.png) no-repeat 8px;
}
.errors {
	color: #ffe1e1;
	border: 1px solid #C60800;
	background: #C60800 url(icon/errors.png) no-repeat 8px;
}



/*----------------------------------------------------------------------------------------------
 		Page
-----------------------------------------------------------------------------------------------*/
#the_page {
	width: 1200px;
	margin: 0 auto;
}

#content div.titrePage { 
	padding: 2px 0px; 
	margin: 5px 0 10px 0;
	/*height: 25px;*/
	}
#content div.titrePage h2{
	padding: 0;
	margin: 0;
	float: left;
}

hr {
	clear: both;
	border: none;
	color: #745028;
	background-color: #745028;
    padding: 0;
    height: 1px;
    margin: 25px 0 10px 0;
}

/*----------------------------------------------------------------------------------------------
 		Header
-----------------------------------------------------------------------------------------------*/
#header {
	background: url('img/bloc_fond_1200.png') repeat-y;
	margin: 0;
	margin-bottom: 10px;
	}
	
#header-bottom {
	margin: 0;
	padding:0;
	background:url('img/bloc_bas_1200.png') no-repeat left bottom;
	height: 13px;	
	}
	
#menu {
	float: right;
	margin-top: 100px;
	margin-right: 15px;
	padding-right: 15px;
}
#titre {
	margin: 0;
	padding: 0;
	height: 128px;
	background: url(img/camera_128_2.png) no-repeat 10px top;
}
#titre h1 {
	text-align: left;
	font-family:Georgia,"Times New Roman", Times, serif;
	font-size:0;
	line-height:80px;
	margin: 0 0 0 140px;
	padding:0px 0px 0;
	font-weight: normal;
	float: left;
}

#desc {
	padding: 3px 35px 5px;
	font-size: 1.1em;
}


/*----------------------------------------------------------------------------------------------
 		MENU
-----------------------------------------------------------------------------------------------*/
#menubar {
	margin: 0 0 10px 1em;
	padding: 0;
	z-index: 2;
	display: inline;
	float: right;
	width: auto;
}

#menubar DL, #menubar DT, #menubar DD {
	margin: 0; padding: 0; display: block;
}

#menubar dl {
	display: inline;
/*	padding: 0 0.8em;*/
	float: left;
}

#menubar DT {
	font-weight: bold;
	padding: 5px;
	font-size: 120%;
	text-align: center;
}

#menubar dd {
	min-width: 120px;
	max-width: 202px;
	padding: 0;
}
#mbCategories dd {
	min-width: 180px;
}	

.menubarFilter {
	float: right;
	margin: -4px 0 0;
}

#menubar ul, #menubar ul#menuTagCloud {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menubar a.lien_menu, #menubar DL>DT {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0.2em 0.5em;
}

#menubar a.lien_menu {
	display: bloc;
	float: left;
}

/* Filter button */
#menubar .button {float:right;} 
#menubar P, #menubar P.totalImages{ clear: both; margin: 0; text-align: center; padding: 0.2em }
#mbCategories .menubarFilter { display:none; }

/*BODY#theAdminPage #the_page > #menubar DL { padding: 0 0.5em;}*/

#menubar P, #menubar P.totalImages, FORM#quickconnect {
  clear: both;
  margin: 0;
  text-align: center;
  padding: 0.2em;
}

#menuTagCloud {
	text-align: center;
	margin: 5px 0;
}

#menuTagCloud SPAN {
	white-space: nowrap;
	margin-right: 5px;
}

/* quickconnect form */
#quickconnect FIELDSET {
	margin: 0 5px 0 0;
	padding: 0; /*IE6 requires padding 0*/
}

#quickconnect DIV {
	margin: 8px 5px;
	padding: 0;
}

/*-- 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.4em;
	}
#menubar LI SPAN { right: 7px;}
#menubar LI IMG { right: 3em;}

#menubar LI:hover {
	width: auto;
}

/* 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; }

#menubar UL UL {
	margin-top: 0;
	margin-bottom: 0;
}
#mbCategories IMG {
	vertical-align: bottom; /*otherwise line height changes*/
}

/* styles */
#menubar, #menubar DT, #menubar UL   {
	color: #FFF;
}
#menubar DD {
	background: url(img/bloc_fond_1200.png) repeat center;
	border: 1px solid #e7b062;
}
	
#menubar a, #menubar a.lien_menu, #menubar DT a, #menubar DD a { 
	color: #e7b062; 
	text-decoration: none; 
	border: 0;
	font-weight: bold;
}

#menubar A:hover { color: #d1d1d1; }
#menubar DD LI { padding: 0.5em; }
#menubar DD LI:hover { background-color: #666; }

#menubar #mbCategories li {
	vertical-align: middle;
}
#menubar #mbCategories li a {
	border: 1px solid #F00;
}
#menubar UL,
#menubar FORM,
#menubar P {
	font-size: 92%;
}
#menubar UL UL {
	font-size: 100%;
}
#menubar INPUT {
	text-indent: 2px;
}

/*----------------------------------------------------------------------------------------------
 		Contenant
-----------------------------------------------------------------------------------------------*/
#content, BODY#theAdminPage #content, BODY#theTagsPage #content {
	/*width: 1150px;*/
	margin: 0 25px; /* !important;*/
}
#contenant {
	background: url(img/bloc_fond_1200.png) repeat;
	padding: 0px ;
}
#contenant .top {
	background: url(img/bloc_haut_1200.png) no-repeat center top;
	height: 13px;
}
#contenant .middle {
	margin: 0 13px;
	padding-bottom: 10px;
}
#contenant .bottom {
	background: url(img/bloc_bas_1200.png) no-repeat center bottom;
	height: 13px;
}


/*.row1 { background-color: #cccccc;}
.throw { background-color: #cccccc;}
*/

/*----------------------------------------------------------------------------------------------
 		Page Albums
-----------------------------------------------------------------------------------------------*/
.additional_info {
	margin: 0 0px 5px  0px;
	padding: 2px 0px;
	padding-bottom: 30px;
	background: url(img/fleuron_1.png) no-repeat center bottom;
}




/*----------------------------------------------------------------------------------------------
 		Page Cat�gories
-----------------------------------------------------------------------------------------------*/
.thumbnailCategories {
	margin: 0;
	padding: 0 2px;
	list-style: none;
	overflow: hidden;
	width: 100%;
}

.thumbnailCategories li { 
	/*width: 24.9%;*/ 
	width: calc(25% - 4px);
	margin: 0 2px;
	padding: 0;
	float: left;
}


.content div.thumbnailCategory { 
	border: 1px solid #3f3f3f;
	width: 260px;
	height: 260px; 
}

.content div.thumbnailCategory:hover {
	border: 1px solid #e7b062;
/*	background: url(img/fond_desc.png) repeat;*/
	background-color: rgba(0,0,0,0.2);
}

.content div.thumbnailCategory p.alb_desc {
	padding-top: 5px;
	/*padding-right: 5px;*/
	text-align: justify;
}

.content div.thumbnailCategory .description h3 {
	text-align: center;
	vertical-align: middle;
}

.thumbnailCategory {
	display:block;
	padding: 5px;
/*	margin: 5px;*/
}

.thumbnailCategory .description {
	/*padding-left: 3px;*/
	font-size: 90%;
/*	overflow: auto;*/
/*	margin: 0 5px 0 5px;*/
}

.thumbnailCategory .illustration  {
	display: table-cell; 
	display: inline-table;
	display: inline-block;	/* Why 3 display option ??? */
	vertical-align: middle;	/* OK with Opera and IE6 not Geko */
	text-align: center;		/* to center the thumbnail and legend in Geko/Opera */
	/*margin: 2px 0 0 2px;*/
	}
	
.illustration2	{
	width: 260px;
	height: 260px;
	margin: 0;					/* important reset the margins */
	display: table-cell;		/* block prevents vertical-align here */
	vertical-align: middle;		/* Ok with Opera and Geko not IE6 */
	padding: 0;
    position:relative;
}

/*.illustration2:hover .child	{}*/


.parent
{
    position:relative;
}
.child
{
	width: 260px;
	height: 260px;
	position: absolute;
    left: 0;
    top: 0;
    background-color: black;
    opacity: 0.5;
	text-align: center;
    display:none;
}


.illustration2 A {
	display: block;
	/*border-bottom: 0;*/
}

.illustration2 IMG {
	vertical-align: middle;
}

.illustration2 * H3 {
	position: absolute;
	vertical-align: middle;
	top: 46%;
	width: 100%;
	text-align: center;
	/*color: #e7b062;*/
	color: #FFFFFF;
	font-size: 20px;
}

/*----------------------------------------------------------------------------------------------
 		Page Image
-----------------------------------------------------------------------------------------------*/

#imageToolBar, #imageHeaderBar {
	/*width: 950px;*/
	margin: 10px 25px;
}
#imageHeaderBar {
	/*background: #0a0a0a;
	border: 1px solid #323232;*/
	border-width: 1px 0;
	padding: 5px 8px;
}


#theImage IMG {
  padding: 5px;
  border: 1px solid #555;
}

#imageHeaderBar H2 { 
	border: none;
	clear: both;
	padding: 0;
	text-align: center;
	padding: 0.5em 0 0 0;
}
#imageHeaderBar .browsePath a { color:#ff9933; text-decoration: none; }
#imageHeaderBar .browsePath a:hover { color:#cccccc; }

.titrePage .imageNumber {
	float: right;
/*  margin-top: -30px;*/
}

.navTab {width: 95%;}
.navGauche, .navDroit {width: 19%;	text-align: center;}
.navInfo {width: 60%;}

.infoTable{ margin: 20px auto; }
#linkPrev{ margin: 10px 0 0 0; float:none;}
#linkNext{ margin: 10px 0 0 0; float:none;}
a#thumbPrev, a#thumbNext { text-decoration: none; border:0; }

#addComment label { width: 100%; margin-top: 1em; }


dl.imageInfoTable dt {
	text-align: left;
	}

dl.imageInfoTable dd {
	}
dl.imageInfoTable dd ul {
	margin: 0;
	padding: 0;
}

.imageComments {
	margin: 10px auto;
	width: 75%;
	text-align: justify;
}

#infoSwitcher
{ height: 20px; margin:0 0 10px 0; background: url(img/fleuron_2.png) no-repeat center bottom; }

/*----------------------------------------------------------------------------------------------
 		Commentaires
-----------------------------------------------------------------------------------------------*/

#comments { /*width: 950px;*/ margin: 20px 25px; }
#comments DIV.comment BLOCKQUOTE { border: 1px solid #5f5f5f; border-left: 2px solid #969696; }

FIELDSET, INPUT, SELECT, TEXTAREA, TABLE.table2, #infos,
#content DIV.comment  A.illustration IMG, 
#comments ul.thumbnailCategories li { margin: 5px auto; }

textarea { width: 100%; }

/*----------------------------------------------------------------------------------------------
 		Miniatures
-----------------------------------------------------------------------------------------------*/

#content DIV.comment BLOCKQUOTE {
  margin-left: 172px;	/*maximum thumbnail width + ~10px */
}


.blocThumbnails {
	/*width: 970px;*/
	text-align:center;
	margin: 0 2px;
}
.thumbnails {
	margin: 0;
	padding: 0;
	text-align: left;
}
#content UL.thumbnails {
	margin-top: 10px;
	width: 100%;
}
#content ul.thumbnails li {
}
#content ul.thumbnails span.wrap1 { 
	margin: 0 2px 4px 2px;
	border: 1px solid #3f3f3f;  
	padding: 6px 6px 0 6px; 
	background-color: rgba(0,0,0,0.2); 
	display: inline-block;
	vertical-align: top;	/* OK with Opera and IE6 not Geko */
	text-align: center;		/* to center the thumbnail and legend in Geko/Opera */
	width: calc(25% - 18px); 
}
#content ul.thumbnails span.wrap1:hover {
	border-color: #ff9933; 
}
#content UL.thumbnails SPAN.wrap2 {
	width: 250px;
	height: 250px;
	border: 10px solid #181818; 
	background-color: #181818;	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	margin: 0;			/* important reset the margins */
	display: table-cell;/* block prevents vertical-align here */
	vertical-align: middle;/* Ok with Opera and Geko not IE6 */
}
.thumbnails .wrap2 A {
	display: block;
	border-bottom: 0;
}
#content UL.thumbnails SPAN.wrap2 img {
	vertical-align: middle;
	max-width: 234px;
	max-height: 234px;
	border-top: 3px solid #000;
	border-left: 3px solid #000;
	border-bottom: 3px solid #555;
	border-right: 3px solid #555;
}
.thumbnails img {
	vertical-align: middle;
	max-width: 100%;
}
.thumbnail {
}
#content UL.thumbnails SPAN.wrap2 img:hover { }

#content UL.thumbnails LI.thumbCat SPAN.wrap2 { border-style: hidden; background-color: #333355; }
#content UL.thumbnails LI.thumbCat SPAN.wrap2:hover { border-style: solid; }

#content ul.thumbnails span.thumbLegend {
    padding: 0.5em 0;
    text-align: center;
	margin: 0 auto;
}
.zero { display: none }
.nb-hits { color: #996633; }
.nb-comments { color: #0066dd; }
span.thumbName {
	    text-align: center;
}




.navThumb.empty {
	width: 128px;
	border: 1px solid red;
	heigth: 120px;
}

a.navThumb img {
	border: 1px solid #3f3f3f;
	padding: 5px;
}




/*----------------------------------------------------------------------------------------------
 		Menu
-----------------------------------------------------------------------------------------------*/

#content { z-index: 1; }

#content div.thumbnailCategory div.description {
	overflow: hidden; /* bug in FF 1.0 (not 1.5) */
}	



/*----------------------------------------------------------------------------------------------
 		MenuTagCloud
-----------------------------------------------------------------------------------------------*/

#menubar #menuTagCloud a { display: inline; }
#menubar #menuTagCloud span {
  display: block;
  padding: 0.5em 0;
  text-align: left;
}

/*----------------------------------------------------------------------------------------------
 		Tags - Page des tags
-------------------------------------------------------- */

ul#fullTagCloud {
	position: relative;
	border: 1px solid #171717;
	border-width: 1px 0;
	background: #040404;
	padding: 5px;
	margin: 8px 0 20px 0;
	overflow: hidden;
	height: 100%;
	font-size: 120%;
}
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: #ffa266;
		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 { background: #ffa266; color: #000; }

.tagLevel5 { font-size:160%; }
.tagLevel4 { font-size:140%; }
.tagLevel3 { font-size:120%; }
.tagLevel2 { font-size:100%; }
.tagLevel1 { font-size:80%; }

#theTagsPage fieldset.tagLetter { width:181px; }

/* others */
.pleaseNote {
	margin: 20px auto;
	width: 700px;
    background: #fff;
    color: #005d99;
	border: 1px solid #005d99;
    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: #cc9966; }
input.rateButtonSelected { color:#969696; }
INPUT.rateButton:hover { color: #7a7b9f;}

/*----------------------------------------------------------------------------------------------
 		Calendar
-----------------------------------------------------------------------------------------------*/

UL.categoryActions, DIV.calendarViews {
  /*padding-top: 5px;*/
  padding-right: 6px;
}

/*calendar elements*/
SPAN.calItemEmpty { color: #3f3f3f; }

SPAN.calItem, SPAN.calItemEmpty { border: 1px solid #7f7f7f; }

/* nice looking month calendar*/
TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid #7f7f7f;}

TD.calDayCellEmpty { color: #3f3f3f; }

.calBackDate { color: #fff; }
.calForeDate { color: #000; }

/*----------------------------------------------------------------------------------------------
 		 Footer
--------------------------------------------------------------------------------------------- */
#footer-top {
	margin: 0;
	padding:0;
	background:url('img/bloc_haut_1200.png') no-repeat center top;
	height: 13px;	
}

#footer {
	background:url('img/bloc_fond_1200.png') repeat-y;
	margin: 0;
	margin-top: 10px;
}
#footer-bottom {
	background: url(img/bloc_bas_1200.png) no-repeat center bottom;
	height: 13px;
}


#copyright {
	clear: both;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
}
#copyright a:link, #copyright a:visited { text-decoration: underline; color: #fff; }
#copyright a:hover { text-decoration: none; color: #fff; border: 0; }

/* About page */
#piwigoAbout UL { margin: 15px 0; }


.browsePath .button {margin-left:2px}
h2 .button {margin-left:2px;margin-bottom:2px}




#thePicturePage #derivativeSwitchLink {display:none;}
#thePicturePage .contentWithMenu {margin-left:0;}

.switchBox, #languageSwitchBox {
  background-color: black !important;
  border: 1px solid #666 !important;
  border-radius:0 !important;
  color:#ccc;
}

.switchBoxTitle, #languageSwitchBox .switchBoxTitle {
  border-bottom:1px solid #666 !important;
}

.switchBox a, #languageSwitchBox a {
  color: #ccc !important;
}

.switchBox a:hover, #languageSwitchBox a:hover {
  color: #ff9933 !important;
}



#privacyLevelBox {
	background: url(img/fond_desc.png);
	border: 1px solid #e7b062;
	width: 200px;
}

#privacyLevelBox a.lien:link {
	color: #e7b062;
}

#privacyLevelBox a.lien:hover {
	color: #d1d1d1;
}




/*----------------------------------------------------------------------------------------------
 		 Formulaires
--------------------------------------------------------------------------------------------- */

fieldset legend {
	color: #FFF;
	font-size: 1.2em;
	padding: 0 5px;
	text-align: center;
}

fieldset {
	/*border: 1px solid #969696;*/
	width: 70%;
}




.rateButtonStarFull {
	height: 16px;
	width: 16px;
	background: url('icon/rating-stars.png') no-repeat -16px center; width:16px;
}

.rateButtonStarEmpty {
	height: 16px;
	width: 16px;
	background: url('icon/rating-stars.png') no-repeat 0 center; width:16px;
}



input { border: 1px solid #FF0; }


input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { 
	padding: 0;
	background-color: transparent; 
}
input[type="button"], input[type="submit"], input[type="reset"] {
	color:#e7b062; 
	background-color:#222; 
	border-color:#745028; 
	padding: 5px 10px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	color:#999; 
	border-color:#e7b062; 
}

textarea, input[type=text], input[type=password] {
	border: 1px solid #745028;
	background: #2d2d2d;
	color: #d1d1d1;
}

textarea:focus, input[type=text]:focus, input[type=password]:focus,
textarea:hover, input[type=text]:hover, input[type=password]:hover {
	border: 1px solid #e7b062;
}

/*----    Quicksearch    ----*/
FORM#quicksearch  { 
	margin: 0 5px;
	border-bottom: 1px solid #e7b062;
	}


/*----    Quickconnect    ----*/
FORM#quickconnect FIELDSET { font-size: 1em; border: none; text-align: left; min-width: 200px; padding: 0 5px 0 0;  margin: 0; }
FORM#quickconnect FIELDSET div { clear: both; padding: 0; margin: 0; }
FORM#quickconnect LABEL { clear: left; color: #d1d1d1; margin:0; }
FORM#quickconnect INPUT { font-size: 1em; margin: 0;}
FORM#quickconnect dl { clear: both; margin: 1px 0; padding:0; width: 198px;}
FORM#quickconnect dl dt { padding: 4px 0px 4px 2px; float: left; text-align: left; font-size: 1em; font-weight: normal; border: none; width: 98px; vertical-align: middle; display:bloc; }
FORM#quickconnect dl dd { border: none; margin-left: 101px; min-width: 92px; padding: 0px 0;}
#quickconnect fieldset legend {
	font-size: 1em;
	font-style: normal;
	color: #FFF;
	text-align: left;
	background-color: #745028;
	padding: 3px 0 3px 3px;
	width: 195px;
}
#quickconnect input[type=text], #quickconnect input[type=password] {
	width: 90px;
}

#quickconnect .qcButtons {
	text-align: center;
	margin: 5px 0 0 0;
}
.qcButtons input[type=submit] {
	margin-top: 10px;
}