BODY 																{margin:0px}
FIELDSET, INPUT, SELECT, TEXTAREA, .content .commentElement 		{border:none}
INPUT[type="button"], INPUT[type="submit"], 
INPUT:focus															{outline-style:none}

A:hover 															{border-bottom-style:solid; border-width:1px}
A.pwg-state-default 												{border:none}
A.navThumb, A.navThumb:hover 										{border-bottom:none}

div#the_page, div#page_content										{position:relative}

#content, #imageToolBar, .switchBox 									{border-style:solid; border-width:1px}
div#content 															{margin:0 auto;width:80%}
div#content .titrePage												{padding:0}
div#content #piwigoAbout, div#content .notification,
div#content #fullTagCloud, div#content #comments,
div#content form														{margin:15px 5px;width:auto;padding:20px 10px}
div#content .illustration a											{border:none}

div#content .navigationBar, SPAN.calItem, TD.calDayCellEmpty {
    margin: 					10px 0 0;
    padding: 					0;
    width: 						100%;
	line-height:				20px
}

.contentWithMenu			{margin:0}
.calItem, .calItemEmpty 		{border:none}


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


/*header title*/
div#theHeader				{position:relative;top:0}
div#header_content {
    position:                   relative;
    z-index:                    2000;
    margin:                     0 auto;
	display:					table;
}
div#header_title {
    display:                    table;
    margin:                     0 auto;
    text-align:                 center;
    padding:                    0 10px
}
div#header_title h1 			{font-size:4em}
div#header_title h1 a 		{color:#252525}
div#header_title p		 	{font-size:1.5em}
div#header_title a:hover		{text-decoration:none;border:none}

#slideshow #theImage 		{width:100%;margin:auto;overflow:visible}
#theImage.infohidden 		{width:100%}

.commentsList .actions a 	{margin:0 5px}

.calendarCalBar 				{margin:10px}

#copyright					{margin-top:15px}


/*menu*/

div#header_manage {
    width:                      100%;
    top:                        0;
    position:                   absolute;
    height:                     40px;
	margin-bottom:				10px;
	z-index:					100
}
div#header_manage > span 	{float:left;padding:0 10px;margin:0 2px}
div#header_manage p 			{margin:11px 0}

div#header_manage #menu_start {
    display:                    block;
    height:                     30px;
    margin-top:                 4px ! important;
    width:                      85px;
}
div#header_manage #menu_start a{
	background:url("images/home_w.png") no-repeat;
    width:                      32px;
    height:                     32px;
    margin:                     0 20px 0 25px;
    display:                    block;
    line-height:                46px;
}
div#header_manage #menu_start a:hover{background-position:left -32px}
div#header_manage a:hover, div#header_manage .logeduser span p:hover, 
div#header_manage .unloged p:hover {border-bottom-style:solid;border-width:1px}
div#header_manage .hm_link{
	cursor:                     pointer;
    height:                     40px;
    display:                    table;
    padding:                    0 10px;
    float:                      left;
    position:                   relative;
}
div#header_manage #userlog {
    position:                   absolute;
    top:                        40px;
    width:                      auto;
    left:                       0;
    display:                    none;
}
div#header_manage #userlog  li  		{list-style:none outside none}
div#header_manage #userlog  ul 		{padding:0 10px}

div#header_manage #search {
    position:                   absolute;
    width:                      240px;
    right:                      0;
    margin-top:                 4px;
    height:                     22px;
    display:                    inline-block;
}
div#header_manage form#quicksearch 	{float:left;width:240px}
div#header_manage #quicksearch input[type="text"] {
    float:                      left;
    width:                      172px;
    height:                     22px;
    padding:                    0 0 0 4px;
    margin:                     4px 1px 0 0;
    border:                     0px none;
    font-size:                  13px;
}
div#header_manage #quicksearch input[type="submit"] {
    float:                      left;
    padding:                    0;
    border:                     0 none;
    height:                     22px;
    width:                      23px;
    background:                 url("images/search.png") no-repeat ;
    cursor:                     pointer;
    margin:                     4px 2px 0;
}

div#nav_wrapper {
    width:                      100%;
    z-index:                    1000;
    left:                       0;
    min-width:                  1000px;
    height:                     100px;
    text-align:                 center;
    font-size:                  22px;
    margin:                     0 0 50px;
    color:                      rgb(255, 255, 255);
}
div#menu {
    line-height:                30px;
    text-decoration:            none;
    text-transform:             uppercase;
    padding:                    0px;
    height:                     100%;
	position:					relative
}
ul#topnav {
    margin:                     0px;
    padding:                    0px 2px 0px 0px;
    list-style:                 none outside none;
    z-index:                    999;
    display:                    inline-block;
    height:                     100%;
}
ul#topnav  #firstli{
	height:100%;
	width:1px;
	border-right:               1px solid #dadada;
	float:left
	}
ul#topnav .liSub {
    font-size:                  1.2em;
    float:                      left;
    border-right-style:         solid;
	border-width:				1px;
    height:                     100px;
	cursor:						pointer;
}
ul#topnav .liSub dt 			{position:relative;z-index:110;margin:30px 10px 0px}
ul#topnav  .liSub canvas		{position:absolute;left:0;top:80px}
ul#topnav .canvas			{left:0;overflow:hidden;position:absolute;top:0}

ul#topnav li .sub{
	width:						100%;
	left:						0;
    position:                   absolute;
    top:                        100px;
    margin-left:                0px;
    padding:                    5px 0 10px;
    z-index:                    100;
	opacity:					0;
	cursor:						default;
}
ul#topnav li .sub a:hover		{border:none}
ul#topnav li .sub .level1 > ul	{margin:15px 0 0 15px}

div#menu_cat_act {
    border-bottom-style:        solid;
	border-width:				1px;
	margin-bottom:              5px;
    height:                     30px;
}
div#menu_cat_act #filter 	{width:26px;height:26px;padding-left:2px}
div#menu_cat_act #nbImg 		{float:right}
div#menu_cat_act #nbImg p	{font-size:0.5em;margin:0 20px}

ul#topnav li .sub ul {
    list-style:                 none outside none;
    margin:                     0 5px;
    padding:                    0;
}
ul#topnav .sub ul li{
    width:                      100%;
    background:                 none repeat scroll 0px 0px rgba(255,255,255,0.1);
	font-size:                  0.8em;
    margin-bottom:              2px;
	text-align:					left;
}
ul#topnav .sub ul li:hover, ul#topnav .sub #menuTagCloud span:hover 	{cursor:pointer}

ul#topnav .sub ul li a{
    height:                     auto;
    margin:                     0 8px;
    display:                    block;
    padding:                    0 0 0 12px;
    line-height:                35px;
	display:					inline-block;
	font-size:					1.4em;
}


/*box login/register*/

div#box_wrapper {
    position:                   fixed;
    background:                 rgba(0, 0, 0, 0.9);
    z-index:                    2110;
    top:                        0;
    left:                       0;
    text-align:                 center;
    height:                     100%;
    width:                      100%;
    display:                    none;
}
div#box_wrapper #box_bg_wrapper {
    width:                      100%;
    height:                     100%;
    left:                       0;
    display:                    block;
    position:                   absolute;
    top:                        0;
    z-index:                    100;
}
div#box_wrapper #box {
    z-index:                    1110;
    position:                   relative;
    display:                    table;
    text-align:                 center;
    height:                     100%;
    width:                      100%;
}
div#box_wrapper #box > div {
    display:                    table-cell;
    vertical-align:             middle;
    height:                     100%;
    width:                      100%;
}
div#box_wrapper .box_content {
    margin:                     0 auto;
    text-align:                 left;
    max-width:                  1200px;
    border:                     1px solid;
    z-index:                    110;
    position:                   relative;
    width:                      90%;
}
div#box_wrapper #quickregister DIV {
    margin: 					8px 5px;
    padding: 					0;
}
div#box_wrapper .categoryActions > span, div#box_wrapper .categoryActions input[type="reset"] {
    display:                    block;
    padding:                    5px;
    margin-bottom:              4px;
    font-size:                  0.8vw;
	border:						none;
}
div#box_wrapper input[type="text"], div#box_wrapper input[type="password"]{
	background:                 transparent;
    border-width:               medium medium 0.5vw;
    border-style:              	none none dotted;
    font-size:                 	8vw;
	width:						99%;
}
div#box_wrapper input[type="submit"] {
    border:                     none;
    font-size:                  3vw;
	cursor:						pointer
}

/*categories*/
ul.thumbnailCategories{
	padding-left:				0.25%;
	padding-top:				10px
}
ul.thumbnailCategories li {
    float:                      left;
    height:                     370px;
	margin-top:                 2px;
	margin-left:				0;
	margin-right:				0.25%;
	margin-bottom:				2px;
    width:                      33%;
}
ul.thumbnailCategories .illustration			{text-align:center;width:100%;margin:0}
ul.thumbnailCategories .illustration	img		{max-width:100%;height:auto;box-sizing:border-box}
ul.thumbnailCategories .info 				{float:right;line-height:20px;height:40px;padding:0 4px}
ul.thumbnailCategories .description 			{margin:0 -5px 10px;height:40px}
ul.thumbnailCategories .description H3		{float:left}
ul.thumbnailCategories .thumbnailCategory 	{margin:0;padding:0 5px}


/*thumbnail*/

ul.thumbnails 					{padding-top:10px}
ul.thumbnails .wrap2 			{border:none;border-radius:0}
ul.thumbnails span.thumbLegend 	{height:auto}
ul.thumbnails .thumbLegend span	{display:block}
ul.thumbnails .thumbName 		{display:block;line-height:20px}


/* picture page */

.contentWithMenu #imageHeaderBar {padding:0}
#imageHeaderBar  				{padding:0 0 0 10px;width:auto}
#imageHeaderBar h2  				{font-size:100%;font-weight:inherit}

#imageHeaderBar .browsePath {
    display: 					inline-block;
    float: 						left;
    font-size: 					120%;
    font-weight: 				bold;
    line-height: 				28px;
    margin: 					0;
    padding: 					0 0 0 10px;
}
#imageToolBar .imageNumber {
    display: 					inline-block;
    float: 						right;
    line-height:				29px;
    margin: 					-1px -1px 0 20px;
    min-width: 					40px;
    text-align: 				center;
}
#imageToolBar  { 
	border:						none;
	margin-top: 				-28px; 
	margin-bottom: 				0; 
	float: 						right;
}
#thePicturePage .pwg-button 		{width:26px}
#thePicturePage .actionButtons 	{margin-right:26px}


/* image infos */

#theImageAndInfos {
	display: 					block;
	width: 						auto;
	position: 					relative;
	margin:						0 5px 20px 5px;
}
#theImage {
    display: 					inline-block;
    margin-top: 				10px;
    overflow: 					auto;
    padding: 					10px 0 5px;
    vertical-align:				top;
    width: 						75%;
}

#imageInfos {
	display:					inline-block;
	width: 						24.5%;
	vertical-align: 			top;
	padding-top: 				35px;
	padding-bottom: 			5px;
	margin: 					10px 0 10px 0.5%;
	word-wrap:					break-word;
}
#imageInfos h3 						{margin:20px 0 10px}

#imageInfos .navThumbs 				{width:280px;height:130px;margin:auto;padding:0 5px}
#imageInfos .navThumb  				{position:relative;margin:0;overflow:hidden}
#imageInfos #linkPrev  				{float:left}
#imageInfos #linkNext 				{float:right}
#imageInfos .prevThumbHover  		{background:transparent url(icon/none.png) no-repeat center center}
#imageInfos .prevThumbHover:hover  	{background:transparent url(icon/img_prev.png) no-repeat center center}
#imageInfos .nextThumbHover			{background:transparent url(icon/none.png) no-repeat center center}
#imageInfos .nextThumbHover:hover 	{background:transparent url(icon/img_next.png) no-repeat center center}

#imageInfos dl.imageInfoTable {
	display: 					block; 
	padding: 					0 15px; 
	margin: 					12px auto;
}
#imageInfos .imageInfo  				{display:block;line-height:16px}
#imageInfos .imageInfo dt 			{display:block;font-weight:bold;text-align:left;padding:0}
#imageInfos .imageInfo dd 			{display:block;text-align:left;margin:0 0 5px 20px}

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


/* image comments */

#thePicturePage #comments  {  
	padding: 					0; 
	position:					relative;
}
#thePicturePage #comments h3 		{height:32px;line-height:32px;margin:10px 0;padding-left:40px;vertical-align:middle}
#thePicturePage #comments form 		{margin:10px 0}
#thePicturePage #comments fieldset 	{margin:0 1em}

.commentshidden #pictureComments 	{display:none}
.commentContent .comments_toggle		{cursor:pointer}
#commentAdd, #pictureCommentList	{width:48%;padding:0 1%}
#commentAdd							{float:left}
#pictureCommentList 					{float:right}

#commentAdd input[type="text"], #commentAdd textarea {width:95%;font-size:100%}

#pictureCommentList .commentsOrder 	{float:left;margin-bottom:5px}
#pictureCommentList .navigationBar 	{float:right;margin-bottom:5px}

#pictureComments h4 					{margin:0}
#pictureComments form p				{margin:5px 0}
#pictureComments form p textarea 		{margin:10px 0 0 10px}
#pictureComments INPUT 				{margin:10px}
#pictureComments INPUT[type=submit] 	{margin:0}

.commentElement .description 		{padding:5px} 


/* switchers */

#menuSwitcher {
	display:					block;
	text-align: 				center;
	height: 					32px;
	cursor: 					pointer;
	float: 						left;
	margin: 					28px 0 0 -34px;
}
#menuSwitcher.menuhidden {width:25px;margin-left:0}

#infoSwitcher {
    cursor: 					pointer;
    display:					block;
    height: 					32px;
    left: 						75%;
    margin: 					10px 0 0 7px;
    position: 					absolute;
    text-align: 				center;
    top: 						0;
    z-index: 					99;
}
#infoSwitcher.infohidden {width:25px;top:10px;right:0;left:auto;	margin:0}


#commentsSwitcher {
    cursor: 					pointer;
    float: 						left;
	margin-top:10px
}
.noCommentContent #commentsSwitcher {display:none}
.switchArrow { 
	width: 						16px; 
	height: 					16px; 
	margin: 					8px 5px 8px 4px;
}
.switchArrow				{ background: transparent url("icon/arrows_ccc.png");}

.switchArrow:hover  				{background:transparent url("icon/arrows_fff.png")}
.menuhidden .switchArrow 		{background-position:0 0}
.menushown   .switchArrow 		{background-position:-16px 0}
.infohidden .switchArrow 		{background-position:-16px 0}
.infoshown   .switchArrow 		{background-position:0 0}
.commentshidden .switchArrow		{background-position:-48px 0}
.commentsshown   .switchArrow 	{background-position:-32px 0}