/* *******************************************************************
 Zedda News - Stylesheet - Developed by Nicolas Le Berre - Mars, 2006
********************************************************************** */
html,body{margin:0;padding:0;height: 100%;}
body{font-family:arial,sans-serif;text-align:center;background: #ccc url(images/holder.gif) top center repeat-y;}
p{margin:0 10px 10px}
/*a{display:block;color: #981793;padding:10px}*/


* html #wrap{height: 100%;}
/* A CSS hack that only applies to IE -- specifies a different offset for the footer */
* html #footer{	margin-top: -45px;}



/* *************************************************************
Wrap - Used to Centre Page in the centre
************************************************************* */
div#wrap	{
	color: #663;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
	min-height: 100%;
	}


/* *************************************************************
HEADERS
************************************************************* */
div#header{ float: left;
	height: 150px;
	width: 900px;
	line-height:80px;
	padding: 0;
	margin-top: 0px;
	background-color: #495F97;
	border-top:15px solid #FFF;
	}

div#header h1{color: #79B30B;}
div#header .logo{margin: 30px 0 0 10px;}
div#header .photo{ float:right;}


/* *************************************************************
BREADCRUMB
************************************************************* */
#breadCrumb{ font-size:76%;  float: left; color: #444; text-align: left; line-height:30px; background-color:#E4E9F3; margin: 0;  width: 900px;}
#breadCrumb a{color: #444;}
#breadCrumb li{color: #444;}
#breadCrumb .admin{ float:right;margin:0; padding:0;}

#topNav{height: 30px; width: 900px; float: left; font-size: 75%; font-weight: bold; text-transform: uppercase; text-align: center; margin: 0 0 10px 0; padding-top: 4px; color: #993300; background-color: #eee; clear: both;}
#topNav ul{list-style: none; margin: 0; padding: 0;}
#topNav li{display: inline; padding: 0 0 0 20px; margin: 0; background: url(images/navLine.gif) no-repeat 7px 4px;}
#topNav a{text-decoration: none; color: #990000;}
#topNav a:hover{color: #CC6633; text-decoration: none;}
#topNav li.noBG{background: none;}

/* *************************************************************
MAINCONTENT WRAP
************************************************************* */
div#contentWrap,div#contentWrapExt{ 
	float: left;
	width: 900px;
	color: #663;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: auto;	
	}
	
div#contentWrap	{
	background: url(images/wrapinner.gif) top left repeat-y;
}
	
/* *************************************************************
MIDDLE
************************************************************* */
div#maincontent {
	float: left; 
	width: 675px;
	padding: 15px 0 52px 0;
	border: 0;
	margin: 10px 0 0 10px;
}

div#maincontent p{font-size:75%; }
div#maincontent td{font-size:75%; background-color:#fff; border:1px solid #CCCCCC; }
div#maincontent td.bgGris{ background-color:#e1e1e1;}
div#maincontent th{font-size:75%; background-color:#E6E6E6; }

#maincontent  p a{ text-decoration:none; color:#495F97; font-weight:bold; }
#maincontent  p a:hover{ color:#999; }
#maincontent  H1 { CLEAR: both; margin:0 0 10px 10px; FONT-SIZE: 120%;  TEXT-TRANSFORM: uppercase;  COLOR: #99CC33;}
#maincontent  H1 .subTitle {
	MARGIN-TOP: 8px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 125%;  PADDING-BOTTOM: 16px; TEXT-TRANSFORM: none; COLOR: #99CC33; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.hidden {
	LEFT: -10000px; POSITION: absolute
}

#auth{margin: 0 auto; padding-top:50px; font-size:75%; width: 500px; clear:both;}
#auth fieldset{height: auto;}
#auth legend{ font: 100% Verdana, Arial, Helvetica, sans-serif;  color: #495F97; font-weight: bold; border: 1px solid #B1C0D4; display: block; width:160px; }
#auth p label{width: 200px; float: left; text-align: right; padding: 0;}
#auth input{float: left;}

#edition ul{ list-style: none; width: 250px; margin: 0; padding: 0; float: left; color:#333333;}
#edition2 ul{ list-style: none; width: 400px; margin: 0; padding: 0; float: left; color:#333333;}
#edition2 li{width: 200px; margin: 0; padding: 0; float: left; height: 2em; text-align:left; }


#edition li{width: 125px; margin: 0; padding: 0; float: left; height: 2em; text-align:left; }
#edition li a,#edition2 li a{ text-decoration:none; color:#666; }
#edition li a:hover,#edition2 li a:hover{ color:#999; }

#featureNavigation {
	MARGIN-TOP: 3em;  BACKGROUND-COLOR: #f2f2f2
}
#featureNavigationInner {
	PADDING-RIGHT: 16px;  PADDING-LEFT: 16px; ; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; BACKGROUND-REPEAT: no-repeat
}


.newsList{width: 150px; height: 185px; background-color: #FFF; float: left; margin: 0 0 15px 15px; border: 1px solid #ccc; display: inline;}
.newsList p{ padding:5px 5px 0 5px;}
.picList{text-align:center; width: 150px; height: 180px; background-color: #FFF; float: left; margin: 0 0 15px 15px; border: 1px solid #ccc; display: inline;}
.picList .img{vertical-align: baseline;height: 150px;}
.picList td{border:0;}

.picList p{ padding:0; margin:0; line-height:30px; background-color:#E1E1E1;}

#underline {font-size:75%; clear:both; height:30px;  border-top:1px dashed #CCC; padding-top:8px;margin:20px 0 10px 15px;}
#underline   a{ text-decoration:none; color:#495F97; font-weight:bold; }
#underline   a:hover{ color:#999; }


#contentHeader,#contentFooter{font-size:75%;width: 100%; height: auto; margin: 0 0 0 0; padding: 0; color:#333333; float: left; display: inline;}


/* *************************************************************
NAVIGATION
************************************************************* */
div#navigation{
	float:left;
	width:200px; 
	margin: 0;
	clear: both;
	}
div#navigation h1{ font-size:100%;width: 190px; color:#E1E1E1; margin:0;padding: 5px 0 5px 10px; line-height: 140%; float: left; text-align: center; background-color: #494A4B;}
div#navigation h1 a{ color:#E1E1E1; text-decoration:none; text-transform:uppercase; }


#leftNav{font-size:75%;width: 200px; margin:0; float: left; text-align: left; }
#leftNav ul{list-style-type: none; padding: 0; margin: 0 0 10px 0;}
#leftNav li{margin: 0; border-bottom: 1px solid #ffffff;}
#leftNav li a{color: #555; display: block; text-decoration: none; padding: 8px 0 8px 13px; border-left: 5px solid #AAAAAA; background-color: #E8E8E8; width: 90%;}
#leftNav li a:hover{border-left: 5px solid #EBEBEB; background: #fff; display: block;}
#leftNav .active a{border-left: 5px solid #fff; background-color: #AAAAAA; color: #fff;}
/*.key {background: url(images/key.gif) 150px 5px no-repeat;}*/
#leftNav .active a:hover{border-left: 5px solid #fff; background-color: #AAAAAA; color: #fff;}
html>body #leftNav li a{width: auto;}
	

/* *************************************************************
FOOTER
************************************************************* */
div#footer	{
	clear: both;
	color: #fff;
	width: 900px;
	padding: 2px 0 0 0;
	height: 30px;
	background-color:#495F97;
	position: relative;
	margin: -45px auto 0 auto;
	border-bottom:15px solid #FFF;	
}

	
div#footer p	{
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 50px;
	}

fieldset{ border: 1px solid #B1C0D4; margin-top:20px; padding:10px; width:440px; height:100px}
legend{ font: 70% Verdana, Arial, Helvetica, sans-serif;  color: #495F97; font-weight: bold; border: 1px solid #B1C0D4; display: block; width:160px; }
form p{ clear:left; margin:0; padding:0; padding-top:5px;}

input{ margin-left:10px;}
input.txt{ color:#00008B; background-image:url(images/bg_input.gif); background-repeat:repeat; border:1px inset #00008b;width:200px; margin-top:5px;}
textarea{ margin-left:10px;}
textarea.txt{ color:#00008B; background-image:url(images/bg_input.gif); background-repeat:repeat; border:1px inset #00008b;width:200px; margin-top:5px;}
select { color:#000000;}
input .button{ background-color:#006600;}

form .selectReportages { width: 180px; font-size: 90%; height:20px; border:1px solid #CCCCCC;}