/* @override http://localhost/orange/orange.css */

/* -------------------- STYLES GéNéRAUX  ----------------------------- */

* {
margin:0;
padding:0;
}

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

:focus
	{
	outline: none;
	}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb500 {margin-bottom:500px;}
.clear {clear:both; height:0; overflow:hidden;}
.clear_t{clear:both;font-size:0px;overflow:hidden; }
.clear_h{clear:both;font-size:0px;height:0px;overflow:hidden}
/* -------------------- LIENS GéNéRAUX ------------------------------- */

a:link, a:visited
	{
	color: #bb0000;
}

a:hover, a:active
	{
	text-decoration: none;
	}

/* -------------------- MISE EN FORME DE LA PAGE  ------------------- */

body  {
/*	background-color: #c2c2c2;  */
	background: #c2c2c2 url(bg.gif) repeat-y center top;
	text-align: center;
	font: 11px/18px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#cadre_ext {
	width: 920px;
	background: #cc0000 url(background.gif) repeat-y center top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
}

#cadre_ext1 {
	width: 920px;
	background: #c2c2c2 url(background1.gif) repeat-y center top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
}

#cadre_int {
	background: url(background_top.gif) no-repeat center top;
	width: 912px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	border: 0px solid #cc0000;
}
#top{
}
.header {
	background: url(background_header2.gif); 
	height: 99px;
	width: 912px;
	margin-top: 0px;
}
#navigation {
	background: url(background_header.gif) repeat-x; 
	height: 99px;
	width: 912px;
	margin-top: 5px;
}

#headerNav{width:912px;background: url(header_nav_bg.jpg) repeat-x;height:32px;}
#imouter0 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#imenus0 LI UL {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; POSITION: relative; TOP: 10px; BACKGROUND-COLOR: #efefef
}
#imenus0 LI {
	
}
#imenus0 LI A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 7px; TEXT-ALIGN: center
}
UNKNOWN {
	TEXT-DECORATION: none
}
#imenus0 LI A.ihover {
	TEXT-DECORATION: none
}
.imde imenus0 A:hover {
	TEXT-DECORATION: none
}
#imenus0 LI A.iactive {
	
}
#imenus0 UL A {
	BORDER-RIGHT: #000000 1px; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px; COLOR: #555555; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
UNKNOWN {
	COLOR: #000000; TEXT-DECORATION: underline
}
#imenus0 UL LI A.ihover {
	COLOR: #000000; TEXT-DECORATION: underline
}
#imenus0 UL LI A.iactive {
	BACKGROUND-COLOR: #ffffff
}
.imcm UL {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm LI {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm DIV {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm SPAN {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm A {
	CLEAR: none; PADDING-RIGHT: 0px; LIST-STYLE: none none outside; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-TOP-STYLE: none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
.imcm LI A IMG {
	BORDER-TOP-WIDTH: 0px; DISPLAY: inline; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.imcm SPAN {
	DISPLAY: inline
}
.imcm .imclear {
	CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; LINE-HEIGHT: 0px; HEIGHT: 0px
}
.imclear {
	CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; LINE-HEIGHT: 0px; HEIGHT: 0px
}
.imcm .imsc {
	POSITION: relative
}
.imcm .imsubc {
	VISIBILITY: hidden; POSITION: absolute
}
.imcm LI {
	FONT-SIZE: 1px; FLOAT: left; LIST-STYLE-TYPE: none
}
.imcm UL UL LI {
	FLOAT: none! important; WIDTH: 100%
}
.imcm A {
	DISPLAY: block; POSITION: relative
}
.imcm UL .imsc {
	Z-INDEX: 10
}
.imcm UL .imsubc {
	Z-INDEX: 10
}
.imcm UL UL .imsc {
	Z-INDEX: 20
}
.imcm UL UL .imsubc {
	Z-INDEX: 20
}
.imcm UL UL UL .imsc {
	Z-INDEX: 30
}
.imcm UL UL .imsubc {
	Z-INDEX: 30
}
.imde UL LI:hover .imsubc {
	VISIBILITY: visible
}
.imde UL UL LI:hover .imsubc {
	VISIBILITY: visible
}
.imde UL UL UL LI:hover .imsubc {
	VISIBILITY: visible
}
.imde LI:hover UL .imsubc {
	VISIBILITY: hidden
}
.imde LI:hover UL UL .imsubc {
	VISIBILITY: hidden
}
.imde LI:hover UL UL UL .imsubc {
	VISIBILITY: hidden
}
.imcm .imea {
	DISPLAY: block; FONT-SIZE: 1px; LEFT: 0px; FLOAT: right; LINE-HEIGHT: 0px; POSITION: relative; HEIGHT: 0px
}
.imcm .imea SPAN {
	DISPLAY: block; FONT-SIZE: 1px; LINE-HEIGHT: 0px; POSITION: relative
}
.dvs {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.dvm {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
/* -------------------- Menu  -------------------------------------------------------------------------------------------------------- */


#menu {
	list-style:none;
	margin-left: 10px;
	padding: 0px;
	padding-top: 10px;
}

#menu li {
	float:left;
	height: 43px;
}

#menu li a {
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	height: 43px;
}

#nav_menu1  {
	background: url(menu1.gif) no-repeat left top;
	width: 87px;
}
#nav_menu2  {
	background: url(menu2.gif) no-repeat left top;
	width: 87px;
}
#nav_menu3  {
	background: url(menu3.gif) no-repeat left top;
	width: 95px;
}
#nav_menu4  {
	background: url(menu4.gif) no-repeat left top;	
	width: 87px;
}
#menu a:hover {
	background-position: 0 -43px;
}


.header a.titre{
	display: block;
	background: url(head2.gif) no-repeat;
	height: 39px;
	text-indent: -2000px;
	width: 431px;
	position: relative;
	top: 29px;
	left: 12px;
}
.header a{
	color: #4c5666;
	font-weight: bold;
	text-decoration: none;	
}
.header P {
	PADDING-LEFT: 110px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; FLOAT: right;  
	FONT-SIZE: 10px; LINE-HEIGHT: 15px;
	BACKGROUND: url(logo.gif) no-repeat;	 
	POSITION: relative; TOP: -20px; RIGHT: 15px;
}

#content {
	float: left;
	position: relative;
	top: 0px;
	word-break:break-all;
	word-wrap:break-word;
}

.double{
/*	background: url(content1.gif) no-repeat right top; */
	background-color: #fff;
	width: 455px;
	border-left: 1px solid #b2b2b2;
	border-right: 2px solid #b2b2b2;
}
.triple{
  background-color: #fff;
/*	background: url(content_large1.gif) no-repeat right top; */
	height: 1300px;
	width: 680px;
	border-left: 1px solid #b2b2b2;
	border-right: 2px solid #b2b2b2;

}
#colonne_un {
	width: 208px;
	float: left;
	margin-left:16px;
	background: url(colonne1.gif) no-repeat center top;
	position: relative;
	top: 18px;
	line-height: 18px;
}
#colonne_deux {
	width: 208px;
	float: left;
	margin-left:10px;
	background: url(colonne1.gif) no-repeat center top;
	position: relative;
	top: 0px;
	line-height: 18px;
}
#colonne_deux img{
	margin-left: 0px;
	margin-top: 42px;
	border: 2px solid #eee;
	float: left;
}

#colonne_deux a img, #content.triple img{
	border: 4px solid #c2c2c2;
}

#content.triple img{
	margin-left: 18px;
	margin-bottom: 18px;
	float: left;
}
#content.triple p{
	margin-bottom: 0px;

}
#content.triple img.sans{
	FLOAT: left; 
	MARGIN-LEFT: 200px;
}

#main {
	FLOAT: left; 
	MARGIN-LEFT: 95px;
	MARGIN-top: 20px;
}

#content.triple img.sans_bas{
	float: right;
	margin-left: 0;
	margin-top: 18px;
}
#colonne_deux a:hover img {
	border: 6px solid #5a5e60;
}
#colonne_deux p.legende{
	margin-top: 6px;
	font-family: Georgia, "Times New Roman", serif;
}
#colonne_un p, #colonne_deux p{
	margin-bottom: 0;
	color: #4c5666;
	list-style-type: none;
	padding: 0;
	font-size: 10px;
}
#colonne_un ul li, #colonne_deux ul li{
	background: url(h2.gif) no-repeat left bottom;
	list-style-type: none;
	font-size: 10px;
	padding-top: 0;
}
#colonne_un ul li.liste, #colonne_deux ul li.liste{
	padding-left: 15px;
}
#colonne_un ul li a.liste, #colonne_deux ul li a.liste {
	background: none;
	padding-left: 15px;
	margin-left: 1px;
	text-decoration: none;
	font-weight: normal;
}
#colonne_un ul li, #colonne_deux ul li{
	color: #4c5666;
}
#colonne_un ul li a, #colonne_deux ul li a {
	background: url(bullet.gif) no-repeat left top;
	padding-left: 15px;
	margin-left: 1px;
	text-decoration: none;
}
#colonne_un ul li span, #colonne_deux ul li span {
	background: url(bullet.gif) no-repeat left top;
	padding-left: 15px;
	margin-left: 1px;
	text-decoration: none;
	color: #5e6775;
	font-weight: bold;
}
#colonne_un ul li a:hover, #colonne_deux ul li a:hover {
	color: #bb0000;
}
#colonne_un li.On a, #colonne_deux li.On a  {
	color: #bb0000;
	background-image: none;
}

#colonne_un p.news, #colonne_deux p.news {
	background: url(bullet.gif) no-repeat 0 2px;
	margin-left: 1px;
	padding-left: 15px;
	margin-bottom: 0;
}

#colonne_un h1, #colonne_deux h1{
	color: #bb0000;
	margin-top: 18px;
	background: url(h2.gif) no-repeat center bottom;
	font: 16px/18px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 9px;
	margin-bottom: 9px;
}
#colonne_un a, #colonne_deux a{
	color: #5e6775;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.footer_colonne{
	height: 50px;
	float: left;
	width: 420px;
	position: relative;
	left: 12px;
	top: 60px;
	font: 16px/18px Georgia, "Times New Roman", Times, serif;
	color: #bb0000;
}
#footer{
	clear: both;
	background: url(background_bottom.gif) no-repeat center bottom;
	height: 30px;
	text-align: left;
	font-size: 10px;
	position: relative;
}
#footer p{
	text-align: left;
	padding-top: 5px;
	padding-left: 7px;
	color: #c8c8c8;
}
#footer p a{
		color: #ffffff;
}
#content h1{
	color: #bb0000; 
/*color: #005CA2; */
	margin-bottom: 18px;
	margin-top: 28px;
	background: url(h1.gif) no-repeat 1px 11px;
	padding-left: 25px;
	left: -5px;
	position: relative;
	clear: both;
	font: normal 20px/36px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 0;
}
#content p, #content h2{
	margin-left: 20px;
	margin-bottom: 0;
}
#content p{
	text-indent: 0px;
}
#content  .nsj{
	text-indent: 0px;
}
#content span{
	color: #cc0000;
	text-decoration: none;
}
#content img.online{
	border: 0px;
	padding-left: 10px;
}
#content p.p20{
	margin-top: 20px;
	clear: both;
	padding-bottom: 0;
}
#content p.p10{
	margin-top: 10px;
	clear: both;
	padding-bottom: 0;
}
#content p.p40{
	margin-top: 40px;
	clear: both;
	padding-bottom: 0;
}
#content p.p5{
	margin-top: 5px;
	clear: both;
	padding-bottom: 0;
}
#content p.p60{
	margin-top: 60px;
	clear: both;
	padding-bottom: 0;
}
#content .post p{
	margin-bottom: 18px;
	text-indent: 0px;
}
.kern {
letter-spacing: -0.2em;
}
#content h2{
	color: #4c5666;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 18px;
  width: 520px;
	margin-top:0em; padding:0.66em 0 0 0; 
	border-bottom:0.059em solid #d0d0c6; }
	
#content h4{
	color: #4c5666;
	margin: 10px 0 0 22px;
	font-size: 12px;
	line-height: 18px;
  width: 440px;
	padding:0 0 0 0; 
	border-bottom:0.059em solid #d0d0c6; }
	
#introduction{ 
	width: 498px;
	line-height:1.5em;
	margin-top:0; 
	padding:0.5em 1em; 
	background:#f2f2f2; 
	border-bottom:1px dotted #d0d0c6; }


#content .post code {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #3f3f3f;
	border-left: 3px solid #c2c2c2;
	display: block;
	padding-left: 10px;
	font-size: 1.2em;
}
/*content---newp*/
#content .newp {
  margin-left: 12px;
	float: left;
}
#content .newp img {
	margin-left: 0px;
	float: left;
	border: 3px;
}
#content .newp ul {
 margin:0;
 padding:0;
 width:288px;
 height:160px;
 list-style:none;
 border: 3px solid #cc0000;
 position:relative;
 }
#content .newp li {
 display:inline;
 width:90px;
 height:74px;
 margin:0px;
 }
 
/*content---plus*/
#content .pview{
  text-align: center;
  margin: 10px;
	float: left;
	width: 127px;
	height: 127px;
}
#content .pview img{
  margin: 0px;
  width: 127px;
  height: 93px;
}
#content .plus{
	width: 240px;
	margin-left: 18px !important;
	margin-left: 15px;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 14px;
	font-size: 10px;
}
#content .hotp{
  margin: 0 0 0 0;
	float: left;
	width: 360px;
}
#content .hotp img{
  margin-bottom: 0;
}
#content .plus h3{
	color: #fff;
	height: 24px;
	background: url(plus.gif) no-repeat left bottom;
	border: 2px solid #ccc;
	padding-left: 4px;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 15px;
}
#content .plus h3 a{
	color: #fff;
	text-decoration: none;
}
#content .plus h3 a:hover{
	color: #ddd;
}
#content .plus ul{
	list-style-type: none;
	margin-left: 4px;
}
#content .plus li{
	margin-bottom: 1px;
}
/* contact */
form {
	padding: 20px 0 0;
}


#content p.contact{
	padding-top: 5px;
	padding-bottom: 5px;
	color: #4c5666;
}
input.formulaire, textarea.formulaire{
	margin-left: 15px;
	width: 390px;
	background-color: #f6f6f4;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
}


/* BLOG */
#content .post .date, 
#content .liste_post .date, 
#content div.post p.post-info {
	text-transform: uppercase;
	font-size: 10px;
	background: url(h2.gif) no-repeat left bottom;
	text-align: left;
	margin-bottom: 9px;
	padding: 4px;
	text-indent: 0;
}

#content div.liste_post h1, 
#content div.post h1, 
#content .commentaire h1 {
	margin-bottom: 0;
}

#content .post p.chapo, 
#content .post p.chapo_home, 
#content .liste_post p.chapo{
	text-indent: 0;
	margin-bottom: 0;
}

p#pagination {
	font-size: 10px;
	margin-top: 18px;
}

#content div.post p.chapo {
	color: #4c5666;
	font-weight: bold;
	margin-bottom: 18px;
}

#content div.post p.chapo_home {
		margin-bottom: 18px;
}
#commentaire {
	background-color: #f6f6f4;
	margin-left: 15px;
	border: 2px solid #c2c2c2;
	font-size: 11px;
	padding: 10px;
	margin-bottom: 30px;
	line-height: 18px;
}
#commentaire col.form_text {
	width: 50%;
}
#commentaire td{
	padding: 3px;
}

#commentaire tbody tr td {
	text-align: left;
	margin: 0;
	vertical-align: top;
}
#content .comment p {
	color: gray;
	padding-bottom: 0px;
	text-indent: 0;
}
#content div.comment p.par {
	color: #3f3f3f;
	border-bottom: 1px solid #808080;
	background: url(h2.gif) no-repeat left top;
	margin-top: 18px;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 3px;
	float: left;
	display: block;
	width: 430px;
	padding-left: 0;
	margin-left: 20px !important;
	margin-left: 10px;
}
#content div.post p img {
	display: block;
	margin: 10px 0;
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #c8c8c8; padding: 3px; color: #4c5666; }

input.field { 
	border: 1px solid #ccc; 
	background-color: #3C3C3C; 
	width: 100px; 
	color: #000;
}

input.field:hover { 
	border: 1px solid #eee; 
	background: #ccc; 
	color: #000;
}

input.text { 
	margin: 0; 
	width: 110px;
	border: 1px solid #ccc; 
	background: #eee;
	color: #4c5666; 
}

input.text:hover { 
	border: 1px solid #eee; 
}

input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #FFFFFF; 
	color: #808080; 
	padding: 1px; 
	font-weight: bold; 
}

/*search*/
#search{float:left;width:60%;margin:0 0 0 2%;display:inline;/*WinIE*/padding-top:50px;padding-bottom:30px;}
#search form{margin:0;padding:0;text-align:left;position:relative;}
#search ul{list-style:none;margin:0 0.66em 0.66em 0;padding:0;text-align:right;font-size:0.7em;text-transform:lowercase;}
#search ul li{display:inline;margin-right:0.5em;padding-right:0.5em;border-right:1px solid #bbb;}
#search ul li.end{border:0;margin-right:0;padding:0;}
#search p{margin:0.66em;font-size:0.7em;text-align:right;color:#666;text-transform:lowercase;}
#search a:link, #search a:visited{font-weight:300;color:#333;}
#search a:hover, #search a:active{font-weight:300;text-decoration:underline;}	
#search input{width:92%;margin:0.1em 0;border:0;background:0;padding:0.1em 0 0.2em 0.5em;}
#search input{color:#420;font:900 1.3em verdana,helvetica,sans-serif;}
#search input.button{position:absolute;right:10px;top:0.4em;width:auto;padding:0;}
#search form span{display:block;width:100%;padding:0;background: transparent url(bg_span_tl.gif) top left no-repeat;}
#search form span span{	background: transparent url(bg_span_tr.gif) top right no-repeat;}
#search form span span span{background: transparent url(bg_span_br.gif) bottom right no-repeat;}
#search form span span span span{padding:0.15em 0.3em;background: transparent url(bg_span_bl.gif) bottom left no-repeat;}
#search label{position:absolute;left:-9999px;text-align:left;}

/*lightbox*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
form{margin-left:16px;padding:0;}	
#webmail{margin:0;padding:0;width:520px;}
#default-form{ margin:0 5% 2em 20px; padding:0 0 0 0;}
#member-status form{margin-bottom:1em;}
#default-form h2{padding-bottom:10px;}
#default-form form{ margin-top:0em;	padding:1.5em 0 2em 0; background:#f2f2f2; border-top:0px solid #ddd; border-bottom:1px dotted #d0d0c6; }
fieldset{margin:0;padding:0;}
#default-form fieldset{ border:0; }
#default-form legend{visibility:hidden;margin:0;height:0.1em;line-height:0.1em;}
#default-form fieldset div{ position:relative; width:100%; padding-bottom:0.66em; }
#default-form fieldset p{ padding-bottom:0.33em; }
#default-form form p{ margin:0 0 0.66em 26%; line-height:1.4em; font-size:0.85em; }
#default-form p#submit{ margin-top:1em; }
#default-form p span, #default-form div label span{ font:300 1.1em verdana,sans-serif; color:#cc0000; }
#default-form fieldset div label{ display:block;	float:left; width:25%; margin-right:1%; font: 900 1em/1.8em arial,sans-serif; text-align:right; }
#default-form fieldset div label em{ position:absolute; right:0; width:10.5em; padding-top:0.25em; font: 300 0.9em arial,sans-serif; text-align:left; }
#default-form fieldset div input{ width:45%; }
#default-form fieldset p input{ padding:0; margin:0; vertical-align:middle; }
#default-form fieldset div textarea{ width:300px; font: 0.95em verdana, sans-serif; height:14em; }
#default-form fieldset div input, #default-form fieldset div textarea, #default-form fieldset div select, #member-status form #openid{ padding:0.1em; color:#420; background:#fff; border:1px solid #e0e0d6; }
#default-form fieldset div input.disabled{ background:none; border:1px solid #e0e0d6; color:#606056; }
#default-form p#submit input, #member-status form input.submit{ padding:0.2em 0.3em; font: 900 0.95em arial,sans-serif; font-size:1.1em; }
#default-form p#submit input#submit2{ color:#06c; }
#default-form p#submit input#submit1{ text-transform:uppercase; color:#cc0000; }
/* form element focus */
#default-form fieldset input:focus, 
#default-form fieldset textarea:focus, 
#default-form fieldset select:focus{ background: #e4eef8; border:1px solid #abc; }



/*******************分页样式**********************/
.activePage {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    padding: 1px 3px 1px 3px;
    border: 1px solid #666666;
    color:#fff;
    background-color:#999999;
    margin-right:3px;
    font-size: 12px;
}
.activePage a:link {text-decoration: none;color: #fff;}
.activePage a:visited {text-decoration: none;color: #fff;}
.activePage a:hover {text-decoration: none;color: #333333;}
.activePage a:active {text-decoration: none;color: #333333;}

.inactivePage {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    padding:  1px 3px 1px 3px;
    border:1px solid #666666;
    color:#999999;
    background-color:#fff;
    margin-right:3px;
    cursor:pointer;
    font-size: 12px;
}
.inactivePage a:link {text-decoration: none;color: #666666;}
.inactivePage a:visited {text-decoration: none;color: #666666;}
.inactivePage a:hover {text-decoration: none;color: #000000;}
.inactivePage a:active {text-decoration: none;color: #000000;}

.goButton{
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    color:#fff;
    background-color:#999999;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    height: 18px;
}
.goInput{
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    border:1px solid #727731;
    color:#999999;
    background-color:#fff;
    cursor:pointer;
    height: 15px;
}
/*******************分页样式**********************/