@CHARSET "UTF-8";

body {
	background: #469ACE;
	font-family: verdana;
	font-size: 12px;
	text-align: center;
}

img{border:0;}


.disconnected {
	margin: 0 auto;
	width: 630px;
	padding: 5px 15px 5px 15px;
	font-weight: bold;
	background: #CCC;
	
}

.error span {
	background-color: #FFAAAA;
	width: 300px;
	display: block;
}


#main {
	text-align: left;
    margin: 0 auto;
    width: 885px;
    padding: 0 15px 15px 15px;
    background: #FFF;
    position: relative;
    left: 12px;
}
	
#menu table {
    background: #a9dd7a;  		
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #85bd53;         
}	

#menu table td {
    text-align: center;
    padding: 8px 0 0 0 ;
    margin: 0;
}

#menu table a {
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: #000;
}
	
#menu {
}	
	
#menu h2 {
	font-style: italic;
	font-size: 15px;
}
	
form fieldset {
    border: none;
    border-top: 8px solid #e69d10;
    border-bottom: 1px solid #e69d10;
    text-align:left;
    background: #f7f7f7;
    
}
#userSelectHiddenForm fieldset{
   border: none;
   border-top: Opx; 
   border-bottom: Opx;
}

form legend {
    font-weight: bold;    
    padding: 5px;
}

form label {
    font-size: 12px;
}


#pass_forget_form, 
#loginForm,
#subscriptionForm,
#informationsForm,
#compteurForm,
#releveForm {
	width:100%;
}

#userSelectForm,	
#releveLastForm,
#releveExportForm {
		width:90%;
		
}
#userSelectHiddenForm li,
#pass_forget_form li,	
#loginForm li,
#subscriptionForm li,
#informationsForm li,
#compteurForm0 li,
#compteurForm1 li,
#userSelectForm li,	
#releveLastForm li,
#releveExportForm li,
#releveForm li {
	list-style: none;
    margin-bottom: 5px;
}


#compteurForm1 fieldset {
	 background: #ffddb0;	
}

#compteurSelectForm0,
#compteurSelectForm1
{
	list-style: none;	
	
}

.noResult
{
    color: #ff0000;
}
	
.compteur_listing {
	height: 600px;	
}

.compteur_link {
	width: 250px;	
	text-align:left;
	list-style: none;	
}

.compteur_link form {
		display:inline;	
	}
	
.compteur_numero {
		width: 130px;
	}

#compteur_summary,
#users_summary,
#export_summary,
#export_files,
#export_files td
	{
		text-align:center;
		background-color:#DDDDDD;
		width:450px;
		font-size: 12px;
		
	}

table.compteurs_table{width:100%;border-collapse: collapse;}
.compteurs_table th,
.compteurs_table td
{
	font-size: 12px;
	height: 20px;
	text-align:center;
    padding: 5px;
   
}

.compteurs_table th {
    background: #6AAF2B ;
     color: #fff; 
}

.compteurs_table th a {
    color: #fff;
}




.ancien_releve{margin:2em;}
.ancien_releve strong#title{padding-left:2em;}

.compteur_rajout {
	height: 600px;
}


.compteur_ancien li {}
	
.compteur_ancien strong {
		background-color:#DDFFBF;
		border-width: 1px;
		padding:2px;
		border-width: 2px;
		display:block;
}
.compteur_ancien span {padding-left:2em;}       

.releves_diff,
.releves_volume
{
		width: 30px;	
}


.releves_table { width: 90% !important; margin-top: 5px;}
.releves_table th, .releves_table td { padding: 5px; }

.releves_table th,
.users_table th
{
	font-size: 12px;
	height: 20px;	
	background-color: none;
    background: #6AAF2B;
    color: #fff;
    font-size: 10px;
}

.releves_table th a,
.users_table th a
{
    color: #fff;
    font-size: 10px;
}



.releves_table td{text-align:center;}

#imgcptr{margin-left:10%;}

.releves_pair,
.users_pair
{
	background-color: #DDFFBF;
}

.releves_impair,
.users_impair
{
	background-color: #A9DD7A;
}

.releves_table td,
.users_table td
{
	font-size: 12px;
	height: 20px;	
}

.releves_table tr,
.users_table tr
{
	padding:0px;	
	border:0px;
}

.releves_table,
.users_table {
		border-spacing:0px;
		width:450px;
	}
	
	

#releveForm ul {
	background-color: #A9DD7A;	
	padding: 5px;
	width:400px;
}

.compteur_legende,
.subscription_legende {
	font-size:80%;
}



#astien_bandeau,
#astien_bandeau table {
		width: 100%;
	}
	

#astien_bandeau img { 
	}	
    
.astien_title {
    font-size: 20px;
    font-weight: bold;
}

.astien_login {
	font-size: 10px;
    font-weight: bold;
	text-align: right;
	vertical-align:top;
	padding-top: 5px;
    padding-bottom: 5px;      
}

#annee {
		width:70px;
	}	

.element {

}
	
.required {
	color: red;	
}

.message_info{width:70%;margin:auto;margin-bottom:2em;background:#eef;border:thin solid #369;color:#369;font-weight:bold;padding:1em;text-align:center;} 
.message_info em{color:#000;} 
.message_erreur{width:70%;margin:auto;margin-bottom:2em;background:#fee;border:thin solid #f10;color:#f10;font-weight:bold;padding:1em;text-align:center;}
.message_nota{width:70%;margin:auto;margin-bottom:2em;background:#edd;border:thin solid #369;color:#369;font-weight:bold;padding:1em;text-align:center;}