body {
	background-color:#333333;
	font-family: Verdana, Arial;
	font-size: 13px;
	margin: 0px;
	padding: 0px;	
}
input, textarea, select{
	font-family: Verdana, Arial;
	font-size: 12px
}
ul, p, form, li{
	padding:0;
	margin:0;
}
ul{	list-style:none}
label{ 	cursor:pointer;}

.right{	float:right;}
.left{ float:left;}
.desc { font-size:.8em;}

td.type{
	color:#FFFFFF;
	
}
.a td.type{ 
	color:#009900; 
	background-color:#BFFFBF; 
}
.u td.type{ 
	color:#FF6600;	
}
.d td.type{ 
	color:#990000 ;
	background-color:#FFDFDF;

}

.error{
	display:block;
	color:#BF0000;
	font-size:1em;
	font-family:"Trebuchet MS", Verdana, sans-serif;
}

div.error{
	display:block;
	font-size:15px;
	text-align:left;
	font-weight:bold;
	padding:15px 15px;
	text-align:center;
}
.error a{
	color:#BF0000;
}
.done{
	color:#0C7418;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:1em;
}
div.done{
	display:block;	
	font-size:15px;
	text-align:left;
	font-weight:bold;
	padding:15px 15px;
	text-align:center;
}
.done a{
	color:#0C7418;
}
.connected{
	color:#333333;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:18px;
	text-align:center;
}
.connected a{
	color:#333333;
}

.enable {	background: transparent url(/images/1.gif) no-repeat center;	}
.disable {	background: transparent url(/images/0.gif) no-repeat center;}
.mail {	background: transparent url(/images/new/mail.gif) no-repeat center;	}
.email {	background: transparent url(/images/new/mail2.gif) no-repeat center;	}
.newmail {	background: transparent url(/images/new/newmail.gif) no-repeat center;	}
.nomail {	background: transparent url(/images/new/nomail.gif) no-repeat center;	}
.user {		background: transparent url(/images/ico_user.gif) no-repeat center;	}
.password {	background: transparent url(/images/ico_mdp.gif) no-repeat center;	}
.forward {	background: transparent url(/images/new/forward.gif) no-repeat center;} 
.autoresponse { background: transparent url(/images/new/autoresponse.gif) no-repeat center;	}
.filter {	background: transparent url(/images/new/filter.gif) no-repeat center;	}
.edit {	background: transparent url(/images/new/mail.gif) no-repeat center;	}
.delete {	background: transparent url(/images/new/delete.gif) no-repeat center;	}
.shield {	background: transparent url(/images/new/shield.gif) no-repeat center;	}
.clear {clear:both;}

a.shield{
	display:block;
	width:18px;
	height:22px;
}
a.shield.off{	
	background-position:0px 0px;
}
a.shield.on{
	background-position:0px -22px;
}
a.create{
	background: transparent url(/images/new/create.gif) no-repeat center;
	display:block;
	width:90px;
	height:34px;	 
	margin:5px 10px ;
}
a.shield span,
a.create span{
	display:none;
}

.navPage{
	margin:0px 0 5px;
	padding:5px 10px;
	font-size:0.8em;;
	color :#333333;
	clear:both;
}
.navPage a{
	text-decoration:none;
}
.navPage .center{
	padding:2px 0 0;
}
.navPage .center{ 
	text-align:center;
	margin:0 auto;
	width:267px;
	padding:5px;
}
.navPage .center strong{

	padding:3px 5px;
	color: #fff;
	font-weight:bold;
	background-color:#333;	
	border: 1px solid #333;
}

.navPage .center a
{	
	padding:3px 5px ;
	text-align:center;
	color :#333333;
	border: 1px solid #999999;
	background-color:#EEEEEE;
	
}
.navPage .center  a:hover{
	color :#FF9900;
	border-color:#FF9900;;
	background-color:#fff;
}
.navPage .left{
	float:left;
}
.navPage .left a{
	background: url(/images/new/left_off.gif) no-repeat center;
	display:block;
	width:18px;
	height:20px;
}
.navPage .left a:hover{
	background: url(/images/new/left_on.gif) no-repeat center;
}
.navPage .right{
	float:right;

}
.navPage .right a{
	background: url(/images/new/right_off.gif) no-repeat center;
	display:block;
	width:18px;
	height:20px;	
}
.navPage .right a:hover{
	background: url(/images/new/right_on.gif) no-repeat center;
}
.navPage .left a span,
.navPage .right a span{
	display:none;
}

span.numrows{ 
	float:right;
	font-size:0.8em;
	font-weight:bold;
	padding:15px;	
	color:#666666
}
span.numrows img{
	padding:5px 15px 5px 0;
	float:left;
}
span.numrows a{
	color:#333333;
}

#main {
	width:805px;
	background: url(/images/new/templatebg.png) repeat-y center center;
	margin:5px auto 0px;
}
#header{
	padding:0px;	
	position:relative;
	 background: transparent url(/images/new/header.png) no-repeat bottom center;
	background-color:#333333;
	margin-bottom:1px;
	height:107px;
}
#header a.logo{
	position:absolute;
	top:10px;
	left:9px;
	width:350px;
	height:97px;
}
.box{
	position:absolute;
	right:20px;
	top:52px;
	text-align:right;font-family:"Trebuchet MS", Verdana, sans-serif;
	line-height:1.3em;
}
.box h3{
	padding:0;
	margin:0;
}
.box a.logout{
	line-height:1em;
	color:#333333;
	font-size:.9em;
}
.box a.logout:hover{
	color:#111
}
#toolbar{
	font-family: Verdana, sans-serif;
	background: #fff url(/images/new/barrebg2.jpg) repeat-x top left;
	height:28px;
	padding:1px;
	margin:0 8px;
	color:#fff;
}
#toolbar a {
	color:#fff; 
	text-decoration:none;
	padding:4px 10px;
	font-size:12px;
	font-weight:bold;
	display:block;
	border-left:1px solid #fff;
}
#toolbar a.cancel{
	border:0px;
	padding:4px 5px;
}
#toolbar a.first { border:0px;}
#toolbar a:hover { color:#FFB11E;}
#toolbar ul { margin-top:2px;}
#toolbar li {display:inline; float:left;}
#toolbar form{
	/*float:left;*/
	padding:1px 0px 0 0px;
	display:inline;
}
#toolbar ul.search{
	float:right;
	padding-right:5px;
}
#toolbar input.keyword{
	border:1px solid #FFB11E;
	background: #fff url(/images/new/inputbg.jpg) repeat-x bottom center;
	width:80px;	
	padding:3px 2px ;
	margin-left:10px;
	margin-right:5px;

}
#toolbar input.submit{
	background: transparent url(/images/new/bsearch.gif) no-repeat center;
	width:100px;	 
	height:22px;
	border:0px;
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	padding:0px;
}
#toolbar li.help a{ 
	padding:0px;
	margin-left:5px; 
	border:0px;
	background:url(/images/new/help.png) no-repeat center;
	height:22px;
	width:22px;
	display:block;
	float:left;
} 

#container{
	margin:8px 20px;
	display:block;
	height:1%;
	position:relative;
}
#container h1{
	font-size:24px;
	font-family:"Trebuchet MS", Verdana, sans-serif;	
	color:#FF9900; 
	padding:10px 10px 10px;
	margin:0px;
}
#container h3{
	padding:8px 10px;
	font-size: 15px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	text-align:left;
	background: url(/images/new/thbg.jpg) repeat-x center;
	color:#292929;
}
#container h4{
	padding:8px 10px;
	margin:0;
	font-size: 14px;
	text-align:left;
	color:#0D6792;
}
#container ol{
	margin:0 40px;
	font-size: 30px;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, sans-serif;
}
#container ol li{
	padding:10px;
}
#container ol .titre{
	font-size: 13px;
	font-weight:normal;
	font-family: Verdana, sans-serif;
	display:block;
}
#container ol .desc{
	font-size: 10px;
	font-weight:normal;
	font-family: Verdana, sans-serif;
}
#container .element{
	line-height:1.2em;
	padding: 15px 40px;
}
#container .element ul{
	margin-left:20px;
	color:#F09C00;
	font-size:14px;
	font-weight:bold;
}

#container .element ul li{
	font-size:9px;
	padding:0px;
	display:block;
	color:#4A4A4A;
	font-family: Verdana, sans-serif;
}
#footer{
	font-size:70%;
	padding:30px 0 25px;
	text-align:center;
	position:relative;
	background: transparent url(/images/new/footerbg.png) no-repeat bottom center;
}
#footer a{
 	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover{
	color:#000000;
}

ul#lexique{
	border:1px solid #DBDBC0;
	background-color:#FBFBF8;
	margin:5px 5px 0px;
	text-align:center;
	float:right;
	clear:both;
	-moz-border-radius:8px;
	font-size:.7em;
}
ul#lexique li{
	float:left;	
	padding:0 5px;
}
ul#lexique a{
	background-position: left;
	display:block;	
	padding:5px 0;
	margin:0px;
}
ul#lexique span{
	display:inline;	
	padding:3px 0 0px 25px;
}

ul#menu{
	margin-left:10px;
	display:block;
	height:35px;
}
ul#menu li{
	float:left;
	
}
ul#menu a{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:15px;
	display:block;
	padding:10px 10px 10px 10px;	
}
ul#menu a:hover{
	text-decoration:underline;
}

.results{	
	clear:both;
	font-size: 12px;
	width:100%;
}
.results a{
	text-decoration:none;
	color:#333;
	display:block;
}
.results td a:hover{
	color:#000;
	text-decoration:underline;
}
.results tr.row0 td{
	background-color: #FCFCFC;
}
.results tr.row1 td{
	background-color: #f4f4f4;
}
.results th{
	padding:8px 5px;
	font-size: 15px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	text-align:left;
	background: url(/images/new/thbg.jpg) repeat-x center;
	color:#292929;
}
.results th a{
	color:#292929;
	text-decoration:none;
}
.results td{
	padding:5px;
	border-bottom:1px solid #E0E0E0;
	border-top:1px solid #fff;
}
.results a.delete,
.results a.enable,
.results a.disable,
.results a.forward,
.results a.autoresponse{
	display:block;
	width:22px;
	height:22px;
}
.results a.newmail,
.results a.nomail{
	padding:9px 0 0;
	font-weight:bold;
	display:block;
	height:22px;
	width:22px;
	font-size:9px;
	background-position:center;
}

.form{
	font-size: 12px;
	width:100%;
	clear:both;
}
.form a{
	color:#333333;
	text-decoration:underline;
	padding:4px;
}
.form *{background-position:left;}
.form table{ }
.form th{
	padding:5px;
	font-size: 15px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
	padding-left:30px;
	width:1%;
}
.form td{
	padding:5px;
	font-size: 12px;
	background-position:left;
}
.form input{
	padding:4px;
}
.form select{	
	height:22px;
}
.form option span{
	padding:3px;
	display:block;
}
.form textarea{
	padding:4px;
}