body{
margin:0;
padding:0;
color:#333;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
position: relative;
min-height: 100%;
margin:10px;
}

#wrapper{border:0;margin:0;margin-left:auto;margin-right:auto;
padding:0;
}

#header{
background-color:#FFF;
background-position:right top;
border-bottom:4px solid #80B5D7;

}

#mambo{
position:relative;
width:100%;
background:url(images/header_blue.jpg)#30569D no-repeat;background-position:top right;margin:0;padding:0;}

#break{
height:50px;
}

form{
margin:0;
}

.button{
border:solid 1px #ccc;
background:#E9ECEF;
color:#666;
font-weight:bold;
font-size:11px;padding:4px;
}

.login{
margin-left:auto;
margin-right:auto;
margin-top:6em;
padding:15px;
border:1px solid #ccc;
width:429px;
background:#F1F3F5;
}

.login h1{
background:url(../images/login_header.png) no-repeat;
background-position:left top;
color:#333;
margin:0;
height:50px;
padding:15px 4px 0 50px;
text-align:left;
font-size:1.5em;
}

.login p{
padding:0 1em 0 1em;
}

.form-block{
border:1px solid #ccc;
background:#E9ECEF;
padding-top:15px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
}

.login-form{
text-align:left;
float:right;
width:60%;
}

.login-text{
text-align:left;
width:40%;
float:left;
}

.inputlabel{
font-weight:bold;
text-align:left;
}

.inputbox{
width:150px;
margin:0 0 1em 0;
border:1px solid #ccc;
}

.clr{
clear:both;
}

.ctr{
text-align:center;
}

.version{
font-size:.8em;
}
.elements{
float: left;
width:120px;
height:120px;
border-width: 1px; 
border-style: solid; 
border-color: #cccccc;
margin: 10px;
text-align:center;
background-color:#FFF;
}

.adminelements{
float: left;
border-width: 1px; 
border-style: solid; 
border-color: #0a5200;
margin: 10px;
text-align:center;
height: 310px;
}

.admingroups{
float: left;
border-width: 1px; 
border-style: solid; 
border-color: #0a5200;
margin: 10px;
text-align:center;
}

#border-top.h_teal {
 position: relative;
	background: url(images/j_header_middle.png) repeat-x; 
}

#border-top.h_teal div      { 
	background: url(images/j_header_right.png) 100% 0 no-repeat; 
}

#border-top.h_teal div div  { 
	background: url(images/j_header_left.png) no-repeat; 
	height: 54px; 
}
#border-top .version {
	display: block; float: right;
	color: #fff;
	padding: 25px 5px 0 0;
}

#border-top .title {
	font-size: 22px; 
	font-weight: bold; 
	color: #fff; 
	line-height: 44px;
	padding-left: 180px;
}

#system-message{
	margin-bottom: 10px;
	padding: 0;
}

.icons {
border:0px;
text-align:center;
width:75x;
height:75px;
display: block;
margin-top:5px;
margin-left: auto; 
margin-right: auto;
}

#footer {
	position: absolute;
	bottom: 0;
	background-color: #0066b2;
	width: 100%;
	padding:0px;
}

#module-status .logout   { background: url(images/icon-16-logout.png) 0px 0px no-repeat; height:22px }
#module-status .site     { background: url(images/icon-16-frontpage.png) 0px 0px no-repeat; height:22px }
#module-status .retour   { background: url(images/icon-32-back.png) 0px 0px no-repeat; height:22px }
#module-status .profiles { background: url(images/user.png) 0px 0px no-repeat; height:22px }
#module-status .groupes  { background: url(images/icone_groupe_petit.png) 0px 0px no-repeat; height:22px }
#module-status .droits   { background: url(images/icone_gus_cadenas.png) 0px 0px no-repeat; height:22px }
#module-status .modules  { background: url(images/modules.png) 0px 0px no-repeat; height:22px }
#module-status .aide  { background: url(images/icone_16_aide.png) 0px 0px no-repeat; height:22px }

#navigation{ 
float: left; 
vertical-align:top;
font-size:15;
padding-left:10px;
}

.warning{
font-size:30px;
margin-left:30px;
margin-right:30px;
text-align:justify;
}

div #loading {
	position:absolute;
	top: 85px;
	right: 50%;
	margin-left:-65px;
	padding:5px 10px 5px 10px;
	width: 130px;
	background:#FFFFFF;
	font-size: 1.5em;
	display:none;
}

table {
	border:1px dotted grey;
	font-size:12px;
	background-color:#FFF;
}