body {
	margin: 0px;
	background: url('http://www.valrim.fr/images/espace-clients/fond.jpg') repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	height:100%;
}

global{
	height:auto !important;
	overflow:hidden;
}

#connexionform {
	top: 60px;
	left: 50px;
	position: absolute;
}

#txt_codeAcces, #txt_motDePasse {
	width: 300px;
	border: solid 1px;
}

.bt_login {
	border: solid 1px;
}

.MessageErreur {
	font-weight: bold;
	color: White;
}

.message {
	color: #444444;
}

#connexion /* div */ {
	font-size: 12px;
}

#lblResults {
	color: Red;
	font-weight: bold;
}

.connexionstore {
}

.connexionfooter {
	font-style: italic;
	font-size: 9px;
}

/*
 HEADER Agence
 */
#agence-header /* div */ {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
}

#agence-header-logo /* div */ {
	/*position:absolute;
	 top:0px;
	 left:10px;*/
	width: 400px;
	border-right:#ff0000 10px solid ;
	border-bottom:#ff0000 1px solid ;
	height: 85px;
	background: #ffffff url('http://www.valrim.fr/images/espace-clients/bandeau.png') no-repeat  100% 0;
}

#agence-header-text /* div */ {
	position: absolute;
	top: 0px;
	left: 420px;
	width: 400px;
	height: auto;
}

#agence-header .agence-raison-sociale /* span */ {
	/*color:Fuchsia;*/
	visibility: visible;
}

#agence-header .agence-adresse /* span */ {
	visibility: visible;
}

#agence-header .agence-coordonnees /* span */ {
	visibility: hidden;
}

/*
 SERVICE CLIENT
 */
#client /* div */ {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 1000px;
	height: 100%;
}

#client-header /* div */ {
	position: absolute;
	font-variant:small-caps;
	font-weight:bolder;
	top: 0px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	left: 20px;
}

.messageagence{
	font-weight:normal;
	font-size:0.9em;
	font-variant:normal;
}

#client-disconnect {
	/*position: absolute;*/
	top: 0px;
	width: 100%;
	height: 30px;
	text-align: right;
	right: 10px;
	
}


#client-disconnect a{
	display:block;
	text-decoration:underline !important;
	border:none !important;
}

#client-disconnect a:hover{
	text-decoration:none !important;
}


#client-footer /* div */ {
	position: absolute;
	left: 100px;
	bottom: 0px;
	display: none;
	/*top:430px;
	 width:600px;
	 height:30px;*/
}

#client-contents /* div */ {
	position: absolute;
	left: 5px;
	top: 50px;
	width: 100%;
	/*width:800px;*/
	height: 100%;
}

#client-sommaire /* div */ {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 300px;
	height: 100%;
	border-right: 1px solid #df0000;
	background: none !important;
}

#client-espace /* positionnement de l'iframe */ {
	position: absolute;
	left: 330px;
	top: 10px;
	width: 675px;
	height: 100%;
	border-width: 0;
	background: none;
}

.client-contenu /* div à l'intérieur de l'iframe */ {
	font-family: Arial, Helvetica, sans-serif !important;
	background:transparent;
}

#compte-tpe {
	/*background-color:Red;*/
	font-size: 10px;
}

.ecriture-table {
	font-size: 9px;
	width: 100%;
	padding-left: 8px;
}

.ecriture-tr-header td {
	font-weight: bold;
}

.ecriture-td-libelle, .solde-td-libelle {
	width: 40%;
}

.ecriture-td-date, .ecriture-td-debit, .ecriture-td-credit, .solde-td-date, .solde-td-debit, .solde-td-credit {
	width: 20%;
}

.solde-td-date, .solde-td-debit, .solde-td-credit, .solde-td-libelle {
	border-top: 1px solid #dbdbdb;
}

.solde-tr {
	font-weight: bold;
}

#detail-information {
	display: inline;
	z-index: 999;
	overflow: auto;
	background: #EEEEEE;
	position: fixed;
	left: 10px;
	height: 250px;
	top: 50%;
	margin-top: -125px;
	text-align: justify;
	padding-right: 15px;
	padding-left: 15px;
	visibility: hidden;
}

.detail-information-ouvert {
	display: inline;
	z-index: 999;
	overflow: auto;
	background: #EEEEEE;
	position: fixed;
	left: 10px;
	height: 250px;
	top: 50%;
	margin-top: -125px;
	text-align: justify;
	padding-right: 15px;
	padding-left: 15px;
}

/*
 FOOTER Agence
 */
#agence-footer {
	/*position:absolute;
	 bottom:0px;
	 top:610px;
	 left:0px;
	 width:800px;
	 height:150px;*/
	display: none;
}

#agence-footer-logo /* div */ {
	/*top:0px;
	 left:300px;
	 width:500px;
	 height:150px;
	 background-repeat:no-repeat;*/
	display: none;
}

#agence-footer-text /* div */ {
	/*position:absolute;
	 top:0px;
	 left:0px;
	 width:300px;
	 height:150px;*/
	display: none;
}

#agence-footer .agence-raison-sociale /* span */ {
	color: #0000000;
	display: none;
}

#agence-footer .agence-adresse /* span */ {
	color: #000000;
	display: none;
}

#agence-footer .agence-coordonnees /* span */ {
	visibility: visible;
}

/*
 POLICES
 */
h1, h2, h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444444;
}

h1 {
	font-size: 2em;
	padding-bottom: 8px;
	padding-top: 10px;
}

h2 {
	font-size: 1.6em;
	padding-bottom: 5px;
	padding-top: 10px;
}

h3 {
	font-size: 1.4em;
	padding-left: 8px;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}
li{
	color: #CC0001;
}
a {	
	text-decoration: none;
	border-bottom:1px solid #8c8c8c;
	color: #494949;
}

a:hover {
	text-decoration: none;	
	border-bottom:none;
}

/*Nouvelles balises */
ul .sous-compte {
	padding-left: 14px;
}

input, textarea {
	border: 1px solid #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#mail, #forum_post {
	width: 100%;
}

#mail .label, #forum_post .label {
	width: 85px;
	font-size: 12px;
}

#message, #sujet {
	width: 100%;
}

#message {
	height: 90px;
}

#mail .bouton, #forum_post .bouton {
	text-align: right;
}

.forum {
	border: 1px dotted #CC0001;
	margin: 18px 10px 18px 10px;
	padding: 10px 10px 10px 10px;
}

.forum-titre {
	font-size: 1.6em;
}

.forum-stitre {
	font-size: 0.9em;
	font-style: italic;
}

.forum-auteur {
	color: #444444;
}

.forum-message {
	padding-top: 10px;
}

#forum_post {
	padding-top: 10px;
	padding-bottom: 15px;
}

#fichier_nom {
	font-size: 12px;
}

.popup{
	margin:50px;
	text-align:left;
}

#popup_contenu h1{
	width:auto;
	display:inline-block;
	padding:0;
	border-bottom:1px #ff0000 solid;
}